*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#f4f6f9;color:#172033}.top{background:#10233f;color:#fff;padding:14px 18px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:5}.top nav{display:flex;gap:8px;flex-wrap:wrap}.top a{color:#fff;text-decoration:none;padding:7px 9px;border-radius:7px}.top a:hover{background:#244363}.wrap{max-width:1250px;margin:20px auto;padding:0 14px}.card{background:#fff;border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:0 2px 12px #0000000b}h1{font-size:25px}label{display:block;font-weight:600;margin:10px 0}input,select,textarea{width:100%;padding:10px;border:1px solid #d7dce5;border-radius:7px;background:#fff;margin-top:5px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat{background:#fff;border-radius:10px;padding:14px;text-decoration:none;color:#172033;box-shadow:0 2px 10px #0000000a}.stat strong{display:block;font-size:27px;margin-top:7px}.btn{border:0;border-radius:7px;padding:10px 13px;cursor:pointer;margin:5px 3px;background:#e8edf3;color:#172033}.btn.primary{background:#173c68;color:#fff}.btn.danger{background:#a52a2a;color:#fff}.badge{padding:4px 8px;background:#e9eef5;border-radius:20px;font-size:12px}.notice,.success,.error{padding:11px;border-radius:8px;margin:10px 0}.notice{background:#eef4ff}.success{background:#eaf8ee}.error{background:#ffecec;color:#8d1717}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}.toolbar input{flex:1;margin:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid #e8ebef;font-size:14px}.subject{padding:10px;border:1px solid #e0e5ec;border-radius:7px;margin:6px 0}.subject input{width:auto}.auth{max-width:440px;margin:70px auto}.auth h1{text-align:center}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.top{position:static}.top nav{width:100%}table{display:block;overflow:auto;white-space:nowrap}.wrap{padding:0 9px}.toolbar{flex-direction:column;align-items:stretch}}