*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f4f6;color:#222;display:flex}aside{width:220px;min-height:100vh;background:#111827;color:#fff;padding:22px;position:fixed}aside h1{font-size:22px;margin:0 0 25px}aside a{display:block;color:#ddd;text-decoration:none;padding:12px 8px;border-radius:6px}aside a:hover{background:#374151;color:#fff}main{margin-left:220px;padding:30px;width:calc(100% - 220px)}h2{margin-top:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.cards div,.box{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0001;margin-bottom:20px}.cards b{font-size:30px;display:block}.cards span{color:#666}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}input,select,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px}textarea{resize:vertical}button,.btn{display:inline-block;background:#111827;color:#fff;border:0;padding:10px 16px;border-radius:6px;text-decoration:none;cursor:pointer;margin-top:12px}.danger{color:#b91c1c;text-decoration:none}.check{display:block;padding:9px;border-bottom:1px solid #eee}.check input{width:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5e7eb}th{background:#f9fafb}@media(max-width:800px){aside{position:static;width:100%;min-height:auto}body{display:block}aside a{display:inline-block}main{margin:0;width:100%;padding:15px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}table{font-size:13px;display:block;overflow-x:auto}}