*{box-sizing:border-box}body{margin:0;font:15px Arial;background:#0b1020;color:#eef2ff}header{background:#111936;padding:16px 4%;display:flex;justify-content:space-between;gap:20px;align-items:center}a{color:#a9c7ff;text-decoration:none}.wrap{display:flex;min-height:calc(100vh - 62px)}aside{width:240px;background:#0e1630;padding:18px}aside a{display:block;padding:11px;border-radius:7px;margin:3px 0}aside a:hover{background:#192447}main.content{flex:1;padding:28px;max-width:1400px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.stat,.panel,.card{background:#121a36;border:1px solid #26345a;border-radius:12px;padding:20px}.stat b{font-size:28px;display:block;margin-top:8px}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid #29365a;text-align:left}input,select,textarea{width:100%;padding:10px;margin:6px 0 14px;background:#0b1229;color:#fff;border:1px solid #334268;border-radius:7px}button,.btn{background:#4169e1;color:#fff;border:0;padding:10px 15px;border-radius:7px;cursor:pointer}.danger{background:#9b3040}.ok{color:#66e6a5}.err{color:#ff8585}@media(max-width:800px){aside{width:100%;display:flex;overflow:auto}.wrap{display:block}aside a{white-space:nowrap;margin-right:4px}main.content{padding:16px}}