*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#17243b;font:15px Arial}aside{position:fixed;inset:0 auto 0 0;width:215px;background:#142b4b;color:white;padding:20px}aside h2{margin:10px 0 0}aside small{color:#c2cee0}.logo{width:48px;height:48px;background:#287be8;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:bold}nav{display:grid;gap:8px;margin-top:35px}nav a{color:white;text-decoration:none;padding:12px;border-radius:8px}nav a:hover{background:#2378e9}main{margin-left:215px;padding:28px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}header h1{margin:0;font-size:28px}header p{color:#758198;margin:6px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}.cards>div,section,.panel{background:white;border:1px solid #e1e8f2;border-radius:14px;padding:18px;box-shadow:0 2px 8px #102b4b0a}.cards small{color:#718098}.cards b{display:block;font-size:25px;margin-top:10px}section{margin-bottom:18px}section h2{margin:0 0 16px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}td,th{padding:11px;text-align:left;border-bottom:1px solid #e8edf4}th{background:#f7f9fc}.inline,.mini{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.mini{display:grid;min-width:160px}input,select{padding:11px;border:1px solid #d5deea;border-radius:8px;min-width:0}button,.button{border:0;background:#2378e9;color:#fff;padding:10px 14px;border-radius:8px;cursor:pointer;text-decoration:none}.pill{background:#eaf0f7;padding:5px 8px;border-radius:20px}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.panel{width:min(410px,95vw);display:grid;gap:12px}.panel h1{margin:0}.panel p{color:#758198;margin:0}.panel input{width:100%}.panel button{margin-top:8px}.panel small{color:#718098}.alert{background:#fff0d1;padding:10px;border-radius:8px}@media(max-width:760px){aside{position:static;width:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px}aside h2{font-size:16px}aside small{display:none}nav{display:flex;overflow:auto;width:100%;margin:0}nav a{white-space:nowrap;padding:9px}main{margin:0;padding:14px}header h1{font-size:23px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{aside,header,form{display:none!important}main{margin:0;padding:0}section,.cards>div{box-shadow:none}}