:root{--bg:#f0f4f8;--surface:#fff;--surface2:#f8fafc;--border:#e2e8f0;--border2:#cbd5e1;--primary:#2563eb;--primary-light:#eff6ff;--primary-dark:#1d4ed8;--success:#16a34a;--success-light:#f0fdf4;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#dc2626;--danger-light:#fef2f2;--purple:#7c3aed;--purple-light:#f5f3ff;--cyan:#0891b2;--cyan-light:#ecfeff;--orange:#ea580c;--orange-light:#fff7ed;--pink:#db2777;--pink-light:#fdf2f8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-md:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-lg:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--radius:10px;--radius-lg:14px;--sidebar-width:260px;--header-height:64px;--t:.2s cubic-bezier(.4,0,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f0f4f8;background:var(--bg);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;min-height:100vh}.login-screen{align-items:center;background:linear-gradient(135deg,#eff6ff,#f0f9ff 40%,#f5f3ff);display:flex;inset:0;justify-content:center;position:fixed;transition:opacity .4s,transform .4s;z-index:1000}.login-screen.hidden{opacity:0;pointer-events:none;transform:scale(.98)}.login-wrap{align-items:center;display:flex;gap:40px;max-width:960px;padding:0 24px;width:100%}.login-hero{display:flex;flex:1 1;flex-direction:column;gap:16px}.login-hero-badge{align-items:center;background:#eff6ff;background:var(--primary-light);border:1px solid #bfdbfe;border-radius:20px;color:#2563eb;color:var(--primary);display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.login-hero h1{color:#0f172a;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:38px;font-weight:800;line-height:1.15}.login-hero h1 span{color:#2563eb;color:var(--primary)}.login-hero p{color:#475569;color:var(--text-secondary);font-size:15px;max-width:340px}.hero-features{display:flex;flex-direction:column;gap:8px;margin-top:8px}.hero-feat{align-items:center;color:#475569;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.hero-feat span:first-child{align-items:center;background:#f0fdf4;background:var(--success-light);border-radius:50%;display:flex;flex-shrink:0;font-size:11px;height:20px;justify-content:center;width:20px}.login-card{animation:loginIn .5s ease;background:#fff;background:var(--surface);border-radius:20px;box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008,0 0 0 1px #2563eb0f;box-shadow:var(--shadow-lg),0 0 0 1px #2563eb0f;flex-shrink:0;padding:40px;width:420px}@keyframes loginIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{gap:10px;margin-bottom:28px}.login-logo,.login-logo-icon{align-items:center;display:flex}.login-logo-icon{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary),#7c3aed);border-radius:11px;box-shadow:0 4px 12px #2563eb4d;font-size:20px;height:42px;justify-content:center;width:42px}.login-logo-text h2{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:800}.login-logo-text p{color:#94a3b8;color:var(--text-muted);font-size:11px}.login-title{font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:700;margin-bottom:4px}.login-sub{color:#475569;color:var(--text-secondary);font-size:13px;margin-bottom:22px}.role-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.role-btn{background:#f8fafc;background:var(--surface2);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:9px;color:#475569;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;padding:10px 6px;text-align:center;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t)}.role-btn.active,.role-btn:hover{background:#eff6ff;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.role-btn .ri{display:block;font-size:18px;margin-bottom:3px}.form-group{margin-bottom:14px}.form-label{color:#475569;color:var(--text-secondary);display:block;font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:5px;text-transform:uppercase}.form-input{background:#fff;background:var(--surface);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t);width:100%}.form-input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-select{background:#fff;background:var(--surface);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t);width:100%}.form-select:focus{border-color:#2563eb;border-color:var(--primary)}.login-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 14px #2563eb4d;color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;margin-top:4px;padding:13px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t);width:100%}.login-btn:hover{box-shadow:0 6px 18px #2563eb59;transform:translateY(-1px)}.login-demo-note{color:#94a3b8;color:var(--text-muted);font-size:12px;margin-top:14px;text-align:center}.login-demo-note strong{color:#2563eb;color:var(--primary)}.app,.sidebar{display:flex;height:100vh;overflow:hidden}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);box-shadow:2px 0 8px #0000000a;flex-direction:column;flex-shrink:0;position:relative;transition:width .2s cubic-bezier(.4,0,.2,1);transition:width var(--t);width:260px;width:var(--sidebar-width);z-index:100}.sidebar.collapsed{width:72px}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;height:64px;height:var(--header-height);padding:0 16px}.sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--primary),#7c3aed);border-radius:9px;box-shadow:0 2px 8px #2563eb40;display:flex;font-size:16px;height:36px;justify-content:center;min-width:36px;width:36px}.sidebar-logo-text{font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:800;overflow:hidden;transition:opacity .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--t),width var(--t);white-space:nowrap}.sidebar-school{color:#94a3b8;color:var(--text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--t);white-space:nowrap}.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-school,.sidebar.collapsed .sidebar-user-info{opacity:0;overflow:hidden;width:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:10px 8px}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:2px}.nav-section{margin-bottom:4px}.nav-section-title{color:#94a3b8;color:var(--text-muted);font-size:10.5px;font-weight:700;letter-spacing:.07em;padding:6px 10px 3px;text-transform:uppercase;white-space:nowrap}.nav-item{align-items:center;border-radius:10px;border-radius:var(--radius);color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;overflow:hidden;padding:8px 10px;position:relative;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t);white-space:nowrap}.nav-item:hover{background:#f8fafc;background:var(--surface2);color:#0f172a;color:var(--text-primary)}.nav-item.active{background:#eff6ff;background:var(--primary-light);color:#2563eb;color:var(--primary);font-weight:700}.nav-item.active:before{background:#2563eb;background:var(--primary);border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{font-size:16px;min-width:20px;text-align:center}.nav-badge{background:#dc2626;background:var(--danger);border-radius:10px;color:#fff;flex-shrink:0;font-size:10px;font-weight:700;margin-left:auto;min-width:18px;padding:2px 6px;text-align:center}.sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);flex-shrink:0;padding:10px 8px}.sidebar-user{align-items:center;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;gap:10px;padding:10px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t)}.sidebar-user:hover{background:#f8fafc;background:var(--surface2)}.user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center}.sidebar-user-name{color:#0f172a;color:var(--text-primary);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#94a3b8;color:var(--text-muted);font-size:11px}.role-badge-pill{align-items:center;border-radius:10px;display:inline-flex;font-size:10px;font-weight:700;gap:4px;margin-top:2px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.main-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.header{background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 4px #0000000d;gap:14px;height:64px;height:var(--header-height);padding:0 24px}.header,.header-toggle{align-items:center;display:flex;flex-shrink:0}.header-toggle{background:#f8fafc;background:var(--surface2);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:16px;height:36px;justify-content:center;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t);width:36px}.header-toggle:hover{background:#e2e8f0;background:var(--border);color:#0f172a;color:var(--text-primary)}.header-search{align-items:center;background:#f8fafc;background:var(--surface2);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;flex:1 1;gap:8px;max-width:320px;padding:8px 14px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t)}.header-search:focus-within{background:#fff;border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb14}.header-search input{background:#0000;border:none;color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:13px;outline:none;width:100%}.header-search input::placeholder{color:#94a3b8;color:var(--text-muted)}.header-right{gap:8px;margin-left:auto}.header-btn,.header-right{align-items:center;display:flex}.header-btn{background:#f8fafc;background:var(--surface2);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:15px;height:36px;justify-content:center;position:relative;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t);width:36px}.header-btn:hover{background:#eff6ff;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.notif-dot{background:#dc2626;background:var(--danger);border:1.5px solid #fff;border-radius:50%;height:7px;position:absolute;right:6px;top:6px;width:7px}.header-page-info{margin-left:8px}.header-page-title{color:#0f172a;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:800}.header-page-sub{color:#94a3b8;color:var(--text-muted);font-size:11px}.role-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:4px 12px;white-space:nowrap}.page-content{flex:1 1;overflow-y:auto;padding:24px}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border2);border-radius:3px}.page-view{animation:fadeIn .3s ease;display:none}.page-view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:22px}.page-title{font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:800}.page-sub{color:#475569;color:var(--text-secondary);font-size:13px;margin-top:2px}.page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;gap:6px;padding:9px 16px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t);white-space:nowrap}.btn-primary{background:#2563eb;background:var(--primary);box-shadow:0 2px 8px #2563eb40;color:#fff}.btn-primary:hover{background:#1d4ed8;background:var(--primary-dark);box-shadow:0 4px 12px #2563eb59;transform:translateY(-1px)}.btn-outline{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);color:#475569;color:var(--text-secondary)}.btn-outline:hover{background:#eff6ff;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.btn-success{background:#16a34a;background:var(--success);color:#fff}.btn-success:hover{background:#15803d}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-warning{background:#f59e0b;background:var(--warning);color:#fff}.btn-purple{background:#7c3aed;background:var(--purple);color:#fff}.btn-sm{font-size:12px;padding:6px 12px}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:22px}.stat-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);overflow:hidden;padding:18px;position:relative;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t)}.stat-card:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:after{border-radius:50%;content:"";height:80px;opacity:.06;position:absolute;right:0;top:0;transform:translate(20px,-20px);width:80px}.stat-card.blue:after{background:#2563eb;background:var(--primary)}.stat-card.green:after{background:#16a34a;background:var(--success)}.stat-card.amber:after{background:#f59e0b;background:var(--warning)}.stat-card.red:after{background:#dc2626;background:var(--danger)}.stat-card.purple:after{background:#7c3aed;background:var(--purple)}.stat-card.cyan:after{background:#0891b2;background:var(--cyan)}.stat-card.orange:after{background:#ea580c;background:var(--orange)}.stat-card.pink:after{background:#db2777;background:var(--pink)}.stat-icon-wrap{align-items:center;border-radius:11px;display:flex;font-size:19px;height:42px;justify-content:center;margin-bottom:12px;width:42px}.stat-card.blue .stat-icon-wrap{background:#eff6ff;background:var(--primary-light)}.stat-card.green .stat-icon-wrap{background:#f0fdf4;background:var(--success-light)}.stat-card.amber .stat-icon-wrap{background:#fffbeb;background:var(--warning-light)}.stat-card.red .stat-icon-wrap{background:#fef2f2;background:var(--danger-light)}.stat-card.purple .stat-icon-wrap{background:#f5f3ff;background:var(--purple-light)}.stat-card.cyan .stat-icon-wrap{background:#ecfeff;background:var(--cyan-light)}.stat-card.orange .stat-icon-wrap{background:#fff7ed;background:var(--orange-light)}.stat-card.pink .stat-icon-wrap{background:#fdf2f8;background:var(--pink-light)}.stat-value{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:800;line-height:1}.stat-label{color:#475569;color:var(--text-secondary);font-size:12.5px;font-weight:500;margin-top:4px}.stat-change{align-items:center;display:flex;font-size:11.5px;font-weight:700;gap:3px;margin-top:7px}.stat-change.up{color:#16a34a;color:var(--success)}.stat-change.down{color:#dc2626;color:var(--danger)}.stat-change.neu{color:#94a3b8;color:var(--text-muted)}.card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);margin-bottom:0;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 18px}.card-title{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700}.card-body{padding:18px}.card-footer{background:#f8fafc;background:var(--surface2);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:10px 18px}.g2{grid-gap:18px;grid-template-columns:1fr 1fr}.g2,.g3{display:grid;gap:18px;margin-bottom:18px}.g3{grid-gap:18px;grid-template-columns:repeat(3,1fr)}.g12{grid-gap:18px;grid-template-columns:1fr 2fr}.g12,.g21{display:grid;gap:18px;margin-bottom:18px}.g21{grid-gap:18px;grid-template-columns:2fr 1fr}.g13{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 3fr;margin-bottom:18px}.mb16{margin-bottom:16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:#f8fafc;background:var(--surface2);color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody td,thead th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}tbody td{font-size:13px;padding:11px 14px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t)}tbody tr:hover td{background:#f8fafc;background:var(--surface2)}tbody tr:last-child td{border-bottom:none}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11.5px;font-weight:700;gap:4px;padding:3px 9px}.badge-success{background:#f0fdf4;background:var(--success-light);color:#16a34a;color:var(--success)}.badge-warning{background:#fffbeb;background:var(--warning-light);color:#92400e}.badge-danger{background:#fef2f2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.badge-primary{background:#eff6ff;background:var(--primary-light);color:#2563eb;color:var(--primary)}.badge-purple{background:#f5f3ff;background:var(--purple-light);color:#7c3aed;color:var(--purple)}.badge-gray{background:#f8fafc;background:var(--surface2);border:1px solid #e2e8f0;border:1px solid var(--border);color:#475569;color:var(--text-secondary)}.badge-cyan{background:#ecfeff;background:var(--cyan-light);color:#0891b2;color:var(--cyan)}.badge-orange{background:#fff7ed;background:var(--orange-light);color:#ea580c;color:var(--orange)}.progress-bar{background:#e2e8f0;background:var(--border);border-radius:10px;height:6px;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width 1s ease}.tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:2px;margin-bottom:18px}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#475569;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;margin-bottom:-1px;padding:9px 16px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t)}.tab-btn.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary);color:#2563eb;color:var(--primary);font-weight:700}.tab-btn:hover{color:#0f172a;color:var(--text-primary)}.tab-content{display:none}.tab-content.active{animation:fadeIn .2s ease;display:block}.alert{align-items:flex-start;border:1px solid;border-radius:10px;border-radius:var(--radius);display:flex;font-size:13px;gap:10px;margin-bottom:12px;padding:11px 14px}.alert-info{background:#eff6ff;background:var(--primary-light);border-color:#bfdbfe;color:#1e40af}.alert-warning{background:#fffbeb;background:var(--warning-light);border-color:#fde68a;color:#92400e}.alert-success{background:#f0fdf4;background:var(--success-light);border-color:#bbf7d0;color:#166534}.alert-danger{background:#fef2f2;background:var(--danger-light);border-color:#fecaca;color:#991b1b}.timeline{padding-left:16px}.timeline-item{border-left:2px solid #e2e8f0;border-left:2px solid var(--border);padding-bottom:16px;padding-left:22px;position:relative}.timeline-item:last-child{border-left-color:#0000}.timeline-dot{background:#2563eb;background:var(--primary);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #2563eb;box-shadow:0 0 0 2px var(--primary);height:10px;left:-6px;position:absolute;top:4px;width:10px}.timeline-time{color:#94a3b8;color:var(--text-muted);font-size:11px;margin-bottom:2px}.timeline-text{font-size:13px}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filter-input,.filter-select{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:12.5px;outline:none;padding:7px 11px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t)}.filter-input:focus,.filter-select:focus{border-color:#2563eb;border-color:var(--primary)}.chart-container{position:relative}.chart-container canvas{max-height:240px}.score-bar{align-items:center;display:flex;gap:8px}.score-bar .bar{background:#e2e8f0;background:var(--border);border-radius:6px;flex:1 1;height:8px;overflow:hidden}.score-bar .fill{border-radius:6px;height:100%}.week-timetable{grid-gap:1px;background:#e2e8f0;background:var(--border);border-radius:10px;border-radius:var(--radius);display:grid;font-size:12px;gap:1px;grid-template-columns:80px repeat(6,1fr);overflow:hidden}.tt-cell{background:#fff;background:var(--surface);padding:8px 6px;text-align:center}.tt-header{color:#475569;color:var(--text-secondary);font-weight:700;padding:8px 6px;text-align:center}.tt-header,.tt-time{background:#f8fafc;background:var(--surface2);font-size:11px}.tt-time{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-weight:600;justify-content:center}.tt-subject{border-radius:6px;color:#fff;font-size:11px;font-weight:600;padding:4px 6px}.assignment-card{background:#f8fafc;background:var(--surface2);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);margin-bottom:10px;padding:14px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t)}.assignment-card:hover{background:#eff6ff;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary)}.fee-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:11px 0}.fee-item:last-child{border-bottom:none}.circle-stat{align-items:center;border:4px solid;border-radius:50%;display:flex;flex-direction:column;height:90px;justify-content:center;width:90px}.quick-link{background:#f8fafc;background:var(--surface2);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;padding:16px;text-align:center;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t)}.quick-link:hover{background:#eff6ff;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;box-shadow:var(--shadow);transform:translateY(-2px)}.quick-link .ql-icon{display:block;font-size:26px;margin-bottom:8px}.quick-link .ql-label{color:#475569;color:var(--text-secondary);font-size:12px;font-weight:700}.quick-link:hover .ql-label{color:#2563eb;color:var(--primary)}.msg-bubble{background:#f8fafc;background:var(--surface2);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);font-size:13px;margin-bottom:10px;padding:12px 14px}.msg-bubble.sent{background:#eff6ff;background:var(--primary-light);border-color:#bfdbfe;margin-left:20%}.msg-meta{color:#94a3b8;color:var(--text-muted);font-size:11px;margin-top:4px}.grade-pill{align-items:center;border-radius:50%;display:inline-flex;font-size:13px;font-weight:800;height:34px;justify-content:center;width:34px}.notice-card{background:#fff;background:var(--surface);border-left:3px solid;border-radius:0 10px 10px 0;border-radius:0 var(--radius) var(--radius) 0;margin-bottom:10px;padding:12px 16px}.notice-card.blue-l{background:#eff6ff;background:var(--primary-light);border-color:#2563eb;border-color:var(--primary)}.notice-card.green-l{background:#f0fdf4;background:var(--success-light);border-color:#16a34a;border-color:var(--success)}.notice-card.amber-l{background:#fffbeb;background:var(--warning-light);border-color:#f59e0b;border-color:var(--warning)}.notice-card.red-l{background:#fef2f2;background:var(--danger-light);border-color:#dc2626;border-color:var(--danger)}.mobile-nav{background:#fff;background:var(--surface);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);bottom:0;display:none;left:0;padding:8px 0 12px;position:fixed;right:0;z-index:200}.mobile-nav-inner{display:flex;justify-content:space-around}.mobile-nav-item{align-items:center;border-radius:8px;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:600;gap:3px;padding:4px 12px;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--t)}.mobile-nav-item.active{color:#2563eb;color:var(--primary)}.mobile-nav-item .mn-icon{font-size:20px}@media (max-width:1024px){.g12,.g13,.g2,.g21{grid-template-columns:1fr}.g3{grid-template-columns:1fr 1fr}}@media (max-width:768px){.sidebar{position:fixed;transform:translateX(-100%);z-index:200}.sidebar.mobile-open{box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;box-shadow:var(--shadow-lg);transform:translateX(0)}.g3{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.page-content{padding:14px 14px 80px}.mobile-nav{display:block}.login-wrap{align-items:center;flex-direction:column}.header-search,.login-hero{display:none}}
/*# sourceMappingURL=main.c00efcd4.css.map*/