@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";#container{text-align:center;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}#container strong{font-size:20px;line-height:26px}#container p{font-size:16px;line-height:22px;color:#8c8c8c;margin:0}#container a{text-decoration:none}.auth-container{--background: #f8fafc;--auth-card-bg: #ffffff;--auth-card-border: #f1f5f9;--auth-text: #0f172a;--auth-text-muted: #64748b;--auth-input-border: #e2e8f0;--auth-input-bg: #ffffff;--auth-input-text: #0f172a;--auth-label: #475569;font-family:Plus Jakarta Sans,sans-serif;height:100%}body.dark-theme .auth-container{--background: #0f172a;--auth-card-bg: #1e293b;--auth-card-border: #334155;--auth-text: #f8fafc;--auth-text-muted: #94a3b8;--auth-input-border: #475569;--auth-input-bg: #1e293b;--auth-input-text: #f8fafc;--auth-label: #cbd5e1}.auth-grid{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px}.auth-card{background:var(--auth-card-bg);border-radius:24px;box-shadow:0 10px 25px -5px rgba(0,0,0,.05),0 8px 10px -6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);border:1px solid var(--auth-card-border);width:100%;max-width:440px;padding:40px 32px;display:flex;flex-direction:column;box-sizing:border-box;animation:cardFadeIn .6s cubic-bezier(.16,1,.3,1)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;letter-spacing:-.5px}.auth-title{font-size:1.5rem;font-weight:700;color:var(--auth-text);margin:0;letter-spacing:-.5px}.auth-subtitle{font-size:.875rem;color:var(--auth-text-muted);margin:8px 0 0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-input-label{font-size:.8125rem;font-weight:600;color:var(--auth-label)}.auth-input{--background: var(--auth-input-bg);--color: var(--auth-input-text);--padding-start: 16px;--padding-end: 16px;--padding-top: 14px;--padding-bottom: 14px;--border-radius: 12px;--placeholder-color: #94a3b8;border:1px solid var(--auth-input-border);border-radius:12px;transition:all .2s ease;font-size:.9375rem}.auth-input:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.1);transform:translateY(-1px)}.auth-error-message{color:#ef4444;font-size:.75rem;margin-top:4px;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.auth-alert{background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;padding:12px 16px;color:#b91c1c;font-size:.875rem;margin-bottom:20px;display:flex;align-items:center;gap:10px;animation:slideIn .3s ease}.auth-button{--background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--background-hover: linear-gradient(135deg, #4338ca 0%, #4f46e5 100%);--color: #ffffff;--border-radius: 12px;--padding-top: 16px;--padding-bottom: 16px;font-weight:600;font-size:.9375rem;margin:10px 0 0;height:48px;box-shadow:0 4px 12px rgba(99,102,241,.2);transition:all .2s ease}.auth-button:active{transform:scale(.98)}.auth-footer{text-align:center;margin-top:28px;font-size:.875rem;color:var(--auth-text-muted)}.auth-link{color:#4f46e5;font-weight:600;text-decoration:none;transition:color .15s ease;cursor:pointer;margin-left:4px}.auth-link:hover{color:#3730a3;text-decoration:underline}.auth-row-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.auth-card{padding:24px 16px;border-radius:16px;border:none;box-shadow:none;background:transparent}.auth-container{--background: var(--auth-card-bg)}.auth-row-inputs{grid-template-columns:1fr;gap:16px}.auth-header{margin-bottom:20px}.auth-logo img{height:72px!important;width:72px!important}.auth-title{font-size:1.25rem}.auth-form{gap:14px}}@media (max-height: 600px){.auth-grid{align-items:flex-start;padding:12px 16px}.auth-header{margin-bottom:12px}.auth-logo img{height:56px!important;width:56px!important}.auth-card{padding:20px 24px}}:root{--admin-bg: #0b0f1a;--admin-sidebar-bg: #0f1623;--admin-sidebar-border: rgba(255, 255, 255, .06);--admin-accent: #6366f1;--admin-accent-glow: rgba(99, 102, 241, .25);--admin-accent-2: #8b5cf6;--admin-surface: #141b2d;--admin-surface-hover: #1a2236;--admin-border: rgba(255, 255, 255, .07);--admin-text: #e2e8f0;--admin-text-muted: #64748b;--admin-text-faint: #374151;--admin-success: #10b981;--admin-warning: #f59e0b;--admin-danger: #ef4444;--admin-info: #3b82f6;--sidebar-width: 260px;--topbar-height: 64px}body.light-theme{--admin-bg: #f8fafc;--admin-sidebar-bg: #ffffff;--admin-sidebar-border: #e2e8f0;--admin-surface: #ffffff;--admin-surface-hover: #f1f5f9;--admin-border: #e2e8f0;--admin-text: #0f172a;--admin-text-muted: #64748b;--admin-text-faint: #94a3b8}.admin-page{--background: var(--admin-bg);font-family:Plus Jakarta Sans,sans-serif}.admin-layout{display:flex;height:100%;background:var(--admin-bg);overflow:hidden}.admin-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;background:var(--admin-sidebar-bg);border-right:1px solid var(--admin-sidebar-border);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:100;transition:transform .3s cubic-bezier(.16,1,.3,1)}.admin-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--admin-accent),var(--admin-accent-2));opacity:.8}.sidebar-brand{padding:20px 20px 16px;border-bottom:1px solid var(--admin-sidebar-border);display:flex;align-items:center;gap:12px}.sidebar-brand-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2));display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 12px var(--admin-accent-glow);flex-shrink:0}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-name{font-size:.9375rem;font-weight:700;color:var(--admin-text);letter-spacing:-.3px;line-height:1.2}.sidebar-brand-role{font-size:.6875rem;font-weight:500;color:var(--admin-accent);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.sidebar-user{padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--admin-sidebar-border)}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.8125rem;font-weight:600;color:var(--admin-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar-user-email{font-size:.6875rem;color:var(--admin-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-status{width:8px;height:8px;border-radius:50%;background:var(--admin-success);box-shadow:0 0 6px var(--admin-success);flex-shrink:0}.sidebar-nav{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:2px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.sidebar-section-label{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--admin-text-muted);padding:14px 8px 6px;display:block}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .18s ease;position:relative;text-decoration:none;user-select:none;-webkit-tap-highlight-color:transparent}.sidebar-nav-item:hover{background:var(--admin-surface-hover)}.sidebar-nav-item.active{background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(139,92,246,.12));border:1px solid rgba(99,102,241,.25)}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:linear-gradient(to bottom,var(--admin-accent),var(--admin-accent-2));border-radius:0 2px 2px 0}.nav-item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;background:rgba(255,255,255,.04);flex-shrink:0;transition:all .18s ease}.sidebar-nav-item.active .nav-item-icon{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2));box-shadow:0 4px 10px var(--admin-accent-glow)}.nav-item-text{font-size:.8125rem;font-weight:500;color:var(--admin-text-muted);flex:1;transition:color .18s ease}.sidebar-nav-item:hover .nav-item-text{color:var(--admin-text)}.sidebar-nav-item.active .nav-item-text{color:var(--admin-accent);font-weight:600}.nav-item-badge{font-size:.625rem;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--admin-accent);color:#fff;min-width:18px;text-align:center}.nav-item-badge.warning{background:var(--admin-warning)}.sidebar-footer{padding:12px;border-top:1px solid var(--admin-sidebar-border)}.sidebar-logout-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .18s ease;width:100%;border:none;background:transparent}.sidebar-logout-btn:hover{background:rgba(239,68,68,.1)}.sidebar-logout-btn:hover .nav-item-text{color:var(--admin-danger)}.sidebar-logout-btn .nav-item-icon{background:rgba(239,68,68,.1)}.sidebar-logout-btn:hover .nav-item-icon{background:rgba(239,68,68,.2)}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.admin-topbar{height:var(--topbar-height);min-height:var(--topbar-height);background:var(--admin-sidebar-bg);border-bottom:1px solid var(--admin-sidebar-border);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:50}.topbar-menu-btn{display:none;width:36px;height:36px;align-items:center;justify-content:center;border-radius:8px;background:transparent;border:none;color:var(--admin-text);font-size:1.2rem;cursor:pointer;transition:background .15s}.topbar-menu-btn:hover{background:var(--admin-surface-hover)}.topbar-breadcrumb{flex:1;display:flex;flex-direction:column}.topbar-page-title{font-size:1rem;font-weight:700;color:var(--admin-text);line-height:1.2;letter-spacing:-.3px}.topbar-page-subtitle{font-size:.75rem;color:var(--admin-text-muted);margin-top:1px}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-icon-btn{width:36px;height:36px;border-radius:10px;background:var(--admin-surface);border:1px solid var(--admin-border);display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .15s;color:var(--admin-text-muted);position:relative}.topbar-icon-btn:hover{background:var(--admin-surface-hover);color:var(--admin-text)}.topbar-notif-dot{width:8px;height:8px;border-radius:50%;background:var(--admin-danger);position:absolute;top:4px;right:4px;border:1.5px solid var(--admin-sidebar-bg)}.admin-content{flex:1;overflow-y:auto;padding:24px;background:var(--admin-bg)}.admin-content::-webkit-scrollbar{width:6px}.admin-content::-webkit-scrollbar-track{background:transparent}.admin-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:3px}.dashboard-greeting{margin-bottom:28px}.dashboard-greeting-title{font-size:1.5rem;font-weight:800;color:var(--admin-text);letter-spacing:-.5px;margin:0}.dashboard-greeting-sub{font-size:.875rem;color:var(--admin-text-muted);margin:6px 0 0}.greeting-highlight{background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;animation:fadeUp .5s ease both}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;opacity:.08;transform:translate(30%,-30%)}.stat-card.indigo:after{background:#6366f1}.stat-card.purple:after{background:#8b5cf6}.stat-card.emerald:after{background:#10b981}.stat-card.amber:after{background:#f59e0b}.stat-card-top{display:flex;align-items:center;justify-content:space-between}.stat-card-label{font-size:.75rem;font-weight:600;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.05rem}.stat-card.indigo .stat-card-icon{background:rgba(99,102,241,.15)}.stat-card.purple .stat-card-icon{background:rgba(139,92,246,.15)}.stat-card.emerald .stat-card-icon{background:rgba(16,185,129,.15)}.stat-card.amber .stat-card-icon{background:rgba(245,158,11,.15)}.stat-card-value{font-size:1.875rem;font-weight:800;color:var(--admin-text);letter-spacing:-1px;line-height:1}.stat-card-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--admin-text-muted)}.stat-trend{font-size:.6875rem;font-weight:700;padding:2px 6px;border-radius:6px}.stat-trend.up{color:var(--admin-success);background:rgba(16,185,129,.12)}.stat-trend.down{color:var(--admin-danger);background:rgba(239,68,68,.12)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.dashboard-grid.full{grid-template-columns:1fr}.dash-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:16px;overflow:hidden;animation:fadeUp .5s ease .25s both}.dash-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--admin-border)}.dash-card-title{font-size:.875rem;font-weight:700;color:var(--admin-text);display:flex;align-items:center;gap:8px}.dash-card-action{font-size:.75rem;font-weight:600;color:var(--admin-accent);cursor:pointer;transition:opacity .15s;background:none;border:none;padding:0}.dash-card-action:hover{opacity:.75}.dash-card-body{padding:16px 20px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.dash-table{width:100%;border-collapse:collapse}.dash-table th{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--admin-text-muted);padding:20px;text-align:left;white-space:nowrap}.dash-table td{padding:10px 8px;font-size:.8125rem;color:var(--admin-text);border-top:1px solid var(--admin-border);vertical-align:middle;white-space:nowrap}.dash-table tr:hover td{background:var(--admin-surface-hover)}.student-cell{display:flex;align-items:center;gap:10px}.student-avatar-sm{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:#fff;flex-shrink:0}.student-name-sm{font-weight:600;font-size:.8125rem;color:var(--admin-text);line-height:1.2}.student-id-sm{font-size:.6875rem;color:var(--admin-text-muted)}.badge{font-size:.6875rem;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;display:inline-block}.badge.active{background:rgba(16,185,129,.12);color:#10b981}.badge.inactive{background:rgba(239,68,68,.12);color:#ef4444}.badge.pending{background:rgba(245,158,11,.12);color:#f59e0b}.badge.approved{background:rgba(16,185,129,.12);color:#10b981}.badge.rejected{background:rgba(239,68,68,.12);color:#ef4444}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-action-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--admin-border);cursor:pointer;transition:all .18s ease;text-decoration:none;-webkit-tap-highlight-color:transparent}.quick-action-btn:hover{background:var(--admin-surface-hover);border-color:rgba(99,102,241,.3);transform:translateY(-2px)}.quick-action-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.qa-indigo{background:rgba(99,102,241,.15)}.qa-purple{background:rgba(139,92,246,.15)}.qa-emerald{background:rgba(16,185,129,.15)}.qa-amber{background:rgba(245,158,11,.15)}.qa-rose{background:rgba(244,63,94,.15)}.qa-sky{background:rgba(14,165,233,.15)}.quick-action-text{font-size:.75rem;font-weight:600;color:var(--admin-text);line-height:1.3}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--admin-border)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.activity-dot.indigo{background:var(--admin-accent);box-shadow:0 0 6px var(--admin-accent-glow)}.activity-dot.emerald{background:var(--admin-success)}.activity-dot.amber{background:var(--admin-warning)}.activity-dot.red{background:var(--admin-danger)}.activity-content{flex:1;min-width:0}.activity-action{font-size:.8125rem;font-weight:600;color:var(--admin-text)}.activity-desc{font-size:.75rem;color:var(--admin-text-muted);margin-top:1px}.activity-time{font-size:.6875rem;color:var(--admin-text-muted);white-space:nowrap;margin-top:2px}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--admin-text-muted);font-size:.875rem}.admin-loading-spinner{width:40px;height:40px;border:3px solid var(--admin-border);border-top-color:var(--admin-accent);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){:root{--sidebar-width: 240px}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);z-index:200;box-shadow:4px 0 30px rgba(0,0,0,.5)}.admin-sidebar.open{transform:translate(0)}.sidebar-overlay{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:190;backdrop-filter:blur(4px);animation:overlayIn .2s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.topbar-menu-btn{display:flex}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.admin-content{padding:16px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card-value{font-size:1.5rem}.quick-actions-grid{grid-template-columns:1fr}}:root{--ss-bg: var(--admin-bg, #1a1a1a);--ss-text: var(--admin-text, #e0e0e0);--ss-accent: var(--admin-accent, #4f46e5);--ss-border: var(--admin-border, #2d2d2d)}.subject-schedules-page{background:var(--ss-bg);color:var(--ss-text);padding:24px;min-height:100vh}.admin-header h2{color:var(--ss-text);margin:0}.topbar-icon-btn{background:var(--ss-accent);color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;transition:background .2s}.topbar-icon-btn:hover{background:#3b30c9}.filters{display:flex;flex-wrap:wrap;gap:12px}.calendar-search,.calendar-filter-select{background:var(--admin-input-bg, #2c2c2c);color:var(--ss-text);border:1px solid var(--ss-border);border-radius:6px;padding:6px 10px;min-width:200px}.admin-table{width:100%;border-collapse:collapse;background:var(--admin-card-bg, #2a2a2a)}.admin-table th,.admin-table td{padding:12px 8px;border-bottom:1px solid var(--ss-border);text-align:left}.admin-table th{background:var(--admin-card-bg, #2a2a2a);color:var(--ss-accent);font-weight:600}.admin-table tr:hover td{background:rgba(255,255,255,.02)}.admin-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.admin-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--ss-accent);border-radius:50%;animation:spin 1s linear infinite}.admin-modal .modal-content{background:var(--admin-card-bg, #2a2a2a);border-radius:12px;color:var(--ss-text)}.form-group{margin-bottom:16px;display:flex;flex-direction:column}.form-group label{margin-bottom:4px;font-weight:500;color:var(--ss-text)}.settings-input{background:var(--admin-input-bg, #2c2c2c);color:var(--ss-text);border:1px solid var(--ss-border);border-radius:6px;padding:6px 10px;width:100%}.settings-input:focus{outline:none;border-color:var(--ss-accent)}.modal-actions button{border-radius:6px;cursor:pointer}.modal-actions button:hover{opacity:.9}@media (max-width: 768px){.subject-schedules-page{padding:16px}.filters{flex-direction:column;align-items:stretch}.admin-table th,.admin-table td{padding:8px 4px;font-size:.9rem}}.settings-container{display:flex;flex-direction:column;gap:24px;animation:fadeUp .4s ease both}.settings-header{display:flex;justify-content:space-between;align-items:center}.settings-title{font-size:1.25rem;font-weight:700;margin:0;color:var(--admin-text)}.settings-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1024px){.settings-grid{grid-template-columns:1fr 1fr}}.settings-card{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.02);display:flex;flex-direction:column;overflow:hidden}.settings-card-header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.settings-card-title{font-weight:600;font-size:1rem;color:var(--admin-text);display:flex;align-items:center;gap:8px}.settings-card-body{padding:0;flex:1}.settings-table-wrapper{max-height:400px;overflow-y:auto}.settings-table{width:100%;border-collapse:collapse}.settings-table th,.settings-table td{padding:12px 20px;text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.settings-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--admin-text-muted);background:#fff;position:sticky;top:0;z-index:1}.settings-table td{font-size:.875rem;color:var(--admin-text)}.settings-table tr:last-child td{border-bottom:none}.settings-add-btn{padding:6px 12px;border-radius:6px;background:var(--admin-accent);color:#fff;border:none;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.settings-add-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.settings-action-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--admin-text-muted);transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.settings-action-btn:hover.delete{color:#ef4444;background:#fef2f2}.settings-empty{padding:32px 20px;text-align:center;color:var(--admin-text-muted);font-size:.875rem}.settings-modal-content{padding:24px;display:flex;flex-direction:column;gap:16px}.settings-form-group{display:flex;flex-direction:column;gap:6px}.settings-form-group label{font-size:.875rem;font-weight:500;color:var(--admin-text)}.settings-input{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;outline:none;transition:border-color .2s;font-family:inherit;width:100%}.settings-input:focus{border-color:var(--admin-accent);box-shadow:0 0 0 2px rgba(99,102,241,.1)}.settings-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.settings-btn-cancel{padding:10px 16px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;font-weight:500;cursor:pointer}.settings-btn-save{padding:10px 16px;border:none;background:var(--admin-accent);color:#fff;border-radius:6px;font-weight:600;cursor:pointer}.settings-btn-save:disabled{opacity:.5;cursor:not-allowed}.settings-filters{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.05);background:#fff;flex-wrap:wrap}.settings-filter-select{padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:.8125rem;outline:none;font-family:inherit;color:var(--admin-text);background:#f8fafc}.settings-filter-clear{padding:6px 12px;background:transparent;border:1px solid #ef4444;color:#ef4444;border-radius:6px;font-size:.8125rem;cursor:pointer;transition:all .2s}.settings-filter-clear:hover{background:#fef2f2}.calendar-container{display:flex;flex-direction:column;gap:20px;animation:fadeUp .4s ease both;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.02);overflow:hidden;min-height:700px}.calendar-topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.05);background:#f8fafc;flex-wrap:wrap;gap:16px}.calendar-nav{display:flex;align-items:center;gap:16px}.calendar-nav-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;cursor:pointer;font-weight:600;color:var(--admin-text);transition:all .2s}.calendar-nav-btn:hover{background:#f1f5f9}.calendar-month-title{font-size:1.25rem;font-weight:700;color:var(--admin-text);min-width:150px;text-align:center}.calendar-filters{display:flex;gap:12px;align-items:center}.calendar-search{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;outline:none;min-width:200px}.calendar-filter-select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;outline:none;background:#fff}.calendar-grid-wrapper{padding:0 24px 24px;flex:1;display:flex;flex-direction:column}.calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:600;color:var(--admin-text-muted);font-size:.8125rem;text-transform:uppercase;padding-bottom:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:120px;gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.calendar-cell{background:#fff;padding:8px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:background .2s;overflow:hidden}.calendar-cell:hover{background:#f8fafc}.calendar-cell.other-month{background:#fcfcfc;color:#cbd5e1}.calendar-cell.today{background:#eff6ff}.calendar-cell-date{font-size:.875rem;font-weight:600;align-self:flex-end;color:var(--admin-text-muted);margin-bottom:4px}.calendar-cell.today .calendar-cell-date{color:var(--admin-accent);background:#dbeafe;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.calendar-events{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.calendar-events::-webkit-scrollbar{display:none}.calendar-events{-ms-overflow-style:none;scrollbar-width:none}.calendar-event{font-size:.75rem;padding:4px 6px;border-radius:4px;background:#e0e7ff;color:#3730a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;cursor:pointer}.calendar-event.class{background:#dbeafe;color:#1e40af}.calendar-event.exam{background:#fee2e2;color:#b91c1c}.calendar-event.meeting{background:#dcfce7;color:#15803d}.calendar-event.other{background:#f3f4f6;color:#374151}.calendar-event:hover{filter:brightness(.95)}:root{--st-bg: #080d18;--st-surface: #0f1623;--st-surface-2: #141e30;--st-border: rgba(255, 255, 255, .07);--st-accent: #06b6d4;--st-accent-2: #0ea5e9;--st-accent-glow: rgba(6, 182, 212, .22);--st-accent-soft: rgba(6, 182, 212, .12);--st-green: #10b981;--st-amber: #f59e0b;--st-rose: #f43f5e;--st-purple: #8b5cf6;--st-text: #e2e8f0;--st-text-muted: #64748b;--st-tab-height: 68px;--st-header-height: 60px}body.light-theme{--st-bg: #f8fafc;--st-surface: #ffffff;--st-surface-2: #f1f5f9;--st-border: #e2e8f0;--st-text: #0f172a;--st-text-muted: #64748b}.student-page{--background: var(--st-bg);font-family:Plus Jakarta Sans,sans-serif}.student-shell{display:flex;flex-direction:column;height:100%;background:var(--st-bg);overflow:hidden}.student-header{height:var(--st-header-height);min-height:var(--st-header-height);background:var(--st-surface);border-bottom:1px solid var(--st-border);display:flex;align-items:center;padding:0 20px;gap:12px;position:relative;z-index:50}.student-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--st-accent),var(--st-accent-2));opacity:.5}.student-header-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--st-accent),var(--st-accent-2));display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 0 12px var(--st-accent-glow)}.student-header-info{flex:1;min-width:0}.student-header-name{font-size:.875rem;font-weight:700;color:var(--st-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.student-header-id{font-size:.6875rem;color:var(--st-text-muted)}.student-header-actions{display:flex;gap:8px}.student-icon-btn{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--st-border);display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;color:var(--st-text-muted);transition:all .15s;position:relative}.student-icon-btn:hover{background:rgba(255,255,255,.08);color:var(--st-text)}.notif-badge{width:8px;height:8px;border-radius:50%;background:var(--st-rose);position:absolute;top:4px;right:4px;border:1.5px solid var(--st-surface)}.student-content{flex:1;overflow-y:auto;padding-bottom:calc(var(--st-tab-height) + 8px);background:var(--st-bg)}.student-content::-webkit-scrollbar{width:4px}.student-content::-webkit-scrollbar-track{background:transparent}.student-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}.student-section{padding:20px 20px 8px;animation:stFadeUp .4s ease both}@keyframes stFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.student-tabbar{height:var(--st-tab-height);min-height:var(--st-tab-height);background:var(--st-surface);border-top:1px solid var(--st-border);display:flex;align-items:center;justify-content:space-around;padding:0 4px env(safe-area-inset-bottom,0);position:relative;z-index:100}.student-tabbar:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--st-accent),var(--st-accent-2),transparent);opacity:.4}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;transition:all .18s ease;border-radius:12px;margin:4px 2px}.tab-item:active{transform:scale(.93)}.tab-icon-wrap{width:36px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.1rem;transition:all .18s ease;position:relative}.tab-icon-wrap .material-symbols-outlined{color:var(--icon-color-light)!important}body.dark-theme .tab-icon-wrap .material-symbols-outlined{color:var(--icon-color-dark)!important}.tab-item.active .tab-icon-wrap{background:var(--st-accent-soft)}.tab-label{font-size:.5625rem;font-weight:600;color:var(--st-text-muted);transition:color .18s ease;letter-spacing:.2px;text-align:center;line-height:1}.tab-item.active .tab-label{color:var(--st-accent)}.tab-dot{position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:var(--st-rose);border:1.5px solid var(--st-surface)}.st-greeting{padding:20px 20px 0;animation:stFadeUp .4s ease both}.st-greeting-title{font-size:1.375rem;font-weight:800;color:var(--st-text);letter-spacing:-.5px;margin:0 0 4px}.st-greeting-sub{font-size:.8125rem;color:var(--st-text-muted);margin:0}.st-accent-text{background:linear-gradient(135deg,var(--st-accent),var(--st-accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.st-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 20px;animation:stFadeUp .4s ease .05s both}.st-stat-card{background:var(--st-surface);border:1px solid var(--st-border);border-radius:14px;padding:14px 12px;text-align:center;transition:transform .2s ease}.st-stat-card:hover{transform:translateY(-2px)}.st-stat-icon{font-size:1.25rem;margin-bottom:6px;display:block}.st-stat-val{font-size:1.5rem;font-weight:800;color:var(--st-text);letter-spacing:-.5px;line-height:1;display:block}.st-stat-lbl{font-size:.625rem;font-weight:600;color:var(--st-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;display:block}.st-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px 10px}.st-section-title{font-size:.9375rem;font-weight:700;color:var(--st-text)}.st-section-link{font-size:.75rem;font-weight:600;color:var(--st-accent);cursor:pointer;background:none;border:none;padding:0;font-family:inherit;transition:opacity .15s}.st-section-link:hover{opacity:.75}.modules-scroll{display:flex;gap:12px;padding:0 20px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;animation:stFadeUp .4s ease .1s both;scrollbar-width:none}.modules-scroll::-webkit-scrollbar{display:none}.module-card{min-width:220px;background:var(--st-surface);border:1px solid var(--st-border);border-radius:16px;overflow:hidden;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.module-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.4)}.module-card-banner{height:80px;display:flex;align-items:center;justify-content:center;font-size:2rem;position:relative;overflow:hidden}.module-card-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;opacity:.15}.mc-teal{background:linear-gradient(135deg,#0891b2,#06b6d4)}.mc-purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.mc-green{background:linear-gradient(135deg,#059669,#10b981)}.mc-amber{background:linear-gradient(135deg,#d97706,#f59e0b)}.mc-rose{background:linear-gradient(135deg,#e11d48,#f43f5e)}.module-card-body{padding:14px}.module-card-subject{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--st-accent);margin-bottom:4px}.module-card-title{font-size:.875rem;font-weight:700;color:var(--st-text);line-height:1.3;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.module-progress-bar-wrap{background:rgba(255,255,255,.07);border-radius:6px;height:5px;overflow:hidden;margin-bottom:6px}.module-progress-bar{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--st-accent),var(--st-accent-2));transition:width .6s cubic-bezier(.34,1.56,.64,1)}.module-progress-meta{display:flex;justify-content:space-between;align-items:center}.module-progress-pct{font-size:.6875rem;font-weight:600;color:var(--st-accent)}.module-status-badge{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:20px}.msb-progress{background:rgba(6,182,212,.12);color:var(--st-accent)}.msb-completed{background:rgba(16,185,129,.12);color:var(--st-green)}.msb-pending{background:rgba(245,158,11,.12);color:var(--st-amber)}.announcements-list{padding:0 20px;display:flex;flex-direction:column;gap:10px;animation:stFadeUp .4s ease .15s both}.ann-card{background:var(--st-surface);border:1px solid var(--st-border);border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;cursor:pointer;transition:background .15s,border-color .15s}.ann-card:hover{background:var(--st-surface-2);border-color:rgba(6,182,212,.2)}.ann-priority-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.ann-priority-dot.high{background:var(--st-rose);box-shadow:0 0 6px var(--st-rose)}.ann-priority-dot.normal{background:var(--st-accent);box-shadow:0 0 6px var(--st-accent-glow)}.ann-priority-dot.low{background:var(--st-text-muted)}.ann-body{flex:1;min-width:0}.ann-title{font-size:.8125rem;font-weight:600;color:var(--st-text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ann-meta{font-size:.6875rem;color:var(--st-text-muted);display:flex;gap:8px}.schedule-list{padding:0 20px;display:flex;flex-direction:column;gap:8px;animation:stFadeUp .4s ease .2s both}.sched-item{background:var(--st-surface);border:1px solid var(--st-border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px}.sched-time-block{background:var(--st-accent-soft);border-radius:8px;padding:6px 10px;text-align:center;flex-shrink:0;min-width:52px}.sched-time{font-size:.6875rem;font-weight:700;color:var(--st-accent);line-height:1.2}.sched-info{flex:1;min-width:0}.sched-title{font-size:.8125rem;font-weight:600;color:var(--st-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sched-room{font-size:.6875rem;color:var(--st-text-muted)}.sched-status{font-size:.625rem;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}.ss-upcoming{background:rgba(6,182,212,.12);color:var(--st-accent)}.ss-in-progress{background:rgba(16,185,129,.12);color:var(--st-green)}.ss-completed{background:rgba(255,255,255,.06);color:var(--st-text-muted)}.modules-full-list{padding:0 20px;display:flex;flex-direction:column;gap:12px}.module-full-card{background:var(--st-surface);border:1px solid var(--st-border);border-radius:16px;padding:16px;display:flex;gap:14px;align-items:flex-start;cursor:pointer;transition:background .15s,border-color .15s,transform .2s}.module-full-card:hover{background:var(--st-surface-2);border-color:rgba(6,182,212,.25);transform:translate(3px)}.module-full-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.module-full-body{flex:1;min-width:0}.module-full-code{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--st-accent);margin-bottom:3px}.module-full-title{font-size:.9375rem;font-weight:700;color:var(--st-text);margin-bottom:4px;line-height:1.3}.module-full-instructor{font-size:.75rem;color:var(--st-text-muted);margin-bottom:10px}.module-full-footer{display:flex;align-items:center;gap:8px}.module-full-lessons{font-size:.6875rem;color:var(--st-text-muted)}.grades-list{padding:0 20px;display:flex;flex-direction:column;gap:10px}.grade-card{background:var(--st-surface);border:1px solid var(--st-border);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:14px}.grade-score-circle{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;border:2px solid}.grade-score-circle.pass{border-color:var(--st-green);background:rgba(16,185,129,.1)}.grade-score-circle.fail{border-color:var(--st-rose);background:rgba(244,63,94,.1)}.grade-score-num{font-size:.875rem;font-weight:800;color:var(--st-text);line-height:1}.grade-score-max{font-size:.5625rem;color:var(--st-text-muted)}.grade-info{flex:1;min-width:0}.grade-subject{font-size:.8125rem;font-weight:700;color:var(--st-text);margin-bottom:2px}.grade-lesson{font-size:.6875rem;color:var(--st-text-muted);margin-bottom:4px}.grade-date{font-size:.6875rem;color:var(--st-text-muted)}.grade-pass-badge{font-size:.625rem;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}.gpb-pass{background:rgba(16,185,129,.12);color:var(--st-green)}.gpb-fail{background:rgba(244,63,94,.12);color:var(--st-rose)}.profile-hero{padding:24px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;animation:stFadeUp .4s ease both}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--st-accent),var(--st-accent-2));display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:#fff;box-shadow:0 0 24px var(--st-accent-glow)}.profile-name{font-size:1.125rem;font-weight:800;color:var(--st-text);letter-spacing:-.3px;text-align:center}.profile-student-id{font-size:.75rem;font-family:monospace;color:var(--st-accent);background:var(--st-accent-soft);padding:4px 12px;border-radius:20px}.profile-details-card{margin:0 20px 12px;background:var(--st-surface);border:1px solid var(--st-border);border-radius:16px;overflow:hidden;animation:stFadeUp .4s ease .05s both}.profile-details-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--st-text-muted);padding:12px 16px 8px;border-bottom:1px solid var(--st-border)}.profile-detail-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--st-border)}.profile-detail-row:last-child{border-bottom:none}.profile-detail-key{font-size:.8125rem;color:var(--st-text-muted);display:flex;align-items:center;gap:8px}.profile-detail-val{font-size:.8125rem;font-weight:600;color:var(--st-text);text-align:right}.profile-logout-btn{margin:8px 20px 20px;width:calc(100% - 40px);padding:14px;border-radius:14px;border:1px solid rgba(244,63,94,.25);background:rgba(244,63,94,.08);color:var(--st-rose);font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .18s ease;animation:stFadeUp .4s ease .2s both}.profile-logout-btn:hover{background:rgba(244,63,94,.15);border-color:rgba(244,63,94,.4)}.st-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--st-text-muted);font-size:.875rem;font-family:Plus Jakarta Sans,sans-serif}.st-loading-spinner{width:36px;height:36px;border:3px solid var(--st-border);border-top-color:var(--st-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.st-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:10px;color:var(--st-text-muted);text-align:center}.st-empty-icon{font-size:2.5rem;margin-bottom:4px}.st-empty-title{font-size:.9375rem;font-weight:700;color:var(--st-text);margin:0}.st-empty-sub{font-size:.8125rem;margin:0;max-width:260px}.attendance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 16px}.att-sum-card{background:var(--st-surface);border:1px solid var(--st-border);border-radius:12px;padding:12px;text-align:center}.att-sum-val{font-size:1.25rem;font-weight:800;color:#f1f5f9;display:block;line-height:1}.att-sum-lbl{font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--st-text-muted);display:block;margin-top:4px}.attendance-list{padding:0 20px;display:flex;flex-direction:column;gap:8px}.att-item{background:var(--st-surface);border:1px solid var(--st-border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.att-date{font-size:.8125rem;font-weight:600;color:var(--st-text)}.att-time{font-size:.6875rem;color:var(--st-text-muted)}.att-status-badge{font-size:.6875rem;font-weight:700;padding:3px 10px;border-radius:20px}.asb-present{background:rgba(16,185,129,.12);color:var(--st-green)}.asb-absent{background:rgba(244,63,94,.12);color:var(--st-rose)}.asb-late{background:rgba(245,158,11,.12);color:var(--st-amber)}:root{--ins-bg: #0c0d0f;--ins-sidebar-bg: #111318;--ins-sidebar-border: rgba(255,255,255,.06);--ins-accent: #f59e0b;--ins-accent-2: #f97316;--ins-accent-glow: rgba(245,158,11,.22);--ins-accent-soft: rgba(245,158,11,.1);--ins-surface: #161a22;--ins-surface-2: #1c2130;--ins-border: rgba(255,255,255,.07);--ins-text: #e2e8f0;--ins-text-muted: #64748b;--ins-green: #10b981;--ins-blue: #3b82f6;--ins-rose: #f43f5e;--ins-purple: #8b5cf6;--sidebar-w: 256px;--topbar-h: 62px}body.light-theme{--ins-bg: #f8fafc;--ins-sidebar-bg: #ffffff;--ins-sidebar-border: #e2e8f0;--ins-surface: #ffffff;--ins-surface-2: #f1f5f9;--ins-border: #e2e8f0;--ins-text: #0f172a;--ins-text-muted: #64748b}.ins-page{--background: var(--ins-bg);font-family:Plus Jakarta Sans,sans-serif}.ins-layout{display:flex;height:100%;background:var(--ins-bg);overflow:hidden}.ins-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100%;background:var(--ins-sidebar-bg);border-right:1px solid var(--ins-sidebar-border);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:100;transition:transform .3s cubic-bezier(.16,1,.3,1)}.ins-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ins-accent),var(--ins-accent-2))}.ins-brand{padding:18px 20px 14px;border-bottom:1px solid var(--ins-sidebar-border);display:flex;align-items:center;gap:12px}.ins-brand-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--ins-accent),var(--ins-accent-2));display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 14px var(--ins-accent-glow);flex-shrink:0}.ins-brand-name{font-size:.9375rem;font-weight:700;color:var(--ins-text);letter-spacing:-.3px;line-height:1.2}.ins-brand-role{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--ins-accent);margin-top:2px}.ins-user-card{padding:14px 20px;border-bottom:1px solid var(--ins-sidebar-border);display:flex;align-items:center;gap:10px}.ins-user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#d97706,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 0 10px rgba(245,158,11,.3)}.ins-user-info{flex:1;min-width:0}.ins-user-name{font-size:.8125rem;font-weight:600;color:var(--ins-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.ins-user-email{font-size:.6875rem;color:var(--ins-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ins-user-status{width:8px;height:8px;border-radius:50%;background:var(--ins-green);box-shadow:0 0 6px var(--ins-green);flex-shrink:0}.ins-nav{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:1px}.ins-nav::-webkit-scrollbar{width:3px}.ins-nav::-webkit-scrollbar-track{background:transparent}.ins-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:2px}.ins-nav-section{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--ins-text-muted);padding:14px 8px 5px;display:block}.ins-nav-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;cursor:pointer;transition:all .16s ease;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.ins-nav-item:hover{background:rgba(255,255,255,.04)}.ins-nav-item.active{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(249,115,22,.1));border:1px solid rgba(245,158,11,.22)}.ins-nav-item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:linear-gradient(to bottom,var(--ins-accent),var(--ins-accent-2));border-radius:0 2px 2px 0}.ins-nav-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.95rem;background:rgba(255,255,255,.03);flex-shrink:0;transition:all .16s ease}.ins-nav-item.active .ins-nav-icon{background:linear-gradient(135deg,var(--ins-accent),var(--ins-accent-2));box-shadow:0 3px 10px var(--ins-accent-glow)}.ins-nav-label{font-size:.8125rem;font-weight:500;color:var(--ins-text-muted);flex:1;transition:color .16s}.ins-nav-item:hover .ins-nav-label{color:var(--ins-text)}.ins-nav-item.active .ins-nav-label{color:var(--ins-accent);font-weight:600}.ins-nav-badge{font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--ins-accent);color:#1c1500;min-width:18px;text-align:center}.ins-sidebar-footer{padding:10px;border-top:1px solid var(--ins-sidebar-border)}.ins-logout-btn{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;cursor:pointer;transition:all .16s;width:100%;border:none;background:transparent;font-family:inherit}.ins-logout-btn:hover{background:rgba(244,63,94,.1)}.ins-logout-btn:hover .ins-nav-icon{background:rgba(244,63,94,.15)}.ins-logout-btn:hover .ins-nav-label{color:var(--ins-rose)}.ins-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.ins-topbar{height:var(--topbar-h);min-height:var(--topbar-h);background:var(--ins-sidebar-bg);border-bottom:1px solid var(--ins-sidebar-border);display:flex;align-items:center;padding:0 22px;gap:14px;z-index:50}.ins-menu-btn{display:none;width:34px;height:34px;align-items:center;justify-content:center;border-radius:8px;background:transparent;border:none;color:var(--ins-text);font-size:1.1rem;cursor:pointer;transition:background .15s}.ins-menu-btn:hover{background:var(--ins-surface)}.ins-topbar-title-wrap{flex:1}.ins-topbar-title{font-size:1rem;font-weight:700;color:var(--ins-text);letter-spacing:-.3px;line-height:1.2}.ins-topbar-sub{font-size:.75rem;color:var(--ins-text-muted);margin-top:1px}.ins-topbar-actions{display:flex;align-items:center;gap:8px}.ins-icon-btn{width:34px;height:34px;border-radius:9px;background:var(--ins-surface);border:1px solid var(--ins-border);display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;color:var(--ins-text-muted);transition:all .15s;position:relative}.ins-icon-btn:hover{background:var(--ins-surface-2);color:var(--ins-text)}.ins-notif-dot{width:7px;height:7px;border-radius:50%;background:var(--ins-rose);position:absolute;top:4px;right:4px;border:1.5px solid var(--ins-sidebar-bg)}.ins-content{flex:1;overflow-y:auto;padding:22px;background:var(--ins-bg)}.ins-content::-webkit-scrollbar{width:5px}.ins-content::-webkit-scrollbar-track{background:transparent}.ins-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.07);border-radius:3px}.ins-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);z-index:190;backdrop-filter:blur(4px)}.ins-greeting{margin-bottom:24px}.ins-greeting-title{font-size:1.5rem;font-weight:800;color:var(--ins-text);letter-spacing:-.5px;margin:0 0 5px}.ins-greeting-sub{font-size:.875rem;color:var(--ins-text-muted);margin:0}.ins-accent-text{background:linear-gradient(135deg,var(--ins-accent),var(--ins-accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ins-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.ins-stat-card{background:var(--ins-surface);border:1px solid var(--ins-border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;animation:insFadeUp .45s ease both}.ins-stat-card:nth-child(1){animation-delay:.04s}.ins-stat-card:nth-child(2){animation-delay:.08s}.ins-stat-card:nth-child(3){animation-delay:.12s}.ins-stat-card:nth-child(4){animation-delay:.16s}.ins-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.35)}@keyframes insFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ins-stat-top{display:flex;align-items:center;justify-content:space-between}.ins-stat-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ins-text-muted)}.ins-stat-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1rem}.ins-stat-card.amber .ins-stat-icon{background:rgba(245,158,11,.15)}.ins-stat-card.orange .ins-stat-icon{background:rgba(249,115,22,.15)}.ins-stat-card.green .ins-stat-icon{background:rgba(16,185,129,.15)}.ins-stat-card.blue .ins-stat-icon{background:rgba(59,130,246,.15)}.ins-stat-value{font-size:1.875rem;font-weight:800;color:var(--ins-text);letter-spacing:-1px;line-height:1}.ins-stat-meta{font-size:.6875rem;color:var(--ins-text-muted)}.ins-trend{font-size:.6875rem;font-weight:700;padding:2px 6px;border-radius:6px}.ins-trend.up{color:var(--ins-green);background:rgba(16,185,129,.1)}.ins-trend.warn{color:var(--ins-accent);background:var(--ins-accent-soft)}.ins-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.ins-card{background:var(--ins-surface);border:1px solid var(--ins-border);border-radius:16px;overflow:hidden;animation:insFadeUp .45s ease .2s both}.ins-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--ins-border)}.ins-card-title{font-size:.875rem;font-weight:700;color:var(--ins-text);display:flex;align-items:center;gap:7px}.ins-card-action{font-size:.75rem;font-weight:600;color:var(--ins-accent);cursor:pointer;background:none;border:none;padding:0;font-family:inherit;transition:opacity .15s}.ins-card-action:hover{opacity:.7}.ins-card-body{padding:14px 18px}.ins-table{width:100%;border-collapse:collapse}.ins-table th{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ins-text-muted);padding:0 7px 10px;text-align:left;white-space:nowrap}.ins-table td{padding:9px 7px;font-size:.8125rem;color:var(--ins-text);border-top:1px solid var(--ins-border);vertical-align:middle}.ins-table tr:hover td{background:var(--ins-surface-2)}.ins-avatar-cell{display:flex;align-items:center;gap:9px}.ins-avatar-sm{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#d97706,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#fff;flex-shrink:0}.ins-avatar-name{font-size:.8125rem;font-weight:600;color:var(--ins-text);line-height:1.2}.ins-avatar-sub{font-size:.6875rem;color:var(--ins-text-muted)}.ins-badge{font-size:.625rem;font-weight:700;padding:3px 8px;border-radius:20px;display:inline-block;white-space:nowrap}.ins-badge.pass{background:rgba(16,185,129,.12);color:#10b981}.ins-badge.fail{background:rgba(244,63,94,.12);color:#f43f5e}.ins-badge.pending{background:rgba(245,158,11,.12);color:#f59e0b}.ins-badge.completed{background:rgba(16,185,129,.12);color:#10b981}.ins-badge.in-progress{background:rgba(59,130,246,.12);color:#3b82f6}.ins-badge.active{background:rgba(16,185,129,.12);color:#10b981}.ins-badge.inactive{background:rgba(244,63,94,.12);color:#f43f5e}.ins-module-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--ins-border);cursor:pointer;transition:background .15s}.ins-module-item:last-child{border-bottom:none}.ins-module-item:hover{opacity:.85}.ins-module-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.mi-amber{background:rgba(245,158,11,.15)}.mi-orange{background:rgba(249,115,22,.15)}.mi-green{background:rgba(16,185,129,.15)}.mi-blue{background:rgba(59,130,246,.15)}.mi-purple{background:rgba(139,92,246,.15)}.ins-module-info{flex:1;min-width:0}.ins-module-code{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ins-accent)}.ins-module-title{font-size:.875rem;font-weight:600;color:var(--ins-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ins-module-meta{font-size:.6875rem;color:var(--ins-text-muted)}.ins-mini-progress-wrap{width:56px;flex-shrink:0;text-align:right}.ins-mini-progress-pct{font-size:.6875rem;font-weight:700;color:var(--ins-accent);display:block;margin-bottom:4px}.ins-mini-progress-bar-bg{height:4px;background:rgba(255,255,255,.07);border-radius:4px;overflow:hidden}.ins-mini-progress-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--ins-accent),var(--ins-accent-2));transition:width .6s ease}.ins-submission-list{display:flex;flex-direction:column}.ins-submission-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--ins-border)}.ins-submission-item:last-child{border-bottom:none}.ins-sub-dot{width:7px;height:7px;border-radius:50%;margin-top:6px;flex-shrink:0}.ins-sub-dot.amber{background:var(--ins-accent);box-shadow:0 0 5px var(--ins-accent-glow)}.ins-sub-dot.green{background:var(--ins-green)}.ins-sub-dot.blue{background:var(--ins-blue)}.ins-sub-dot.rose{background:var(--ins-rose)}.ins-sub-content{flex:1;min-width:0}.ins-sub-action{font-size:.8125rem;font-weight:600;color:var(--ins-text)}.ins-sub-detail{font-size:.6875rem;color:var(--ins-text-muted)}.ins-sub-time{font-size:.6875rem;color:var(--ins-text-muted);white-space:nowrap}.ins-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ins-page-title{font-size:1rem;font-weight:700;color:var(--ins-text)}.ins-add-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;background:linear-gradient(135deg,var(--ins-accent),var(--ins-accent-2));border:none;color:#1c1200;font-family:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s}.ins-add-btn:hover{opacity:.9;transform:translateY(-1px)}.ins-list-card{background:var(--ins-surface);border:1px solid var(--ins-border);border-radius:16px;overflow:hidden}.ins-module-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.ins-form-card{background:var(--ins-surface-2);border:1px solid var(--ins-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.ins-form-title{font-size:.9375rem;font-weight:700;color:var(--ins-text);display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--ins-border)}.ins-form-field{display:flex;flex-direction:column;gap:6px}.ins-form-label{font-size:.8125rem;font-weight:600;color:var(--ins-text-muted);display:block}.ins-form-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--ins-border);background:var(--ins-surface);color:var(--ins-text);font-size:.9rem;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;resize:vertical;-webkit-appearance:none;appearance:none}.ins-form-input:focus{border-color:var(--ins-accent);box-shadow:0 0 0 3px var(--ins-accent-glow)}.ins-form-toggle{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--ins-border);background:var(--ins-surface);cursor:pointer}.ins-form-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--ins-accent);cursor:pointer;flex-shrink:0}.ins-form-toggle-text{font-size:.875rem;color:var(--ins-text)}.ins-form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.ins-form-btn-cancel{padding:10px 20px;font-size:.875rem;font-weight:600;border:1px solid var(--ins-border);border-radius:8px;background:transparent;color:var(--ins-text-muted);cursor:pointer;font-family:inherit;transition:background .15s}.ins-form-btn-cancel:hover{background:var(--ins-surface-2)}.ins-form-btn-save{padding:10px 20px;font-size:.875rem;font-weight:700;border:none;border-radius:8px;background:linear-gradient(135deg,var(--ins-accent),var(--ins-accent-2));color:#1c1200;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .15s}.ins-form-btn-save:hover{opacity:.9;transform:translateY(-1px)}.ins-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:14px;color:var(--ins-text-muted);font-size:.875rem;font-family:Plus Jakarta Sans,sans-serif}.ins-loading-spinner{width:38px;height:38px;border:3px solid var(--ins-border);border-top-color:var(--ins-accent);border-radius:50%;animation:inspin .8s linear infinite}@keyframes inspin{to{transform:rotate(360deg)}}.ins-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:10px;color:var(--ins-text-muted);text-align:center}.ins-empty-icon{font-size:2.5rem;margin-bottom:4px}.ins-empty-title{font-size:.9375rem;font-weight:700;color:var(--ins-text);margin:0}.ins-empty-sub{font-size:.8125rem;margin:0;max-width:260px}.ins-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.ins-table-wrap::-webkit-scrollbar{height:4px}.ins-table-wrap::-webkit-scrollbar-track{background:transparent}.ins-table-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}@media (max-width: 768px){.ins-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);z-index:200;box-shadow:4px 0 30px rgba(0,0,0,.6)}.ins-sidebar.open{transform:translate(0)}.ins-overlay{display:block}.ins-menu-btn{display:flex}.ins-stats-grid{grid-template-columns:repeat(2,1fr)}.ins-grid{grid-template-columns:1fr}.ins-content{padding:16px}.ins-module-detail-grid{grid-template-columns:1fr}.ins-form-actions{flex-direction:column}.ins-form-btn-cancel,.ins-form-btn-save{width:100%;text-align:center;padding:14px;font-size:.9rem}.ins-table th,.ins-table td{white-space:nowrap}}@media (max-width: 480px){.ins-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ins-stat-value{font-size:1.5rem}}:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-content-start{align-content:flex-start!important}.ion-align-content-end{align-content:flex-end!important}.ion-align-content-center{align-content:center!important}.ion-align-content-between{align-content:space-between!important}.ion-align-content-around{align-content:space-around!important}.ion-align-content-stretch{align-content:stretch!important}@media (min-width: 576px){.ion-align-content-sm-start{align-content:flex-start!important}.ion-align-content-sm-end{align-content:flex-end!important}.ion-align-content-sm-center{align-content:center!important}.ion-align-content-sm-between{align-content:space-between!important}.ion-align-content-sm-around{align-content:space-around!important}.ion-align-content-sm-stretch{align-content:stretch!important}}@media (min-width: 768px){.ion-align-content-md-start{align-content:flex-start!important}.ion-align-content-md-end{align-content:flex-end!important}.ion-align-content-md-center{align-content:center!important}.ion-align-content-md-between{align-content:space-between!important}.ion-align-content-md-around{align-content:space-around!important}.ion-align-content-md-stretch{align-content:stretch!important}}@media (min-width: 992px){.ion-align-content-lg-start{align-content:flex-start!important}.ion-align-content-lg-end{align-content:flex-end!important}.ion-align-content-lg-center{align-content:center!important}.ion-align-content-lg-between{align-content:space-between!important}.ion-align-content-lg-around{align-content:space-around!important}.ion-align-content-lg-stretch{align-content:stretch!important}}@media (min-width: 1200px){.ion-align-content-xl-start{align-content:flex-start!important}.ion-align-content-xl-end{align-content:flex-end!important}.ion-align-content-xl-center{align-content:center!important}.ion-align-content-xl-between{align-content:space-between!important}.ion-align-content-xl-around{align-content:space-around!important}.ion-align-content-xl-stretch{align-content:stretch!important}}.ion-align-items-start{align-items:start!important}.ion-align-items-end{align-items:end!important}.ion-align-items-center{align-items:center!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media (min-width: 576px){.ion-align-items-sm-start{align-items:start!important}.ion-align-items-sm-end{align-items:end!important}.ion-align-items-sm-center{align-items:center!important}.ion-align-items-sm-stretch{align-items:stretch!important}.ion-align-items-sm-baseline{align-items:baseline!important}}@media (min-width: 768px){.ion-align-items-md-start{align-items:start!important}.ion-align-items-md-end{align-items:end!important}.ion-align-items-md-center{align-items:center!important}.ion-align-items-md-stretch{align-items:stretch!important}.ion-align-items-md-baseline{align-items:baseline!important}}@media (min-width: 992px){.ion-align-items-lg-start{align-items:start!important}.ion-align-items-lg-end{align-items:end!important}.ion-align-items-lg-center{align-items:center!important}.ion-align-items-lg-stretch{align-items:stretch!important}.ion-align-items-lg-baseline{align-items:baseline!important}}@media (min-width: 1200px){.ion-align-items-xl-start{align-items:start!important}.ion-align-items-xl-end{align-items:end!important}.ion-align-items-xl-center{align-items:center!important}.ion-align-items-xl-stretch{align-items:stretch!important}.ion-align-items-xl-baseline{align-items:baseline!important}}.ion-align-self-start{align-self:start!important}.ion-align-self-end{align-self:end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}@media (min-width: 576px){.ion-align-self-sm-start{align-self:start!important}.ion-align-self-sm-end{align-self:end!important}.ion-align-self-sm-center{align-self:center!important}.ion-align-self-sm-stretch{align-self:stretch!important}.ion-align-self-sm-baseline{align-self:baseline!important}.ion-align-self-sm-auto{align-self:auto!important}}@media (min-width: 768px){.ion-align-self-md-start{align-self:start!important}.ion-align-self-md-end{align-self:end!important}.ion-align-self-md-center{align-self:center!important}.ion-align-self-md-stretch{align-self:stretch!important}.ion-align-self-md-baseline{align-self:baseline!important}.ion-align-self-md-auto{align-self:auto!important}}@media (min-width: 992px){.ion-align-self-lg-start{align-self:start!important}.ion-align-self-lg-end{align-self:end!important}.ion-align-self-lg-center{align-self:center!important}.ion-align-self-lg-stretch{align-self:stretch!important}.ion-align-self-lg-baseline{align-self:baseline!important}.ion-align-self-lg-auto{align-self:auto!important}}@media (min-width: 1200px){.ion-align-self-xl-start{align-self:start!important}.ion-align-self-xl-end{align-self:end!important}.ion-align-self-xl-center{align-self:center!important}.ion-align-self-xl-stretch{align-self:stretch!important}.ion-align-self-xl-baseline{align-self:baseline!important}.ion-align-self-xl-auto{align-self:auto!important}}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-evenly{justify-content:space-evenly!important}@media (min-width: 576px){.ion-justify-content-sm-start{justify-content:flex-start!important}.ion-justify-content-sm-end{justify-content:flex-end!important}.ion-justify-content-sm-center{justify-content:center!important}.ion-justify-content-sm-between{justify-content:space-between!important}.ion-justify-content-sm-around{justify-content:space-around!important}.ion-justify-content-sm-evenly{justify-content:space-evenly!important}}@media (min-width: 768px){.ion-justify-content-md-start{justify-content:flex-start!important}.ion-justify-content-md-end{justify-content:flex-end!important}.ion-justify-content-md-center{justify-content:center!important}.ion-justify-content-md-between{justify-content:space-between!important}.ion-justify-content-md-around{justify-content:space-around!important}.ion-justify-content-md-evenly{justify-content:space-evenly!important}}@media (min-width: 992px){.ion-justify-content-lg-start{justify-content:flex-start!important}.ion-justify-content-lg-end{justify-content:flex-end!important}.ion-justify-content-lg-center{justify-content:center!important}.ion-justify-content-lg-between{justify-content:space-between!important}.ion-justify-content-lg-around{justify-content:space-around!important}.ion-justify-content-lg-evenly{justify-content:space-evenly!important}}@media (min-width: 1200px){.ion-justify-content-xl-start{justify-content:flex-start!important}.ion-justify-content-xl-end{justify-content:flex-end!important}.ion-justify-content-xl-center{justify-content:center!important}.ion-justify-content-xl-between{justify-content:space-between!important}.ion-justify-content-xl-around{justify-content:space-around!important}.ion-justify-content-xl-evenly{justify-content:space-evenly!important}}.ion-flex-row{flex-direction:row!important}.ion-flex-row-reverse{flex-direction:row-reverse!important}.ion-flex-column{flex-direction:column!important}.ion-flex-column-reverse{flex-direction:column-reverse!important}@media (min-width: 576px){.ion-flex-sm-row{flex-direction:row!important}.ion-flex-sm-row-reverse{flex-direction:row-reverse!important}.ion-flex-sm-column{flex-direction:column!important}.ion-flex-sm-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 768px){.ion-flex-md-row{flex-direction:row!important}.ion-flex-md-row-reverse{flex-direction:row-reverse!important}.ion-flex-md-column{flex-direction:column!important}.ion-flex-md-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 992px){.ion-flex-lg-row{flex-direction:row!important}.ion-flex-lg-row-reverse{flex-direction:row-reverse!important}.ion-flex-lg-column{flex-direction:column!important}.ion-flex-lg-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-row{flex-direction:row!important}.ion-flex-xl-row-reverse{flex-direction:row-reverse!important}.ion-flex-xl-column{flex-direction:column!important}.ion-flex-xl-column-reverse{flex-direction:column-reverse!important}}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-flex-wrap{flex-wrap:wrap!important}.ion-flex-nowrap{flex-wrap:nowrap!important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media (min-width: 576px){.ion-flex-sm-wrap{flex-wrap:wrap!important}.ion-flex-sm-nowrap{flex-wrap:nowrap!important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 768px){.ion-flex-md-wrap{flex-wrap:wrap!important}.ion-flex-md-nowrap{flex-wrap:nowrap!important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 992px){.ion-flex-lg-wrap{flex-wrap:wrap!important}.ion-flex-lg-nowrap{flex-wrap:nowrap!important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-wrap{flex-wrap:wrap!important}.ion-flex-xl-nowrap{flex-wrap:nowrap!important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}.ion-flex-1{flex:1!important}.ion-flex-auto{flex:auto!important}.ion-flex-initial{flex:initial!important}.ion-flex-none{flex:none!important}@media (min-width: 576px){.ion-flex-sm-1{flex:1!important}.ion-flex-sm-auto{flex:auto!important}.ion-flex-sm-initial{flex:initial!important}.ion-flex-sm-none{flex:none!important}}@media (min-width: 768px){.ion-flex-md-1{flex:1!important}.ion-flex-md-auto{flex:auto!important}.ion-flex-md-initial{flex:initial!important}.ion-flex-md-none{flex:none!important}}@media (min-width: 992px){.ion-flex-lg-1{flex:1!important}.ion-flex-lg-auto{flex:auto!important}.ion-flex-lg-initial{flex:initial!important}.ion-flex-lg-none{flex:none!important}}@media (min-width: 1200px){.ion-flex-xl-1{flex:1!important}.ion-flex-xl-auto{flex:auto!important}.ion-flex-xl-initial{flex:initial!important}.ion-flex-xl-none{flex:none!important}}.ion-flex-grow-0{flex-grow:0!important}.ion-flex-grow-1{flex-grow:1!important}.ion-flex-shrink-0{flex-shrink:0!important}.ion-flex-shrink-1{flex-shrink:1!important}@media (min-width: 576px){.ion-flex-sm-grow-0{flex-grow:0!important}.ion-flex-sm-grow-1{flex-grow:1!important}.ion-flex-sm-shrink-0{flex-shrink:0!important}.ion-flex-sm-shrink-1{flex-shrink:1!important}}@media (min-width: 768px){.ion-flex-md-grow-0{flex-grow:0!important}.ion-flex-md-grow-1{flex-grow:1!important}.ion-flex-md-shrink-0{flex-shrink:0!important}.ion-flex-md-shrink-1{flex-shrink:1!important}}@media (min-width: 992px){.ion-flex-lg-grow-0{flex-grow:0!important}.ion-flex-lg-grow-1{flex-grow:1!important}.ion-flex-lg-shrink-0{flex-shrink:0!important}.ion-flex-lg-shrink-1{flex-shrink:1!important}}@media (min-width: 1200px){.ion-flex-xl-grow-0{flex-grow:0!important}.ion-flex-xl-grow-1{flex-grow:1!important}.ion-flex-xl-shrink-0{flex-shrink:0!important}.ion-flex-xl-shrink-1{flex-shrink:1!important}}.ion-order-first{order:-1!important}.ion-order-0{order:0!important}.ion-order-1{order:1!important}.ion-order-2{order:2!important}.ion-order-3{order:3!important}.ion-order-4{order:4!important}.ion-order-5{order:5!important}.ion-order-6{order:6!important}.ion-order-7{order:7!important}.ion-order-8{order:8!important}.ion-order-9{order:9!important}.ion-order-10{order:10!important}.ion-order-11{order:11!important}.ion-order-12{order:12!important}.ion-order-last{order:13!important}@media (min-width: 576px){.ion-order-sm-first{order:-1!important}.ion-order-sm-0{order:0!important}.ion-order-sm-1{order:1!important}.ion-order-sm-2{order:2!important}.ion-order-sm-3{order:3!important}.ion-order-sm-4{order:4!important}.ion-order-sm-5{order:5!important}.ion-order-sm-6{order:6!important}.ion-order-sm-7{order:7!important}.ion-order-sm-8{order:8!important}.ion-order-sm-9{order:9!important}.ion-order-sm-10{order:10!important}.ion-order-sm-11{order:11!important}.ion-order-sm-12{order:12!important}.ion-order-sm-last{order:13!important}}@media (min-width: 768px){.ion-order-md-first{order:-1!important}.ion-order-md-0{order:0!important}.ion-order-md-1{order:1!important}.ion-order-md-2{order:2!important}.ion-order-md-3{order:3!important}.ion-order-md-4{order:4!important}.ion-order-md-5{order:5!important}.ion-order-md-6{order:6!important}.ion-order-md-7{order:7!important}.ion-order-md-8{order:8!important}.ion-order-md-9{order:9!important}.ion-order-md-10{order:10!important}.ion-order-md-11{order:11!important}.ion-order-md-12{order:12!important}.ion-order-md-last{order:13!important}}@media (min-width: 992px){.ion-order-lg-first{order:-1!important}.ion-order-lg-0{order:0!important}.ion-order-lg-1{order:1!important}.ion-order-lg-2{order:2!important}.ion-order-lg-3{order:3!important}.ion-order-lg-4{order:4!important}.ion-order-lg-5{order:5!important}.ion-order-lg-6{order:6!important}.ion-order-lg-7{order:7!important}.ion-order-lg-8{order:8!important}.ion-order-lg-9{order:9!important}.ion-order-lg-10{order:10!important}.ion-order-lg-11{order:11!important}.ion-order-lg-12{order:12!important}.ion-order-lg-last{order:13!important}}@media (min-width: 1200px){.ion-order-xl-first{order:-1!important}.ion-order-xl-0{order:0!important}.ion-order-xl-1{order:1!important}.ion-order-xl-2{order:2!important}.ion-order-xl-3{order:3!important}.ion-order-xl-4{order:4!important}.ion-order-xl-5{order:5!important}.ion-order-xl-6{order:6!important}.ion-order-xl-7{order:7!important}.ion-order-xl-8{order:8!important}.ion-order-xl-9{order:9!important}.ion-order-xl-10{order:10!important}.ion-order-xl-11{order:11!important}.ion-order-xl-12{order:12!important}.ion-order-xl-last{order:13!important}}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}.ion-display-none{display:none!important}@media (min-width: 576px){.ion-display-sm-none{display:none!important}}@media (min-width: 768px){.ion-display-md-none{display:none!important}}@media (min-width: 992px){.ion-display-lg-none{display:none!important}}@media (min-width: 1200px){.ion-display-xl-none{display:none!important}}.ion-display-inline{display:inline!important}@media (min-width: 576px){.ion-display-sm-inline{display:inline!important}}@media (min-width: 768px){.ion-display-md-inline{display:inline!important}}@media (min-width: 992px){.ion-display-lg-inline{display:inline!important}}@media (min-width: 1200px){.ion-display-xl-inline{display:inline!important}}.ion-display-inline-block{display:inline-block!important}@media (min-width: 576px){.ion-display-sm-inline-block{display:inline-block!important}}@media (min-width: 768px){.ion-display-md-inline-block{display:inline-block!important}}@media (min-width: 992px){.ion-display-lg-inline-block{display:inline-block!important}}@media (min-width: 1200px){.ion-display-xl-inline-block{display:inline-block!important}}.ion-display-block{display:block!important}@media (min-width: 576px){.ion-display-sm-block{display:block!important}}@media (min-width: 768px){.ion-display-md-block{display:block!important}}@media (min-width: 992px){.ion-display-lg-block{display:block!important}}@media (min-width: 1200px){.ion-display-xl-block{display:block!important}}.ion-display-flex{display:flex!important}@media (min-width: 576px){.ion-display-sm-flex{display:flex!important}}@media (min-width: 768px){.ion-display-md-flex{display:flex!important}}@media (min-width: 992px){.ion-display-lg-flex{display:flex!important}}@media (min-width: 1200px){.ion-display-xl-flex{display:flex!important}}.ion-display-inline-flex{display:inline-flex!important}@media (min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex!important}}@media (min-width: 768px){.ion-display-md-inline-flex{display:inline-flex!important}}@media (min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex!important}}@media (min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex!important}}.ion-display-grid{display:grid!important}@media (min-width: 576px){.ion-display-sm-grid{display:grid!important}}@media (min-width: 768px){.ion-display-md-grid{display:grid!important}}@media (min-width: 992px){.ion-display-lg-grid{display:grid!important}}@media (min-width: 1200px){.ion-display-xl-grid{display:grid!important}}.ion-display-inline-grid{display:inline-grid!important}@media (min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid!important}}@media (min-width: 768px){.ion-display-md-inline-grid{display:inline-grid!important}}@media (min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid!important}}@media (min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid!important}}.ion-display-table{display:table!important}@media (min-width: 576px){.ion-display-sm-table{display:table!important}}@media (min-width: 768px){.ion-display-md-table{display:table!important}}@media (min-width: 992px){.ion-display-lg-table{display:table!important}}@media (min-width: 1200px){.ion-display-xl-table{display:table!important}}.ion-display-table-cell{display:table-cell!important}@media (min-width: 576px){.ion-display-sm-table-cell{display:table-cell!important}}@media (min-width: 768px){.ion-display-md-table-cell{display:table-cell!important}}@media (min-width: 992px){.ion-display-lg-table-cell{display:table-cell!important}}@media (min-width: 1200px){.ion-display-xl-table-cell{display:table-cell!important}}.ion-display-table-row{display:table-row!important}@media (min-width: 576px){.ion-display-sm-table-row{display:table-row!important}}@media (min-width: 768px){.ion-display-md-table-row{display:table-row!important}}@media (min-width: 992px){.ion-display-lg-table-row{display:table-row!important}}@media (min-width: 1200px){.ion-display-xl-table-row{display:table-row!important}}@media (prefers-color-scheme: dark){:root{--ion-color-primary: #4d8dff;--ion-color-primary-rgb: 77, 141, 255;--ion-color-primary-contrast: #000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #447ce0;--ion-color-primary-tint: #5f98ff;--ion-color-secondary: #46b1ff;--ion-color-secondary-rgb: 70, 177, 255;--ion-color-secondary-contrast: #000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #3e9ce0;--ion-color-secondary-tint: #59b9ff;--ion-color-tertiary: #8482fb;--ion-color-tertiary-rgb: 132, 130, 251;--ion-color-tertiary-contrast: #000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #7472dd;--ion-color-tertiary-tint: #908ffb;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffce31;--ion-color-warning-rgb: 255, 206, 49;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0b52b;--ion-color-warning-tint: #ffd346;--ion-color-danger: #f24c58;--ion-color-danger-rgb: 242, 76, 88;--ion-color-danger-contrast: #000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #d5434d;--ion-color-danger-tint: #f35e69;--ion-color-light: #222428;--ion-color-light-rgb: 34, 36, 40;--ion-color-light-contrast: #fff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #1e2023;--ion-color-light-tint: #383a3e;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152, 154, 162;--ion-color-medium-contrast: #000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #86888f;--ion-color-medium-tint: #a2a4ab;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244, 245, 248;--ion-color-dark-contrast: #000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #d7d8da;--ion-color-dark-tint: #f5f6f9}:root.ios{--ion-background-color: #000000;--ion-background-color-rgb: 0, 0, 0;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #0d0d0d;--ion-background-color-step-100: #1a1a1a;--ion-background-color-step-150: #262626;--ion-background-color-step-200: #333333;--ion-background-color-step-250: #404040;--ion-background-color-step-300: #4d4d4d;--ion-background-color-step-350: #595959;--ion-background-color-step-400: #666666;--ion-background-color-step-450: #737373;--ion-background-color-step-500: #808080;--ion-background-color-step-550: #8c8c8c;--ion-background-color-step-600: #999999;--ion-background-color-step-650: #a6a6a6;--ion-background-color-step-700: #b3b3b3;--ion-background-color-step-750: #bfbfbf;--ion-background-color-step-800: #cccccc;--ion-background-color-step-850: #d9d9d9;--ion-background-color-step-900: #e6e6e6;--ion-background-color-step-950: #f2f2f2;--ion-text-color-step-50: #f2f2f2;--ion-text-color-step-100: #e6e6e6;--ion-text-color-step-150: #d9d9d9;--ion-text-color-step-200: #cccccc;--ion-text-color-step-250: #bfbfbf;--ion-text-color-step-300: #b3b3b3;--ion-text-color-step-350: #a6a6a6;--ion-text-color-step-400: #999999;--ion-text-color-step-450: #8c8c8c;--ion-text-color-step-500: #808080;--ion-text-color-step-550: #737373;--ion-text-color-step-600: #666666;--ion-text-color-step-650: #595959;--ion-text-color-step-700: #4d4d4d;--ion-text-color-step-750: #404040;--ion-text-color-step-800: #333333;--ion-text-color-step-850: #262626;--ion-text-color-step-900: #1a1a1a;--ion-text-color-step-950: #0d0d0d;--ion-item-background: #000000;--ion-tab-bar-background-focused: #252525;--ion-card-background: #1c1c1d}:root.ios ion-modal{--ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));--ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));--ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250))}:root.md{--ion-background-color: #121212;--ion-background-color-rgb: 18, 18, 18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #1e1e1e;--ion-background-color-step-100: #2a2a2a;--ion-background-color-step-150: #363636;--ion-background-color-step-200: #414141;--ion-background-color-step-250: #4d4d4d;--ion-background-color-step-300: #595959;--ion-background-color-step-350: #656565;--ion-background-color-step-400: #717171;--ion-background-color-step-450: #7d7d7d;--ion-background-color-step-500: #898989;--ion-background-color-step-550: #949494;--ion-background-color-step-600: #a0a0a0;--ion-background-color-step-650: #acacac;--ion-background-color-step-700: #b8b8b8;--ion-background-color-step-750: #c4c4c4;--ion-background-color-step-800: #d0d0d0;--ion-background-color-step-850: #dbdbdb;--ion-background-color-step-900: #e7e7e7;--ion-background-color-step-950: #f3f3f3;--ion-text-color-step-50: #f3f3f3;--ion-text-color-step-100: #e7e7e7;--ion-text-color-step-150: #dbdbdb;--ion-text-color-step-200: #d0d0d0;--ion-text-color-step-250: #c4c4c4;--ion-text-color-step-300: #b8b8b8;--ion-text-color-step-350: #acacac;--ion-text-color-step-400: #a0a0a0;--ion-text-color-step-450: #949494;--ion-text-color-step-500: #898989;--ion-text-color-step-550: #7d7d7d;--ion-text-color-step-600: #717171;--ion-text-color-step-650: #656565;--ion-text-color-step-700: #595959;--ion-text-color-step-750: #4d4d4d;--ion-text-color-step-800: #414141;--ion-text-color-step-850: #363636;--ion-text-color-step-900: #2a2a2a;--ion-text-color-step-950: #1e1e1e;--ion-item-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--ion-tab-bar-background-focused: #353535;--ion-card-background: #1e1e1e}}:root{--icon-color-light: #000000;--icon-color-dark: #ffffff}body.light-theme .material-symbols-outlined,body.light-theme .theme-toggle-btn{color:var(--icon-color-light)!important}body.dark-theme .material-symbols-outlined,body.dark-theme .theme-toggle-btn{color:var(--icon-color-dark)!important}body.light-theme .st-stat-icon,body.light-theme .st-section-title .material-symbols-outlined,body.light-theme .st-empty-icon,body.light-theme .auth-alert-icon,body.light-theme .student-icon-btn .material-symbols-outlined,body.light-theme .tab-icon-wrap .material-symbols-outlined,body.light-theme .theme-toggle-btn .material-symbols-outlined{color:var(--icon-color-light)!important}body.dark-theme .material-symbols-outlined,body.dark-theme .st-stat-icon,body.dark-theme .st-section-title .material-symbols-outlined,body.dark-theme .st-empty-icon,body.dark-theme .auth-alert-icon,body.dark-theme .student-icon-btn .material-symbols-outlined,body.dark-theme .tab-icon-wrap .material-symbols-outlined,body.dark-theme .theme-toggle-btn .material-symbols-outlined{color:var(--icon-color-dark)!important}