*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f3f6fb;color:#10182b}header{height:70px;background:#0e1a31;color:white;display:flex;align-items:center;gap:12px;padding:10px 20px;position:sticky;top:0}header small{display:block;color:#aab5c7}.fw{background:#2869e8;padding:14px;border-radius:12px}aside{position:fixed;top:70px;bottom:0;width:240px;background:#0d1930;padding:18px 10px;color:#78849a}aside b{display:block;margin:18px 8px 7px;font-size:12px}aside button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#c4ccda;padding:13px;border-radius:9px;font-weight:bold}aside button:hover{background:#2d6eea;color:white}main{margin-left:240px;padding:28px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.panel{background:white;border-radius:16px;padding:20px;box-shadow:0 4px 15px #12203a12}.card{border-left:6px solid #2d6eea}.card.green{border-color:#20ad64}.card.orange{border-color:#f1a400}.v{font-size:30px;font-weight:800;margin:10px 0}.muted{color:#748196}.table{width:100%;border-collapse:collapse;min-width:850px}.table th,.table td{padding:12px;border-bottom:1px solid #e7ebf2;text-align:left}.wrap{overflow:auto;background:white;border-radius:16px}.pill{background:#e8f8ee;color:#14944d;padding:5px 9px;border-radius:15px;font-weight:bold}.team{background:#eee7ff;color:#7348b9}.form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.form input,.form select{padding:11px;border:1px solid #d7deea;border-radius:9px}.form button{background:#2d6eea;color:white;border:0;border-radius:9px;font-weight:bold}@media(max-width:760px){aside{width:110px}aside b{font-size:9px}main{margin-left:110px;padding:14px}.cards{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr 1fr}header div b{font-size:13px}}