*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--primary:#0f2942;--primary-light:#2563eb;--primary-medium:#1e40af;--accent:#f59e0b;--accent-light:#fbbf24;--success:#059669;--success-light:#d1fae5;--danger:#dc2626;--danger-light:#fee2e2;--warn:#d97706;--warn-light:#fef3c7;--bg:#f1f5f9;--card:#fff;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--sidebar-bg:#0f172a;--sidebar-hover:#ffffff12;--sidebar-active:#2563eb40;--radius:5px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}body.dark-mode{--primary:#93c5fd;--primary-light:#3b82f6;--primary-medium:#60a5fa;--accent:#fbbf24;--accent-light:#fcd34d;--success:#10b981;--success-light:#065f46;--danger:#ef4444;--danger-light:#7f1d1d;--warn:#f59e0b;--warn-light:#78350f;--bg:#0f172a;--card:#1e293b;--border:#334155;--text:#f8fafc;--muted:#94a3b8;--sidebar-bg:#020617;--sidebar-hover:#ffffff1a;--sidebar-active:#3b82f626;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006, 0 1px 2px #0003;--shadow-md:0 4px 6px #0006, 0 2px 4px #0003;--shadow-lg:0 10px 15px #00000080, 0 4px 6px #0000004d}body{transition:background-color .3s,color .3s}.card,.stat-card,.topbar,.doc-card,.plan-card,.login-card,.modal{transition:background-color .3s,border-color .3s,box-shadow .3s,transform .2s cubic-bezier(.4,0,.2,1)}body.dark-mode .topbar{background:var(--card)}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{color:var(--text);border-color:var(--border);background:#0f172a}body.dark-mode th{color:var(--muted);border-bottom-color:var(--border);background:#0f172a}body.dark-mode td{border-bottom-color:var(--border)}body.dark-mode tr:hover td{background:#1e293b}body.dark-mode .notif-btn{color:var(--text);border-color:var(--border);background:#0f172a}body.dark-mode .notif-btn:hover{background:#334155}body.dark-mode .room-tab{background:var(--card);color:var(--muted);border-color:var(--border)}body.dark-mode .room-tab.active{background:var(--primary-light);color:#fff;border-color:#0000}body.dark-mode .btn-outline{color:var(--primary-light);border-color:var(--border);background:0 0}body.dark-mode .btn-outline:hover{border-color:var(--primary-light);background:#334155}body.dark-mode .analysis-switch{background:linear-gradient(#0f172a 0%,#1e293b 100%);border-color:#334155}body.dark-mode .analysis-switch button:hover{background:#60a5fa2e}body.dark-mode .dashboard-pill{background:#0f172a;border-color:#334155}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}
.app{height:100vh;min-height:100vh;display:flex;overflow:hidden}.sidebar{color:#cbd5e1;background:linear-gradient(#0f172a 0%,#020617 100%);border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;overflow:hidden;box-shadow:4px 0 24px #00000040}.sidebar-logo{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:22px 20px 18px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--primary-light), #7c3aed);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-logo-text{color:#f8fafc;letter-spacing:-.02em;font-size:17px;font-weight:800}.sidebar-logo-text small{color:#64748b;letter-spacing:0;margin-top:1px;font-size:11px;font-weight:400;display:block}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-section{text-transform:uppercase;letter-spacing:.12em;color:#64748b;align-items:center;gap:8px;padding:18px 12px 8px;font-size:10px;font-weight:700;display:flex}.nav-section:after{content:"";background:linear-gradient(90deg,#ffffff0f 0%,#0000 100%);flex:1;height:1px}.nav-item{border-radius:var(--radius);cursor:pointer;color:#94a3b8;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:10px 14px;font-size:13.5px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{color:#f8fafc;background:#ffffff0a;border-color:#ffffff0d;transform:translate(4px)}.nav-item.active{color:#38bdf8;border-radius:0 var(--radius) var(--radius) 0;background:linear-gradient(90deg,#38bdf81a 0%,#0000 100%);border-left:3px solid #0ea5e9;font-weight:600}.nav-icon{opacity:.85;color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .2s;display:flex}.nav-item:hover .nav-icon{color:#7dd3fc;transform:scale(1.1)}.nav-item.active .nav-icon{opacity:1;color:#38bdf8}.nav-icon svg{width:18px;height:18px}.role-switcher{border-top:1px solid #ffffff0f;padding:14px 12px}.mobile-only{display:none}.role-label{color:#475569;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:10px;font-weight:600}.role-btn{border-radius:var(--radius);color:#94a3b8;cursor:pointer;text-align:left;width:100%;transition:var(--transition);background:0 0;border:1px solid #ffffff14;align-items:center;gap:8px;margin-bottom:5px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.role-btn:hover{color:#f8fafc;background:#ffffff0d}.role-btn.active{background:linear-gradient(135deg, var(--primary-light), #3b82f6);color:#fff;border-color:#0000;font-weight:600;box-shadow:0 2px 8px #2563eb4d}.main{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(12px);z-index:50;background:#ffffffd9;border-bottom:1px solid #0000000d;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000008}.topbar-title{color:var(--primary);letter-spacing:-.01em;font-size:18px;font-weight:700}.back-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--primary);cursor:pointer;transition:var(--transition);background:#f8fafc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;display:inline-flex}.back-btn:hover{background:#eef2ff;border-color:#bfdbfe}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-user{color:var(--muted);font-size:12px;font-weight:500}.notif-btn{cursor:pointer;border:1px solid var(--border);color:var(--muted);transition:var(--transition);background:#f8fafc;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500;display:flex;position:relative}.notif-btn:hover{color:var(--text);background:#f1f5f9}.badge{background:var(--danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.content{flex:1;padding:24px 28px;overflow:hidden auto}.mobile-bottom-nav{display:none}.mobile-bottom-nav-item{color:#64748b;cursor:pointer;transition:var(--transition);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.mobile-bottom-nav-item svg{width:19px;height:19px}.mobile-bottom-nav-icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.mobile-bottom-nav-badge{background:var(--danger);color:#fff;border:1px solid #fffc;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-7px;right:-11px}.mobile-bottom-nav-item.active{color:var(--primary)}.mobile-bottom-nav[data-items="4"] .mobile-bottom-nav-item{gap:2px;font-size:10px}.mobile-bottom-nav[data-items="5"] .mobile-bottom-nav-item{gap:2px;font-size:9px}.grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.grid-6{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.notif-wrapper{display:inline-block;position:relative}.notif-bell-btn{color:#64748b;cursor:pointer;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #0000000f;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.notif-bell-btn:hover{color:#3b82f6;background:#fff;transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f626,0 4px 6px -2px #3b82f60d}.notif-bell-btn svg{width:22px;height:22px;transition:color .3s}.notif-bell-btn .badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 4px #ef44444d}@keyframes bell-shake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(15deg)}20%,40%,60%,80%{transform:rotate(-15deg)}}@keyframes subtle-pulse{0%{box-shadow:0 0 #3b82f680}70%{box-shadow:0 0 0 12px #3b82f600}to{box-shadow:0 0 #3b82f600}}.bell-ringing svg{color:#ef4444;animation:.8s cubic-bezier(.36,.07,.19,.97) both bell-shake}.has-unread{border-color:#3b82f64d;animation:2s infinite subtle-pulse}.has-unread svg{color:#3b82f6}.notif-dropdown{border:1px solid var(--border);z-index:1000;background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:320px;max-height:400px;animation:.2s ease-out dropdown-slide;display:flex;position:absolute;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes dropdown-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{border-bottom:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-dropdown-header h4{color:var(--text);margin:0;font-size:14px;font-weight:600}.notif-dropdown-clear{color:#3b82f6;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:500}.notif-dropdown-clear:hover{text-decoration:underline}.notif-dropdown-list{flex:1;overflow-y:auto}.notif-dropdown-item{cursor:pointer;text-align:left;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:4px;padding:12px 16px;transition:background .15s;display:flex}.notif-dropdown-item:last-child{border-bottom:none}.notif-dropdown-item:hover{background:#f8fafc}.notif-dropdown-item.unread{background:#eff6ff}.notif-dropdown-item.unread:hover{background:#e0f2fe}.notif-item-title{color:#1e293b;font-size:12px;font-weight:600}.notif-item-text{color:#64748b;font-size:11px;line-height:1.4}.notif-item-time{color:#94a3b8;align-self:flex-end;font-size:9px}.notif-dropdown-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:12px;display:flex}.notif-dropdown-footer{border-top:1px solid var(--border);text-align:center;background:#f8fafc;padding:10px}.notif-view-all-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;width:100%;font-size:12px;font-weight:500}.notif-view-all-btn:hover{text-decoration:underline}.room-map-frame{height:600px}
.table-responsive{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);padding:18px}.card:hover{box-shadow:var(--shadow)}.card-title{color:var(--primary);letter-spacing:-.01em;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.docs-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.student-tile-grid,.doc-folder-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.student-tile,.doc-folder-tile{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;min-height:194px;transition:var(--transition);text-align:left;background:#fff;flex-direction:column;gap:6px;padding:11px;display:flex}.student-tile:hover,.doc-folder-tile:hover{border-color:var(--primary-light);box-shadow:var(--shadow);transform:translateY(-1px)}.student-tile-roc{color:var(--primary);letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:800}.student-tile-head{align-items:center;gap:8px;display:flex}.student-tile-avatar{object-fit:cover;object-position:top center;background:#f1f5f9;border:1px solid #dbeafe;border-radius:10px;flex-shrink:0;width:38px;height:38px}.student-tile-avatar-fallback{color:#1e3a8a;background:#dbeafe;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:inline-flex}.student-tile-head-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.student-tile-name{color:var(--text);word-break:break-word;font-size:13px;font-weight:800;line-height:1.2}.student-tile-line{color:var(--muted);word-break:break-word;font-size:11px;line-height:1.2}.student-tile-plan{color:#0f172a;font-size:12px;font-weight:700;line-height:1.2}.student-tile-tags{flex-wrap:wrap;gap:5px;margin-top:2px;display:flex}.student-tile-doc-state{color:var(--muted);margin-top:auto;font-size:11px}.student-id-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#fff,#f8fafc);padding:14px}.doc-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--transition);background:linear-gradient(#fff 0%,#f8fafc 100%);padding:14px}.doc-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.doc-card-title{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:700}.doc-card-file{min-height:18px;color:var(--muted);word-break:break-word;margin-bottom:10px;font-size:11px}.doc-section-title{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin:6px 0 10px;font-size:12px;font-weight:700}.stat-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);cursor:default;align-items:center;gap:14px;padding:18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 18px #0f172a08,0 1px 2px #0f172a05}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0f172a14,0 3px 6px #0f172a05}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:700;display:flex}.stat-icon.blue{color:#1d4ed8;background:#dbeafe}.stat-icon.green{color:#059669;background:#d1fae5}.stat-icon.amber{color:#d97706;background:#fef3c7}.stat-icon.red{color:#dc2626;background:#fee2e2}.stat-icon.purple{color:#7c3aed;background:#ede9fe}.stat-icon.indigo{color:#4338ca;background:#e0e7ff}.stat-icon.teal{color:#0d9488;background:#ccfbf1}.stat-val{color:var(--primary);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1}.stat-lbl{color:var(--muted);margin-top:3px;font-size:12px;font-weight:500}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);letter-spacing:-.01em;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-light);color:#fff}.btn-primary:hover{background:var(--primary-medium);box-shadow:0 2px 8px #2563eb40}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#047857}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-warn{background:var(--warn);color:#fff}.btn-warn:hover{background:#b45309}.btn-outline{color:var(--primary);border:1px solid var(--border);background:#fff}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.btn-sm{padding:5px 10px;font-size:12px}.btn-ghost{color:var(--muted);background:0 0;padding:6px 10px}.btn-ghost:hover{color:var(--text);background:#f1f5f9}.analysis-switch{border:1px solid var(--border);background:linear-gradient(#f8fafc 0%,#eef2ff 100%);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.analysis-switch button{color:var(--muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700}.analysis-switch button:hover{color:var(--text);background:#2563eb14}.analysis-switch button.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 10px #2563eb47}.dashboard-pill{border:1px solid var(--border);color:var(--muted);background:#f8fafc;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.dashboard-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px;margin-bottom:8px;display:grid}.dashboard-kpi-card{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dbe7ff;box-shadow:0 6px 16px #2563eb14}.new-admissions-panel{background:radial-gradient(circle at 100% 0,#0ea5e929,#0000 46%),radial-gradient(circle at 0 100%,#22c55e1f,#0000 44%),linear-gradient(135deg,#f8fbff 0%,#f0fdf4 100%);border:1px solid #bfdbfe;border-radius:14px;padding:14px;box-shadow:0 10px 24px #1e40af14}.new-admissions-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.new-admissions-title{color:#0f172a;font-size:15px;font-weight:800}.new-admissions-subtitle{color:#475569;margin-top:2px;font-size:12px}.new-admissions-badge{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd;border-radius:12px;justify-content:center;align-items:center;min-width:44px;height:44px;font-size:18px;font-weight:900;display:inline-flex}.new-admissions-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.new-admissions-stat{color:#475569;background:#fff;border:1px solid #dbeafe;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.new-admissions-stat b{color:#0f172a;font-size:14px}.new-admissions-list{gap:6px;display:grid}.new-admissions-row{text-align:left;cursor:pointer;width:100%;transition:var(--transition);background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.new-admissions-row:hover{background:#f8fbff;border-color:#60a5fa;transform:translateY(-1px)}.new-admissions-name{color:#0f172a;font-weight:700}.new-admissions-meta{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.new-admissions-empty{color:#64748b;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:10px;font-size:12px}.donut-shell{border:1px solid #dbeafe;border-radius:50%;flex-shrink:0;width:194px;height:194px;position:relative;box-shadow:inset 0 0 0 1px #0f172a14,0 10px 22px #0f172a1f}.donut-hole{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:32px}.legend-list{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;min-width:220px;padding:10px 12px}.mini-bar-track{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.mini-bar-fill-blue{background:linear-gradient(90deg,#2563eb,#0ea5e9);height:100%}.mini-bar-fill-orange{background:linear-gradient(90deg,#f97316,#ef4444);height:100%}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;padding:11px 14px;font-size:11px;font-weight:600}td{color:var(--text);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 14px}tr:hover td{background:#fafbfc}table.admin-dark-table tr:hover td{background:#1e293bb3}.tag{letter-spacing:.01em;border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.tag-green{color:#065f46;background:#d1fae5}.tag-red{color:#991b1b;background:#fee2e2}.tag-amber{color:#92400e;background:#fef3c7}.tag-blue{color:#1e40af;background:#dbeafe}.tag-purple{color:#5b21b6;background:#ede9fe}.tag-gray{color:#475569;background:#f1f5f9}.tag-teal{color:#115e59;background:#ccfbf1}@keyframes pulse-warn{0%,to{box-shadow:0 0 #d977064d}50%{box-shadow:0 0 0 4px #d9770600}}@keyframes anim-shake-slow{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}@keyframes anim-pulse-border{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}@keyframes anim-glow{0%,to{box-shadow:0 0 8px #f59e0b80}50%{box-shadow:0 0 16px #f59e0bcc}}.card-anim-shake{filter:grayscale(.4);animation:3s ease-in-out infinite anim-shake-slow}.card-anim-pulse{animation:2s infinite anim-pulse-border}.card-anim-glow{animation:2s infinite anim-glow}@keyframes pulse-danger{0%,to{box-shadow:0 0 #dc26264d}50%{box-shadow:0 0 0 4px #dc262600}}.tag-pulse-warn{animation:2s infinite pulse-warn}.tag-pulse-danger{animation:2s infinite pulse-danger}.input-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}input:not([type]),input[type=text],input[type=email],input[type=number],input[type=password],input[type=date],input[type=url],input[type=tel],select,textarea{border:1px solid var(--border);color:var(--text);transition:var(--transition);background:#fff;border-radius:8px;outline:none;padding:9px 13px;font-family:inherit;font-size:13px}.password-field{align-items:center;display:flex;position:relative}.password-field input{width:100%;padding-right:42px!important}.password-toggle{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:8px}.password-toggle:hover{background:var(--bg);color:var(--primary)}input:focus,select:focus,textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #2563eb1a}label{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.form-group{margin-bottom:16px}.filter-grid{align-items:center;gap:10px;display:grid}.filter-grid input,.filter-grid select{width:100%}.filter-grid-2{grid-template-columns:2fr 1fr}.filter-grid-3{grid-template-columns:2fr 1fr 1fr}.filter-grid-4{grid-template-columns:1.7fr 1fr 1fr 1fr}.search-field{width:100%;position:relative}.search-field input{width:100%;padding-left:38px}.search-icon{color:var(--muted);pointer-events:none;align-items:center;display:inline-flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-summary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.info-list{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.info-list-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.info-list-item:last-child{border-bottom:none}.info-list-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-right:16px;font-size:12px;font-weight:700}.info-list-value{color:var(--text);text-align:right;word-break:break-word;overflow-wrap:break-word;font-size:14px;font-weight:600}.data-card-grid{flex-direction:column;gap:12px;display:flex}.data-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000008}.data-card-row{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.data-card-row:last-child{border-bottom:none;padding-bottom:0}.data-card-row:first-child{padding-top:0}.data-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-right:12px;font-size:11px;font-weight:700}.data-card-value{color:var(--text);text-align:right;word-break:break-word;font-size:13px;font-weight:600}.data-card-empty{text-align:center;color:var(--muted);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px 16px;font-size:13px}input[type=file]{color:#475569;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;width:100%;padding:8px;font-size:13px;transition:all .2s ease-in-out}input[type=file]:hover{background:#f1f5f9;border-color:#3b82f6}input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;margin-right:12px;padding:8px 16px;font-size:12px;font-weight:600;transition:background .2s ease-in-out}input[type=file]::file-selector-button:hover{background:#2563eb}
.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a80;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{border-radius:var(--radius);width:95%;max-width:520px;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;animation:.2s modalIn;display:flex;max-height:90vh!important;padding:0!important;overflow:hidden!important}.modal>div:first-child,.modal>.modal-header{z-index:10;background:#f8fafc;flex-shrink:0;position:sticky;top:0;border-bottom:1px solid var(--border)!important;margin:0!important;padding:24px 28px 20px!important}.modal>.modal-body,.modal>form,.modal>div:nth-child(2){flex:1;overflow-y:auto;padding:16px 28px 28px!important}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-title{color:var(--primary);letter-spacing:-.01em;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:17px;font-weight:700;display:flex}.close-btn{cursor:pointer;color:var(--muted);width:30px;height:30px;transition:var(--transition);background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;font-size:16px;display:flex}.close-btn:hover{color:var(--text);background:#e2e8f0}.room-map-wrapper{background:#fafafa;border-radius:20px;flex-direction:column;align-items:center;padding:30px;display:flex;overflow:hidden}.seating-box{transform-origin:top;background:linear-gradient(#fbfcfe 0%,#eef2f7 100%);border:3px solid #d0d5dd;border-radius:18px;width:100%;max-width:410px;height:480px;margin:0 auto;position:relative;overflow:hidden}.entry-tag{color:#e8fff7;letter-spacing:.08em;z-index:10;background:#0f6e56;border-radius:0 0 9px 9px;padding:5px 14px;font-size:10px;font-weight:700;position:absolute;top:0;left:18px}.table-block{z-index:1;background:#d6d2c4;border:2px solid #8c8677;border-radius:9px;position:absolute;box-shadow:inset 0 1px 3px #00000014}.partition-v{z-index:3;background:#7a7568;border-radius:2px;width:3px;position:absolute}.partition-h{z-index:3;background:#7a7568;border-radius:2px;height:3px;position:absolute}.wall-strip{z-index:1;background:#b8b4aa;border-left:2px solid #817b70;width:14px;height:100%;position:absolute;top:0;right:0}.seat-box{cursor:pointer;z-index:5;border:2px solid #4b5563;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;transition:all .18s;display:flex;position:absolute;box-shadow:0 3px 10px #0f172a14}.seat-box.free{color:#1f2937;background:#fff}.seat-box.occupied{color:#64748b;background:#e2e8f0;border-color:#94a3b8}.seat-box.absent{color:#92400e;background:#fef3c7;border-color:#fcd34d}.seat-box:hover,.seat-box.selected{transform:translateY(-1px);color:#fff!important;background:#378add!important;border-color:#1d5f9d!important}.room-map-shell{border:1px solid var(--border);background:linear-gradient(#fbfdff 0%,#eef4fb 100%);border-radius:5px;width:100%;min-height:500px;position:relative;overflow:hidden}.room-map-frame{background:#fff;border:0;width:100%;height:680px;display:block}.room-map-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.room-map-zoom-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.room-map-zoom-btn{border:1px solid var(--border);min-width:36px;height:32px;color:var(--text);cursor:pointer;background:#fff;border-radius:8px;padding:0 10px;font-family:inherit;font-weight:700}.room-map-zoom-label{color:var(--muted);text-align:center;min-width:58px;font-size:12px;font-weight:600}.room-map-hint{color:var(--muted);font-size:12px}.room-map-shell:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#94a3b81f 1px,#0000 1px),linear-gradient(90deg,#94a3b81f 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.room-map-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;display:block}.room-map-overlay{z-index:2;position:absolute;inset:0}.room-layout-guide{z-index:1;pointer-events:none;background:#cdb38a38;border:2px solid #b09060cc;border-radius:10px;position:absolute}.seat-pin{cursor:pointer;border:2px solid #334155;border-radius:8px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0f172a2e}.seat-pin:hover{transform:translate(-50%,-50%)scale(1.06);box-shadow:0 4px 12px #0f172a40}.seat-pin.free{color:#1f2937;background:#fff;border-color:#475569}.seat-pin.booked{color:#fff;background:#2563eb;border-color:#1d4ed8}.seat-pin.absent{color:#92400e;background:#fef3c7;border-color:#f59e0b}.seat-pin.edit-mode{box-shadow:0 0 0 3px #ef444452,0 3px 10px #0f172a33}.room-tab{border:1.5px solid var(--border);cursor:pointer;color:var(--muted);transition:var(--transition);background:#fff;border-radius:8px;margin-bottom:8px;margin-right:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600}.room-tab.active{background:var(--primary-light);color:#fff;border-color:#0000;box-shadow:0 2px 6px #2563eb33}.progress-bar{background:#e2e8f0;border-radius:10px;height:8px;margin-top:6px;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width .5s}.progress-fill.blue{background:var(--primary-light)}.progress-fill.green{background:var(--success)}.progress-fill.amber{background:var(--warn)}.progress-fill.red{background:var(--danger)}.revenue-bar{align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.rev-label{width:70px;color:var(--muted);font-weight:500}.rev-track{background:#f1f5f9;border-radius:10px;flex:1;height:14px;overflow:hidden}.rev-fill{background:linear-gradient(90deg, var(--primary-light), #7c3aed);border-radius:10px;height:100%;transition:width .5s}.tab-row{border-bottom:2px solid var(--border);-webkit-overflow-scrolling:touch;gap:4px;margin-bottom:18px;display:flex;overflow-x:auto}.tab-row::-webkit-scrollbar{height:4px}.tab-row::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.tab{cursor:pointer;color:var(--muted);transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-2px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600}.tab.active{color:var(--primary-light);border-bottom-color:var(--primary-light)}.tab:hover{color:var(--text)}.notif{border:1px solid var(--border);transition:var(--transition);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.notif:hover{box-shadow:var(--shadow-sm)}.notif-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.section-title{color:var(--primary);letter-spacing:-.02em;font-size:17px;font-weight:700}.divider{border:none;border-top:1px solid var(--border);margin:18px 0}.toppers-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.topper-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:linear-gradient(#fff 0%,#f8fafc 100%);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.topper-card img{object-fit:cover;border:1px solid var(--border);background:#e2e8f0;border-radius:12px;flex-shrink:0;width:58px;height:58px}.topper-stats{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.topper-slider-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.print-identity-card{justify-content:center;align-items:center;width:100%;max-width:320px;height:480px;display:flex;position:relative}.countdown-ring{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.countdown-ring svg{width:120px;height:120px;transform:rotate(-90deg)}.countdown-ring .ring-bg{fill:none;stroke:#e2e8f0;stroke-width:8px}.countdown-ring .ring-fg{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .8s}.countdown-ring .ring-text{text-align:center;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.countdown-ring .ring-days{color:var(--primary);font-size:28px;font-weight:800;line-height:1}.countdown-ring .ring-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.hero-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#1e40af 100%);border:none;border-radius:16px;padding:24px 28px;position:relative;overflow:hidden}.hero-card:before{content:"";background:#ffffff08;border-radius:50%;width:100%;max-width:300px;height:300px;position:absolute;top:-50%;right:-30%}.hero-card:after{content:"";background:#ffffff05;border-radius:50%;width:100%;max-width:250px;height:250px;position:absolute;bottom:-60%;left:30%}.toast-container{z-index:999;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{color:#fff;box-shadow:var(--shadow-lg);border-radius:10px;align-items:center;gap:10px;width:100%;max-width:280px;padding:14px 20px;font-family:inherit;font-size:13px;font-weight:600;animation:.3s toastIn,.3s 2.7s forwards toastOut;display:flex}.toast-success{background:linear-gradient(135deg,#059669,#10b981)}.toast-error{background:linear-gradient(135deg,#dc2626,#ef4444)}.toast-warn{background:linear-gradient(135deg,#d97706,#f59e0b)}.toast-info{background:linear-gradient(135deg,#2563eb,#3b82f6)}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translate(40px)}}.plan-card{background:var(--card);border:2px solid var(--border);transition:var(--transition);border-radius:14px;padding:22px;position:relative;overflow:hidden}.subscription-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.subscription-plan-card{color:#fff;min-height:220px;box-shadow:var(--shadow-md);border:1px solid #ffffff29;border-radius:14px;padding:18px;position:relative;overflow:hidden}.subscription-plan-name{letter-spacing:0;margin-bottom:8px;font-size:15px;font-weight:800}.subscription-plan-price{margin-bottom:8px;font-size:26px;font-weight:900;line-height:1}.subscription-plan-duration{opacity:.9;margin-bottom:12px;font-size:12px;font-weight:700}.subscription-plan-features{z-index:1;flex-direction:column;gap:6px;display:flex;position:relative}.subscription-plan-feature{opacity:.96;padding-left:12px;font-size:12px;position:relative}.subscription-plan-feature:before{content:"";background:#ffffffe6;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;left:0}.subscription-plan-accent{opacity:.25;filter:blur(1px);border-radius:50%;width:130px;height:130px;position:absolute;bottom:-40px;right:-40px}.subscription-plan-edit-row{z-index:2;align-items:center;gap:8px;margin-top:12px;display:flex;position:relative}.subscription-plan-edit-row input{color:#fff;background:#ffffff29;border:1px solid #ffffff6b;border-radius:8px;flex:1;min-width:0;padding:7px 9px;font-weight:700}.student-identity-card{box-sizing:border-box;color:#fff;width:100%;box-shadow:var(--shadow-md);border:1px solid #ffffff29;border-radius:14px;margin-bottom:18px;padding:16px;position:relative;overflow:hidden}.student-id-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.student-id-title{text-transform:uppercase;letter-spacing:.06em;opacity:.9;font-size:12px;font-weight:700}.student-id-plan{margin-top:3px;font-size:16px;font-weight:800}.student-id-days{white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff3d;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.student-id-body{align-items:center;gap:14px;display:flex}.student-id-photo{object-fit:cover;object-position:top center;background:#ffffff1a;border:2px solid #ffffff59;border-radius:12px;flex-shrink:0;width:72px;height:72px}.student-id-photo-fallback{color:#fff;justify-content:center;align-items:center;font-size:28px;font-weight:800;display:inline-flex}.student-id-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.student-id-name{letter-spacing:0;font-size:18px;font-weight:900;line-height:1.2}.student-id-line{opacity:.95;word-break:break-word;font-size:12px;font-weight:600}.plan-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-card.popular{border-color:var(--primary-light)}.plan-card.popular:before{content:"Popular";background:var(--primary-light);color:#fff;letter-spacing:.05em;padding:3px 30px;font-size:10px;font-weight:700;position:absolute;top:12px;right:-28px;transform:rotate(45deg)}.alert-box{border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 18px;font-size:13px;font-weight:500;display:flex}.alert-warn{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.alert-danger{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.alert-info{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.alert-success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.empty-state{text-align:center;color:var(--muted);padding:48px 20px}.empty-state svg{opacity:.4;width:64px;height:64px;margin-bottom:16px}.empty-state h3{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700}.empty-state p{font-size:13px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.content>*{animation:.25s fadeIn}body.typing-filter .content>*{animation:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar-nav::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.content::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}
body.auth-pending .login-wrapper,body.auth-pending .app{display:none!important}.login-wrapper{z-index:1000;background:#fff;justify-content:center;width:100%;min-height:100vh;padding:28px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-shell{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:minmax(300px,.82fr) minmax(390px,1fr);width:min(1040px,100%);min-height:min(650px,100vh - 56px);display:grid;overflow:hidden;box-shadow:0 20px 48px #0f172a1a}.auth-showcase{color:#0f172a;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;justify-content:space-between;gap:28px;padding:42px;display:flex;position:relative}.auth-showcase:before{display:none}.auth-showcase>*{z-index:1;position:relative}.auth-logo-panel{gap:20px;display:grid}.auth-platform-logo{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:none;justify-content:center;align-items:center;width:min(220px,100%);height:128px;padding:14px;display:flex;overflow:hidden;box-shadow:0 12px 28px #0f172a14}.auth-platform-logo img,.login-icon img,.sidebar-logo-icon img{object-position:center;width:100%;height:100%;object-fit:contain!important;border-radius:6px!important}.auth-platform-logo svg{color:#0f2942;stroke:currentColor;width:44px;height:44px}.auth-kicker{letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-size:12px;font-weight:800}.auth-platform-title{color:#0f172a;margin-top:6px;font-size:29px;font-weight:900;line-height:1.08}.auth-platform-subtitle{color:#475569;max-width:330px;margin-top:10px;font-size:14px;line-height:1.55}.auth-showcase-footer{color:#64748b;border-top:1px solid #e5e7eb;gap:10px;padding-top:22px;font-size:13px;line-height:1.45;display:grid}.login-card{width:100%;min-height:100%;max-height:calc(100vh - 56px);box-shadow:none;background:#fff;border-radius:0;flex-direction:column;display:flex;position:relative;overflow-y:auto}.login-card::-webkit-scrollbar{width:8px}.login-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.login-header{text-align:left;padding:42px 46px 18px}.login-icon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:118px;height:118px;margin-bottom:18px;padding:9px;display:flex;overflow:hidden;box-shadow:0 8px 18px #0f172a0f}.login-icon svg{stroke:#1e40af;width:38px;height:38px}.login-title{color:#0f172a;letter-spacing:0;font-size:28px;font-weight:900;line-height:1.16}.login-subtitle{color:#64748b;max-width:380px;margin-top:8px;font-size:14px;font-weight:500;line-height:1.5}#auth-form-message{text-align:left;line-height:1.45;border-radius:8px!important;margin-top:14px!important;padding:11px 13px!important;font-size:12px!important}.login-tabs{background:#eef2f7;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin:0 46px 22px;padding:4px;display:grid}.login-tab{color:#475569;cursor:pointer;letter-spacing:0;background:0 0;border:0;border-radius:6px;min-height:42px;font-family:inherit;font-size:13px;font-weight:800;transition:background .2s,color .2s,box-shadow .2s}.login-tab:hover{color:#0f172a;background:#ffffffa3}.login-tab.active{color:#0f2942;background:#fff;box-shadow:0 6px 16px #0f172a17}#login-form-panel,#self-register-panel{padding:0 46px 42px}.login-form-group{margin-bottom:16px}.login-form-group label{color:#334155;letter-spacing:0;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.login-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:45px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.login-input::placeholder{color:#94a3b8}.login-input:hover{background:#fbfdff;border-color:#94a3b8}.login-input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #2563eb24}.password-field{position:relative}.password-field .login-input{padding-right:46px}.password-toggle{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:#0f172a;background:#f1f5f9}.login-btn{color:#fff;cursor:pointer;letter-spacing:0;background:#0f2942;border:0;border-radius:8px;width:100%;min-height:48px;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:850;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 10px 22px #0f29422e}.login-btn:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 14px 28px #0f294238}.login-btn:active{transform:translateY(0)}.login-preloader{z-index:10;-webkit-backdrop-filter:blur(8px);background:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.preloader-spinner{border:4px solid #dbeafe;border-top-color:#1e40af;border-radius:50%;width:44px;height:44px;margin-bottom:16px;animation:.75s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.preloader-text{color:#1e40af;font-size:13px;font-weight:800}#forgot-password-panel,#self-reg-review{border-radius:8px!important}#self-reg-wizard-state,#self-reg-progress{background:#f1f5f9;border-radius:999px;align-items:center;min-height:24px;margin-right:8px;padding:4px 9px;font-weight:800;display:inline-flex;color:#475569!important}#self-reg-room-load-error{border-radius:8px!important}#self-register-panel .self-reg-step{padding-top:2px}#self-register-panel div[style*="grid-template-columns:1fr 1fr"],#self-register-panel div[style*="grid-template-columns: 1fr 1fr"]{gap:12px!important}#self-reg-prev-btn,#self-reg-next-btn{border-radius:8px;flex:1;min-height:44px;font-size:14px;font-weight:850}#self-reg-prev-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}#self-reg-next-btn{color:#fff;background:#0f2942;border:0}body.dark-mode .auth-shell,body.dark-mode .login-card{background:#0f172a;border-color:#334155}body.dark-mode .login-title,body.dark-mode .login-form-group label{color:#f8fafc}body.dark-mode .login-subtitle,body.dark-mode .login-tab{color:#94a3b8}body.dark-mode .login-icon,body.dark-mode .login-tab.active,body.dark-mode .login-input,body.dark-mode #self-reg-prev-btn{color:#f8fafc;background:#1e293b;border-color:#334155}body.dark-mode .login-tabs,body.dark-mode #self-reg-wizard-state,body.dark-mode #self-reg-progress{background:#020617}body.dark-mode .login-input:hover,body.dark-mode .password-toggle:hover{background:#111827}body.dark-mode .login-preloader{background:#0f172ae6}@media (max-width:900px){.login-wrapper{align-items:flex-start;padding:18px}.auth-shell{grid-template-columns:1fr;min-height:auto}.auth-showcase{gap:16px;min-height:auto;padding:24px}.auth-showcase-footer{display:none}.login-card{max-height:none}}@media (max-width:560px){.login-wrapper{background:#fff;padding:0 0 24px}.auth-shell{width:100%;min-height:auto;box-shadow:none;border:0;border-radius:0;display:block}.auth-showcase{height:auto;min-height:0;padding:max(14px, env(safe-area-inset-top)) 18px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;border-right:0;display:block}.auth-logo-panel{align-items:center;gap:12px;display:flex}.auth-platform-logo{width:76px;height:76px;box-shadow:none;padding:7px}.auth-kicker{letter-spacing:.1em;font-size:9px}.auth-platform-title{margin-top:3px;font-size:20px}.auth-platform-subtitle{display:none}.login-header{padding:20px 18px 14px}.login-icon{display:none}.login-title{font-size:22px}.login-subtitle{font-size:13px}.login-tabs{margin:0 18px 16px}#login-form-panel,#self-register-panel{padding:0 18px 48px}#self-register-panel div[style*="grid-template-columns:1fr 1fr"],#self-register-panel div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.login-input{min-height:46px;font-size:16px}.login-form-group{margin-bottom:14px}#self-reg-wizard-state,#self-reg-progress{margin-bottom:8px!important}#self-register-panel div[style*=display\:flex][style*=justify-content\:space-between]{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:10px!important;margin-top:14px!important;display:flex!important}#self-reg-prev-btn,#self-reg-next-btn{text-align:center!important;border-radius:10px!important;flex:1 1 0!important;justify-content:center!important;min-height:48px!important;padding:12px 8px!important;font-size:15px!important}#self-register-submit-btn{border-radius:10px!important;min-height:48px!important;font-size:15px!important}}.login-split-wrapper{background:#fff;width:100%;min-height:100vh;display:flex}.login-visual-panel{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.visual-content{z-index:2;max-width:480px;position:relative}.visual-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:32px;display:flex}.visual-logo img{object-fit:contain;width:100%;height:100%}.visual-logo svg{color:#e0e7ff}.visual-title{letter-spacing:-1px;margin-bottom:16px;font-size:42px;font-weight:800;line-height:1.1}.visual-subtitle{color:#a5b4fc;font-size:16px;line-height:1.6}.visual-abstract-art{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.shape{filter:blur(60px);background:linear-gradient(135deg,#6366f166,#a78bfa1a);border-radius:50%;position:absolute}.shape-1{width:400px;height:400px;top:-100px;left:-100px}.shape-2{background:linear-gradient(135deg,#ec48994d,#8b5cf61a);width:300px;height:300px;bottom:10%;right:-50px}.shape-3{width:200px;height:200px;top:40%;left:60%}.login-form-panel{background:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-form-container{width:100%;max-width:420px}.login-form-header{margin-bottom:40px}.login-form-header h2{color:#0f172a;margin-bottom:8px;font-size:28px;font-weight:800}.login-form-header p{color:#64748b;font-size:15px}.modern-login-form{flex-direction:column;gap:20px;display:flex}.modern-input-group label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.modern-input-group input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:14px 16px;font-size:15px;transition:all .2s}.modern-input-group input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.modern-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:52px;margin-top:10px;padding:14px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #4f46e54d}.modern-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.modern-login-btn:active:not(:disabled){transform:translateY(0)}.modern-login-btn.loading{color:#0000;box-shadow:none;cursor:not-allowed;background:#e0e7ff}.btn-loading-animation{align-items:center;gap:6px;display:flex}.btn-loading-animation .dot{background-color:#4338ca;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounceLoading}.btn-loading-animation .dot:first-child{animation-delay:-.32s}.btn-loading-animation .dot:nth-child(2){animation-delay:-.16s}@keyframes bounceLoading{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}body.dark-mode .login-split-wrapper,body.dark-mode .login-form-panel{background:#0f172a}body.dark-mode .login-form-header h2{color:#f8fafc}body.dark-mode .login-form-header p{color:#94a3b8}body.dark-mode .modern-input-group label{color:#e2e8f0}body.dark-mode .modern-input-group input{color:#f8fafc;background:#1e293b;border-color:#334155}body.dark-mode .modern-input-group input:focus{background:#0f172a;border-color:#818cf8}@media (max-width:900px){.login-split-wrapper{background:#f8fafc;flex-direction:column}.login-visual-panel{border-radius:0 0 32px 32px;flex:0 0 35vh;padding:24px;display:flex;box-shadow:0 10px 30px #312e8133}.visual-content{text-align:center;flex-direction:column;align-items:center;max-width:100%;margin-top:10px;display:flex}.visual-logo{width:52px;height:52px;margin-bottom:16px}.visual-title{margin-bottom:8px;font-size:26px}.visual-subtitle{max-width:280px;font-size:14px}.login-form-panel{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border-radius:24px;flex:none;margin:-60px 20px 30px;padding:30px 24px;box-shadow:0 20px 40px #0f172a14,inset 0 0 0 1px #ffffff80}.login-form-container{max-width:100%}.login-form-header h2{font-size:24px}body.dark-mode .login-form-panel{background:#0f172ad9;box-shadow:0 20px 40px #0000004d,inset 0 0 0 1px #ffffff0d}}
@media (max-width:1024px){.sidebar{width:220px}.sidebar-logo-text{font-size:15px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-5,.grid-6{grid-template-columns:repeat(3,1fr)}.toppers-grid,.subscription-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}.new-admissions-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.sidebar{z-index:1200;width:min(280px,82vw);transition:left .3s;position:fixed;top:0;bottom:0;left:min(-280px,-82vw)}.sidebar.mobile-open{left:0}.sidebar.mobile-open+.main .mobile-bottom-nav{opacity:0;pointer-events:none;transform:translateY(12px)}.app{flex-direction:column}.topbar{z-index:40;background:var(--card);border-bottom:1px solid var(--border);padding:12px 16px;position:sticky;top:0}.topbar-right{gap:8px}.topbar-right .notif-btn{padding:6px 8px}.topbar-right .topbar-user{display:none}.topbar-right .avatar{display:flex}.topbar-title{font-size:16px;display:block}.mobile-toggle{margin-right:8px;padding:4px}.content{padding:16px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.subscription-plan-grid,.stack-mobile{grid-template-columns:1fr!important}.card,.stat-card{padding:12px}.stat-card{gap:10px}.stat-icon{border-radius:8px!important;width:32px!important;height:32px!important}.stat-icon svg{width:16px!important;height:16px!important}.stat-val{font-size:18px!important}.stat-lbl{font-size:10px!important}.hide-mobile{display:none!important}.mobile-only{display:block}.room-grid{grid-template-columns:repeat(5,1fr)}.mobile-toggle{cursor:pointer;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;margin-right:12px;box-shadow:0 1px 3px #0000001a;width:44px!important;height:44px!important;display:flex!important}.mobile-toggle svg{width:24px!important;height:24px!important}.topbar-right .notif-btn{border-radius:10px!important;min-height:40px!important;padding:8px 14px!important;font-size:13px!important}.topbar-right .avatar{border-radius:10px!important;width:40px!important;height:40px!important}.modal{border-radius:12px;width:100%;max-width:520px;max-height:calc(100vh - 24px);padding:16px 20px;overflow-y:auto}.modal-overlay{padding:12px}.modal-title{z-index:2;background:#fff;margin-bottom:14px;padding-bottom:8px;position:sticky;top:0}.toppers-grid{grid-template-columns:1fr}.analysis-switch{justify-content:space-between;width:100%}.analysis-switch button{text-align:center;flex:1}.donut-shell{width:160px;height:160px}.donut-hole{inset:28px}.section-header{flex-direction:column;align-items:stretch}.section-header>div:last-child{flex-wrap:wrap;gap:8px;width:100%;display:flex}.section-header>div:last-child .btn{flex:140px;justify-content:center}.student-id-body{align-items:flex-start}.topbar-title{white-space:nowrap;text-overflow:ellipsis;max-width:58vw;font-size:16px;overflow:hidden}.back-btn{display:none!important}.room-map-shell{min-height:420px!important}.room-map-frame{height:min(68vh,560px)}.room-map-toolbar{flex-direction:column;align-items:stretch}.room-map-zoom-buttons{justify-content:space-between}.room-map-zoom-btn{flex:1 1 0}.room-map-zoom-label{min-width:0}.content [style*=min-width]{min-width:0!important}.card-title[style*="display: flex"],.card-title[style*=display\:flex]{flex-wrap:wrap;gap:8px}.content select,.content input,.content textarea,.content button{max-width:100%}.table-container,.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.content .card{overflow-x:visible}table:not(.ui-datepicker-calendar){-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}#content div[style*="grid-template-columns:1fr 1fr"],#content div[style*="grid-template-columns: 1fr 1fr"],#content div[style*="grid-template-columns: 1fr 320px"],#content div[style*="grid-template-columns: 1fr 300px"],#content div[style*="grid-template-columns: 1fr 340px"],#content div[style*="grid-template-columns: 320px 1fr"],#content div[style*="grid-template-columns: 2fr 1fr"],#content div[style*="grid-template-columns: 3fr 2fr"],#content div[style*="grid-template-columns:repeat(3"],#content div[style*="grid-template-columns:repeat(3,"],.modal-overlay div[style*="grid-template-columns:1fr 1fr"],.modal-overlay div[style*="grid-template-columns: 1fr 1fr"],.login-card div[style*="grid-template-columns:1fr 1fr"],.login-card div[style*="grid-template-columns: 1fr 1fr"],.login-card div[style*="grid-template-columns:repeat(3"]{grid-template-columns:1fr!important}.input-row>*{flex:100%;min-width:0}.filter-grid-2,.filter-grid-3,.filter-grid-4,.new-admissions-stats{grid-template-columns:1fr!important}.new-admissions-row{flex-direction:column;align-items:flex-start}.new-admissions-meta{white-space:normal}.table-scroll>table,.auto-table-scroll>table,.content .card>table{width:100%;min-width:100%}.mobile-bottom-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:1100;-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:20px;justify-content:space-around;align-items:center;height:68px;padding:8px 16px;transition:opacity .2s,transform .2s;display:flex;position:fixed;box-shadow:0 8px 32px #0000001a}.mobile-bottom-nav::-webkit-scrollbar{display:none}.mobile-bottom-nav .mobile-bottom-nav-item{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}}@media (max-width:480px){.content{padding:12px;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}.topbar{padding:10px 12px}.login-card{margin:0;padding:0}.section-title{font-size:16px}.room-map-shell{min-height:360px!important}.room-map-frame{height:min(62vh,500px)}.table-scroll>table,.auto-table-scroll>table,.content .card>table{width:100%;min-width:100%}.mobile-bottom-nav{height:62px;left:10px;right:10px}}.mobile-toggle{display:none}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.notif-list{flex-direction:column;gap:8px;display:flex}.notif-item{transition:var(--transition)}.notif-item:hover{transform:translate(4px)}.preview-wrapper{margin-top:24px;animation:.4s slideUp}.preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.table-scroll{border:1px solid var(--border);-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;max-width:100%;overflow-x:auto}.auto-table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.preview-table{border-collapse:collapse;width:100%;font-size:13px}.preview-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#f8fafc;padding:12px 16px;font-weight:600}.preview-table td{white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:12px 16px}.preview-table tr:last-child td{border-bottom:none}.global-api-loader{z-index:11000;pointer-events:none;background:#0f172a3d;justify-content:center;align-items:center;position:fixed;inset:0}.global-api-loader-card{color:#0f172a;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex;box-shadow:0 10px 26px #0206172e}.offline-banner{z-index:12000;color:#fff;background:#b91c1c;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;position:fixed;top:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #b91c1c59}.skeleton-block,.skeleton-pill{background:#e2e8f0;border-radius:8px;position:relative;overflow:hidden}.skeleton-pill{width:56px;height:10px}.skeleton-block:after,.skeleton-pill:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.2s infinite skeletonShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeletonShimmer{to{transform:translate(100%)}}@media (max-width:768px){.table-responsive{overflow:visible!important}.table-responsive table{border:none;width:100%;display:block}.table-responsive thead,.table-responsive th{display:none!important}.table-responsive tbody{flex-direction:column;gap:12px;display:flex}.table-responsive tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:10px 14px;display:flex;box-shadow:0 2px 8px #0000000a}.table-responsive td{text-align:right;word-break:break-word;justify-content:space-between;align-items:center;display:flex;white-space:normal!important;border:none!important;border-bottom:1px dashed #e2e8f0!important;padding:8px 0!important;font-size:13px!important}.table-responsive td:last-child{border-bottom:none!important;padding-bottom:0!important}.table-responsive td:first-child{padding-top:0!important}.table-responsive td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;flex-shrink:0;margin-right:16px;font-size:11px;font-weight:700}.info-list-item{flex-direction:column;align-items:flex-start;gap:6px}.info-list-label{margin-right:0}.info-list-value{text-align:left;word-break:break-word;overflow-wrap:break-word;width:100%}.data-card-row{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0!important}.data-card-label{margin-right:0!important}.data-card-value{width:100%;text-align:left!important}}