:root{--nav:#11264a;--nav2:#1b3b70;--blue:#1d5fbe;--blue2:#164a92;--bg:#f5f7fb;--card:#fff;--text:#172236;--muted:#6d7788;--line:#e2e7ef;--ok:#148559;--warn:#c97700;--danger:#bb3838;--shadow:0 12px 30px rgba(25,39,65,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{height:100vh;position:sticky;top:0;background:var(--nav);padding:16px 12px;color:white;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px 7px 18px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px}.brand-icon,.login-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,#70afff,#2a64d2);display:grid;place-items:center;font-weight:900;color:white}.brand b{display:block}.brand span{display:block;color:#a7b8d5;font-size:10px;margin-top:2px;max-width:160px}.side-section{padding:13px 10px 5px;text-transform:uppercase;font-size:9px;letter-spacing:.15em;color:#7189af}.nav{border:0;background:transparent;color:#d3def0;width:100%;text-align:left;padding:10px 11px;border-radius:9px;margin:2px 0;display:flex;gap:10px;align-items:center}.nav:hover,.nav.active{background:var(--nav2);color:#fff}.main{min-width:0}.topbar{height:66px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 22px;position:sticky;top:0;z-index:5}.topbar>div{display:flex;align-items:center;gap:10px}.top-user small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.content{padding:22px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.page-head h1{font-size:24px;margin:0 0 5px}.page-head p,.muted{color:var(--muted);font-size:12px;margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow);margin-bottom:15px}.card h3{margin:0 0 12px;font-size:15px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.kpi{background:white;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.kpi span,.kpi small{display:block;color:var(--muted);font-size:11px}.kpi b{display:block;font-size:27px;margin:5px 0}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.btn{border:1px solid #d8dfeb;background:#f4f6f9;color:#25334b;border-radius:8px;padding:8px 11px;font-weight:650;font-size:12px}.btn:hover{filter:brightness(.97)}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.primary:hover{background:var(--blue2)}.btn.danger{background:#ffe8e8;color:#9f2f2f;border-color:#ffd0d0}.btn.sm{padding:5px 8px;font-size:10px}.btn.full{width:100%}.badge{display:inline-block;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:800;background:#eef1f5;color:#5e6978}.badge.ok{background:#e5f6ee;color:#116f4a}.badge.warn{background:#fff0d6;color:#9b5c00}.badge.danger{background:#ffe4e4;color:#a12b2b}.tag{display:inline-block;background:#e9f1ff;color:#1d58ad;border-radius:6px;padding:3px 6px;font-size:10px;font-weight:700}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:11px;background:white}th{background:#eef3fa;text-align:left;color:#34435c;padding:9px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:8px 9px;border-bottom:1px solid #edf0f4;vertical-align:top}tr:last-child td{border-bottom:0}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.toolbar select,.toolbar input,select,input,textarea{border:1px solid #d9e0e9;border-radius:8px;padding:8px;background:white;color:var(--text)}label{display:block;font-size:11px;color:#59667a;margin:9px 0}label input,label select,label textarea{display:block;width:100%;margin-top:5px}select[multiple]{min-height:160px}.form-grid{display:grid;gap:10px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.class-card{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:5px}.class-card span{font-size:10px;color:var(--muted)}.class-card .btn{margin-top:8px}.empty{padding:25px;text-align:center;color:#7b8594;background:#f8fafc;border:1px dashed #d8dee8;border-radius:10px}.notice{background:#edf4ff;color:#234f8f;border:1px solid #d5e5ff;border-radius:9px;padding:10px;font-size:11px;margin:10px 0}.success{background:#e9f7ef;color:#126b48;border-radius:9px;padding:10px;font-size:11px}.issue-list{display:grid;gap:6px;margin-top:10px}.issue{padding:9px 10px;border-radius:8px;font-size:10px}.issue.bad{background:#ffeaea;color:#9a3030}.issue.warn{background:#fff3dd;color:#8b590b}.meter{height:8px;background:#ecf0f5;border-radius:100px;overflow:hidden;margin:10px 0}.meter i{display:block;height:100%;background:var(--blue)}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.chip{background:#eef3fa;border-radius:999px;padding:5px 8px;font-size:9px}.big-status{border-left:4px solid var(--blue);padding:10px 12px;background:#f5f8fd}.big-status b,.big-status span{display:block}.big-status span{font-size:10px;color:var(--muted);margin-top:4px}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.check-grid>div{text-align:center;background:#f5f8fc;padding:12px;border-radius:9px}.check-grid b{display:block;font-size:20px}.check-grid span{font-size:9px;color:var(--muted)}.toggle-row{display:flex;align-items:center;gap:8px;margin-top:10px}.toggle-row input{width:auto;margin:0}.schedule-table{min-width:1000px}.schedule-table th,.schedule-table td{text-align:center;min-width:130px}.schedule-table th:first-child,.schedule-table td:first-child{min-width:90px;position:sticky;left:0;background:#f7f9fc;z-index:2}.schedule-table td:first-child small{display:block;color:var(--muted);font-weight:normal;margin-top:2px}.sched{padding:7px 4px;border-radius:7px;background:#e9f1ff;color:#174f9f;font-weight:800;line-height:1.25}.sched small{display:block;font-weight:500;font-size:8px;color:#6d7b91;margin-top:2px}.sched.fixed{background:#fff0d8;color:#8e5800}.sched.empty{background:#f3f5f7;color:#a1a8b2}.sched.off{background:#eceff2;color:#bbb}.availability-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.avail-day{display:flex;flex-direction:column;gap:5px}.avail-day>b{text-align:center;font-size:11px;margin-bottom:4px}.avail-slot{border:1px solid #dce4ee;background:#eff7f2;color:#286b4d;border-radius:7px;padding:7px}.avail-slot small{display:block;font-size:8px}.avail-slot.off{background:#ffe5e5;color:#9d2f2f}.avail-slot:disabled{background:#fff0dc;color:#9b6000;opacity:.9}.formula{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:13px}.formula strong{font-size:18px;color:var(--blue)}.student-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.student-row{border:1px solid var(--line);padding:8px 10px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.att-buttons{display:flex;gap:3px}.att-buttons button{border:0;border-radius:6px;padding:4px 6px;font-size:9px}.att-buttons button.sel{background:var(--blue);color:white}.journal-header{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.journal-header>div{background:#f5f8fc;padding:10px;border-radius:8px}.journal-header span,.journal-header b{display:block}.journal-header span{font-size:9px;color:var(--muted)}.journal-header b{font-size:11px;margin-top:3px}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.report-card{border:1px solid var(--line);background:white;border-radius:12px;padding:17px;text-align:left;box-shadow:var(--shadow)}.report-card b,.report-card span{display:block}.report-card span{font-size:10px;color:var(--muted);margin-top:5px}.identity{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px;margin:14px 0}.signature{text-align:right;margin:25px 20px 0;font-size:11px}.modal{position:fixed;inset:0;background:rgba(12,22,39,.55);display:none;align-items:center;justify-content:center;z-index:20;padding:20px}.modal.show{display:flex}.modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:white;border-radius:14px;box-shadow:0 25px 80px rgba(0,0,0,.28)}.modal-head,.modal-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.modal-foot{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.modal-head h3{margin:0}.modal-body,#modalBody{padding:4px 18px 14px}.x{border:0;background:transparent;font-size:24px;color:#778}.loading{display:none;position:fixed;inset:0;background:rgba(255,255,255,.88);z-index:50;align-items:center;justify-content:center;flex-direction:column;gap:10px}.loading.show{display:flex}.spinner{width:36px;height:36px;border:4px solid #dce6f5;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;right:18px;bottom:18px;z-index:60;display:grid;gap:7px}.toast{background:#173c79;color:white;padding:10px 13px;border-radius:8px;box-shadow:var(--shadow);font-size:11px}.toast.err{background:#a93737}.toast.warn{background:#9b6500}.overlay{display:none;position:fixed;inset:0;background:#f3f6fa;z-index:100;place-items:center}.overlay.show{display:grid}.dialog{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;max-width:560px}.login-screen{display:none;position:fixed;inset:0;background:linear-gradient(135deg,#11264a,#214c8e);z-index:40;place-items:center;padding:20px}.login-screen.show{display:grid}.login-card{background:white;border-radius:16px;padding:26px;width:min(380px,100%);box-shadow:0 30px 80px rgba(0,0,0,.25)}.login-logo{margin:auto}.login-card h1{text-align:center;margin:12px 0 5px}.login-card p{text-align:center;color:var(--muted);font-size:11px;margin-bottom:18px}.login-card small{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:10px}
@media(max-width:1050px){.app{grid-template-columns:74px 1fr}.brand div:last-child,.nav span,.side-section{display:none}.nav{justify-content:center;font-size:18px}.sidebar{padding:14px 8px}.brand{justify-content:center}.kpi-grid,.report-grid{grid-template-columns:1fr 1fr}.class-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.content{padding:13px}.topbar{padding:0 12px}.page-head{flex-direction:column}.kpi-grid,.split,.class-grid,.form-grid.two,.form-grid.three,.student-grid,.journal-header,.report-grid,.identity{grid-template-columns:1fr}.availability-grid{grid-template-columns:1fr 1fr}.top-user>div{display:none}}
@media print{.sidebar,.topbar,.page-head,.no-print,.actions,.btn{display:none!important}.app{display:block}.content{padding:0}.card{box-shadow:none;border:0}.table-scroll{overflow:visible;border:0}body{background:white}.schedule-table{min-width:0;font-size:8px}.schedule-table th,.schedule-table td{min-width:auto!important}.sched{padding:4px 2px}.print-area{margin:0}}