.analytics-sidebar-root{height:100vh;left:0;position:fixed;top:0;width:288px;z-index:1000}.analytics-sidebar-toggle{display:none}.analytics-sidebar-panel{background:#0b2447;background:var(--navy-900,#0b2447);border-radius:0 28px 28px 0;border-right:1px solid #ffffff14;box-shadow:0 24px 48px #02061738;color:#f8fafc;display:flex;flex-direction:column;height:100%;left:0;min-height:100vh;min-width:288px;overflow-y:auto;padding:28px 18px 24px;position:fixed;top:0;width:288px}.analytics-sidebar-brand{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:14px;margin-bottom:28px;padding:4px 8px 16px}.analytics-logo-circle{align-items:center;background:#ffffff24;border-radius:14px;display:flex;flex-shrink:0;height:54px;justify-content:center;overflow:hidden;width:54px}.analytics-logo-circle img{height:100%;object-fit:cover;width:100%}.logo-placeholder{background:#ffffff2e;border-radius:8px;height:28px;width:28px}.analytics-brand-text{display:flex;flex-direction:column}.analytics-brand-title{color:#fff;font-size:.98rem;font-weight:800;letter-spacing:.18em;line-height:1.1;text-transform:uppercase}.analytics-brand-subtitle{color:#f8fafcd6;font-size:.9rem;font-weight:500;margin-top:4px}.analytics-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:8px 0 0}.analytics-sidebar-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:16px;box-shadow:none;box-sizing:border-box;color:#f8fafcd6;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:14px;justify-content:flex-start;line-height:1.2;min-height:56px;padding:12px 14px;text-align:left;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;width:100%}.analytics-sidebar-item:hover{background:#ffffff1a;border-color:#ffffff14;color:#fff;transform:none}.analytics-sidebar-item.active{background:linear-gradient(135deg,#ffffff29,#ffffff14);border-color:#ffffff1f;box-shadow:inset 0 1px 0 #ffffff14;color:#fff}.analytics-sidebar-item-icon{background:#ffffff14;border-radius:12px;color:currentColor;display:grid;flex-shrink:0;height:40px;min-width:40px;place-items:center;transition:background-color .2s ease,color .2s ease;width:40px}.analytics-sidebar-item-icon svg{fill:currentColor;height:18px;width:18px}.analytics-sidebar-item-label{color:inherit;flex:1 1;font-size:.95rem;font-weight:600;letter-spacing:.01em}.analytics-sidebar-item.active .analytics-sidebar-item-icon,.analytics-sidebar-item:hover .analytics-sidebar-item-icon{background:#ffffff24}@media (max-width:767px){.analytics-sidebar-toggle{display:block;left:16px;position:fixed;top:16px;z-index:50}.analytics-sidebar-hamburger{background:#0b2447;background:var(--navy-900,#0b2447);border:1px solid #ffffff14;border-radius:14px;color:#f8fafc;cursor:pointer;display:grid;height:48px;place-items:center;width:48px}.analytics-sidebar-hamburger .hamburger-line{background:#f8fafc;border-radius:2px;box-shadow:0 6px 0 0 #f8fafc,0 12px 0 0 #f8fafc;display:block;height:2px;width:20px}.analytics-sidebar-panel{border-radius:0 24px 24px 0;height:100vh;left:0;position:fixed;right:auto;top:0;transform:translateX(-110%);transition:transform .25s ease;width:min(90vw,320px);z-index:60}.analytics-sidebar-root.open .analytics-sidebar-panel{transform:translateX(0)}.analytics-sidebar-backdrop{background:#0006;inset:0;position:fixed;z-index:55}}.app-layout{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-layout,.dashboard-container{background:#f5f7fb;background:var(--bg-primary,#f5f7fb);min-height:100vh}.dashboard-container{display:flex;margin-left:280px;overflow:hidden}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.page-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1360px;overflow-y:auto;padding:24px;padding:var(--spacing-lg,24px);width:100%}.top-bar{align-items:center;background:#fff;background:var(--header-bg,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;min-height:70px;padding:16px 24px;padding:var(--spacing-md,16px) var(--spacing-lg,24px)}.top-bar h1{color:#0b2447;color:var(--text-primary,#0b2447);font-size:24px;font-weight:600;margin:0}.top-bar p{color:#64748b;color:var(--text-muted,#64748b);font-size:14px;margin:4px 0 0}.content-section{margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.section-header{flex-wrap:wrap;gap:12px;gap:var(--spacing-sm,12px);margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.section-title{color:#0b2447;color:var(--text-primary,#0b2447);font-size:20px;font-weight:600}.section-actions{align-items:center;display:flex;gap:12px;gap:var(--spacing-sm,12px)}.section-content{background:#fff;background:var(--panel-bg,#fff);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 1px 3px #0000001a;overflow:hidden}@media (max-width:767px){.dashboard-container{margin-left:0}.page-content{max-width:100%}.page-content,.top-bar{padding:12px;padding:var(--spacing-sm,12px)}.top-bar{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--spacing-sm,12px);min-height:auto}.top-bar h1{font-size:20px}.section-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--spacing-sm,12px)}.section-actions{justify-content:flex-end;width:100%}.section-actions a,.section-actions button{text-align:center;width:100%}}@media (min-width:768px) and (max-width:1023px){.dashboard-container{margin-left:0}.page-content{max-width:100%;padding:16px;padding:var(--spacing-md,16px)}.section-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--spacing-sm,12px)}.section-actions{justify-content:flex-end;width:100%}}@media (min-width:1024px) and (max-width:1439px){.dashboard-container{margin-left:280px}.page-content{max-width:1200px;padding:24px;padding:var(--spacing-lg,24px)}}@media (min-width:1440px){.dashboard-container{margin-left:280px}.page-content{max-width:1600px;padding:32px;padding:var(--spacing-xl,32px)}}[data-theme=dark] .top-bar{background:#0f1720;background:var(--header-bg,#0f1720);border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .section-content{background:#1e293b;background:var(--panel-bg,#1e293b)}[data-theme=dark] .section-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}.btn,button{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius-md,8px);cursor:pointer;display:inline-flex;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.95rem;gap:.5rem;justify-content:center;line-height:1.4;padding:.85rem 1.25rem;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.btn:hover,button:hover{transform:translateY(-1px)}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.65;transform:none}.btn-primary,button.btn-primary{background:#2563eb;background:var(--accent-color,#2563eb);color:#fff}.btn-primary:hover:not(:disabled){background:#1e40af}.btn-secondary,button.btn-secondary{background:#f3f4f6;border-color:#e5e7eb;border-color:var(--border-color,#e5e7eb);color:#0b2447;color:var(--text-primary,#0b2447)}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-outline,button.btn-outline{background:#0000;border-color:#2563eb;border-color:var(--accent-color,#2563eb);color:#2563eb;color:var(--accent-color,#2563eb)}.btn-tertiary,button.btn-tertiary{background:#0000;color:#64748b;color:var(--text-muted,#64748b)}.form-field,.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.form-label,label{color:#0b2447;color:var(--text-primary,#0b2447);font-size:.945rem;font-weight:600}.form-label.required:after{color:#dc2626;color:var(--error-color,#dc2626);content:"*";margin-left:.35rem}.input-field,.select-field,.textarea-field{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#0b2447;color:var(--text-primary,#0b2447);font-size:.95rem;padding:.85rem 1rem;width:100%}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:#2563eb;border-color:var(--accent-color,#2563eb);box-shadow:0 0 0 4px #2563eb1a;outline:none}.field-error,.field-helper{color:#64748b;color:var(--text-muted,#64748b);font-size:.85rem}.field-error{color:#dc2626;color:var(--error-color,#dc2626)}.card{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.card-hover:hover{border-color:#2563eb;border-color:var(--accent-color,#2563eb);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.metric-card{padding:24px;padding:var(--spacing-lg,24px);position:relative}.metric-header{justify-content:space-between;margin-bottom:12px;margin-bottom:var(--spacing-sm,12px)}.metric-header,.metric-icon{align-items:center;display:flex}.metric-icon{background:#2563eb1a;background:var(--accent-bg,#2563eb1a);border-radius:8px;color:#2563eb;color:var(--accent-color,#2563eb);font-size:18px;height:40px;justify-content:center;width:40px}.metric-label{letter-spacing:.5px}.metric-value{font-size:28px}.metric-trend{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:600;padding:2px 8px}.metric-trend.positive{background:#22c55e1a;color:#16a34a}.metric-trend.negative{background:#ef44441a;color:#dc2626}.info-card{padding:24px;padding:var(--spacing-lg,24px)}.info-title{font-size:16px;font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.info-content,.info-title{color:#0b2447;color:var(--text-primary,#0b2447)}.info-info{border-left:4px solid #2563eb;border-left:4px solid var(--info-color,#2563eb)}.info-success{border-left:4px solid #16a34a;border-left:4px solid var(--success-color,#16a34a)}.info-warning{border-left:4px solid #d97706;border-left:4px solid var(--warning-color,#d97706)}.info-error{border-left:4px solid #dc2626;border-left:4px solid var(--error-color,#dc2626)}.stats-card{padding:24px;padding:var(--spacing-lg,24px)}.stats-title{color:#0b2447;color:var(--text-primary,#0b2447);font-size:16px;font-weight:600;margin:0 0 24px;margin:0 0 var(--spacing-lg,24px) 0}.stats-grid{grid-gap:16px;grid-gap:var(--spacing-md,16px);display:grid;gap:16px;gap:var(--spacing-md,16px);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;padding:12px;padding:var(--spacing-sm,12px);text-align:center}.stat-value{color:#0b2447;color:var(--text-primary,#0b2447);font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:#64748b;color:var(--text-muted,#64748b);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.grid{grid-gap:20px;grid-gap:var(--grid-gap,20px);display:grid;gap:20px;gap:var(--grid-gap,20px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-columns:repeat(var(--grid-columns,auto-fit),minmax(var(--grid-min-width,300px),1fr))}.flex-grid{display:flex;flex-wrap:wrap;gap:20px;gap:var(--flex-gap,20px)}.flex-grid>*{flex:1 1 calc(33.33333% - 20px);flex:1 1 calc(100%/var(--flex-columns, 3) - var(--flex-gap, 20px));min-width:250px}.responsive-grid{--grid-min-width:280px}@media (max-width:767px){.responsive-grid{--grid-min-width:100%}.grid{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.responsive-grid{--grid-min-width:320px}}@media (min-width:1024px) and (max-width:1439px){.responsive-grid{--grid-min-width:280px}}@media (min-width:1440px){.responsive-grid{--grid-min-width:320px}}.data-table-container{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 12px #00000014;overflow:hidden}.data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:collapse;font-size:.95rem;min-width:720px;width:100%}.data-table-row:nth-child(2n){background:#2563eb05}.data-table-header{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb)}.data-table-th{background:inherit;color:#0b2447;color:var(--text-primary,#0b2447);font-size:.8rem;font-weight:600;letter-spacing:.08em;padding:16px 12px;padding:var(--spacing-md,16px) var(--spacing-sm,12px);position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap}.data-table-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);transition:background-color .2s ease}.data-table-row:hover{background:#2563eb14;background:#2563eb05;background:var(--bg-hover,#2563eb05)}.data-table-row:last-child{border-bottom:none}.data-table-td{color:#0b2447;color:var(--text-primary,#0b2447);padding:16px 12px;padding:var(--spacing-md,16px) var(--spacing-sm,12px);vertical-align:middle}.recent-user-name-col{width:40%}.recent-user-email-col{width:38%}.recent-user-role-col{width:22%}.recent-user-name-cell{align-items:center;display:flex;gap:12px;min-width:0}.recent-user-avatar{background:#2563eb1a;background:var(--accent-bg,#2563eb1a);border-radius:50%;color:#2563eb;color:var(--accent-color,#2563eb);display:grid;font-size:.9rem;font-weight:700;height:36px;min-width:36px;place-items:center;width:36px}.recent-user-name-text{color:#0b2447;color:var(--text-primary,#0b2447);font-weight:600}.recent-user-role-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:700;justify-content:center;min-width:88px;padding:6px 12px;text-transform:capitalize}.recent-user-role-badge.parent{background:#2563eb1f;color:#1d4ed8}.recent-user-role-badge.teacher{background:#22c55e24;color:#15803d}.data-table-empty{color:#64748b;color:var(--text-muted,#64748b);font-style:italic;padding:32px;padding:var(--spacing-xl,32px);text-align:center}.table-actions{gap:12px;gap:var(--spacing-sm,12px)}.table-actions,.table-filters{align-items:center;display:flex;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.table-filters{flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px)}.announcement-form{grid-gap:12px;grid-gap:var(--spacing-sm,12px);display:grid;gap:12px;gap:var(--spacing-sm,12px)}.announcement-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px)}.announcement-meta,.announcement-status{color:#64748b;color:var(--text-muted,#64748b);font-size:.88rem}.announcement-list{grid-gap:16px;grid-gap:var(--spacing-md,16px);display:grid;gap:16px;gap:var(--spacing-md,16px)}@media (max-width:768px){.metric-card{padding:16px;padding:var(--spacing-md,16px)}.metric-value{font-size:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.flex-grid>*{flex:1 1 100%}.data-table-td,.data-table-th{font-size:13px;padding:12px;padding:var(--spacing-sm,12px)}.table-filters{align-items:stretch;flex-direction:column}.table-filters>*{width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.metric-header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-xs,8px)}.metric-icon{font-size:16px;height:32px;width:32px}}[data-theme=dark] .card{background:#1e293b;background:var(--panel-bg,#1e293b);border-color:#374151;border-color:var(--border-color,#374151)}[data-theme=dark] .metric-label{color:#94a3b8;color:var(--text-muted,#94a3b8)}[data-theme=dark] .info-content,[data-theme=dark] .info-title,[data-theme=dark] .metric-value,[data-theme=dark] .stat-value,[data-theme=dark] .stats-title{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .stat-label{color:#94a3b8;color:var(--text-muted,#94a3b8)}[data-theme=dark] .data-table-header{background:#0f1720;background:var(--bg-secondary,#0f1720);border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .data-table-td,[data-theme=dark] .data-table-th,[data-theme=dark] .recent-user-name-text{color:#f1f5f9;color:var(--text-primary,#f1f5f9)}[data-theme=dark] .recent-user-role-badge.parent{background:#3b82f62e;color:#bfdbfe}[data-theme=dark] .recent-user-role-badge.teacher{background:#22c55e2e;color:#bbf7d0}[data-theme=dark] .data-table-row{border-bottom-color:#374151;border-bottom-color:var(--border-color,#374151)}[data-theme=dark] .data-table-row:hover{background:#2563eb0d;background:var(--bg-hover,#2563eb0d)}[data-theme=dark] .data-table-empty{color:#94a3b8;color:var(--text-muted,#94a3b8)}[data-theme=dark] .stat-item{background:#0f1720;background:var(--bg-secondary,#0f1720)}.metric-label{color:var(--text-muted);font-size:12px;font-weight:700}.metric-value{color:var(--text-primary);font-size:32px;font-weight:800;margin:10px 0}.metric-footer{color:#28a745;font-size:13px}.sts-reminder-dash{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 12px #00000014;display:flex;gap:16px;gap:var(--spacing-md,16px);margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);padding:24px;padding:var(--spacing-lg,24px)}.reminder-title{font-size:1.1rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-xs,8px)}.reminder-text,.reminder-text p,.reminder-title{color:#0b2447;color:var(--text-primary,#0b2447)}.reminder-text p{margin:0}.table-section{margin-top:32px;margin-top:var(--spacing-xl,32px)}.table-container{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 12px #00000014;overflow:hidden}.sts-data-table{min-width:720px}.sts-data-table thead{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.sts-data-table th{background:inherit;color:#64748b;color:var(--text-muted,#64748b);font-size:.8rem;font-weight:600;letter-spacing:.08em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.sts-data-table td,.sts-data-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:16px 12px;padding:var(--spacing-md,16px) var(--spacing-sm,12px)}.sts-data-table td{color:#0b2447;color:var(--text-primary,#0b2447);font-size:.95rem}.sts-data-table tbody tr:nth-child(2n){background:#2563eb05}.sts-data-table tbody tr:hover{background:#2563eb14}.student-cell{gap:12px;gap:var(--spacing-sm,12px)}.avatar-small{background:#2563eb1a;background:var(--accent-bg,#2563eb1a);color:#2563eb;color:var(--accent-color,#2563eb);flex-shrink:0;font-size:.95rem;font-weight:600;height:40px;width:40px}.name-text{color:#0b2447;color:var(--text-primary,#0b2447);font-weight:500}.email-cell,.id-cell{color:#64748b;color:var(--text-muted,#64748b)}.status-tag{font-weight:500}.empty-table-msg{color:#64748b;color:var(--text-muted,#64748b);font-style:italic;padding:32px!important;padding:var(--spacing-xl,32px)!important}.sts-spinner{border-top-color:#2563eb;margin-bottom:10px}.status-tag{border-radius:20px;font-weight:700}.status-tag.active{background-color:#e6fffa;color:#38a169}.status-tag.offline{background-color:#edf2f7;color:#718096}[data-theme=dark] .dashboard-sts-container{background-color:var(--bg-primary)!important}[data-theme=dark] .sts-header-bar{background:var(--header-bg)!important;color:var(--text-primary)!important}[data-theme=dark] .sts-metric-card{box-shadow:0 4px 6px var(--card-shadow)!important}[data-theme=dark] .sts-metric-card,[data-theme=dark] .table-container{background:var(--panel-bg)!important}[data-theme=dark] .sts-data-table thead{background:#ffffff05!important}[data-theme=dark] .section-title{color:var(--text-primary)!important}[data-theme=dark] .sts-reminder-dash{background-color:var(--panel-bg)!important}@media (max-width:1024px){.dashboard-sts-container{flex-direction:column;padding-bottom:70px}.sts-sidebar{display:none}.sts-main-panel{margin-left:0;width:100%}.sts-header-bar{padding:15px 20px}.dashboard-padding-content{padding:20px}}.analysis-summary-grid,.parent-summary-grid,.progress-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.progress-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.progress-controls .sts-search-input,.progress-controls select{min-width:220px}.btn-close-modal,.refresh-btn,.view-analysis-btn{background-color:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:11px 18px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn-close-modal:hover,.refresh-btn:hover,.view-analysis-btn:hover{background-color:#1548a4;box-shadow:0 14px 24px #1a54c12e;transform:translateY(-1px)}.student-progress-table{border:1px solid #0f172a14;border-radius:18px;box-shadow:0 16px 40px #0f204714;margin-top:20px;overflow:hidden}.student-progress-table .table-row{grid-gap:8px;align-items:center;background:#fff;cursor:pointer;display:grid;gap:8px;grid-template-columns:minmax(180px,1.6fr) repeat(4,minmax(100px,1fr)) minmax(140px,1fr);padding:16px 20px;transition:background .2s ease,transform .2s ease}.student-progress-table .table-row.header{background:#f8fafc;color:#475569;cursor:default;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.student-progress-table .table-row:not(.header):nth-child(odd){background:#f8fafc}.student-progress-table .table-row:not(.header):hover{background:#eef2ff}.student-progress-table .table-row span{color:#0f172a;font-size:14px}.student-progress-table .table-row span:last-child{justify-self:end}.empty-state,.loading-state{background:#fff;border:1px solid #0f172a14;border-radius:14px;color:#64748b;font-size:15px;margin-top:16px;padding:28px;text-align:center}.analysis-modal{background:#fff;border-radius:20px;box-shadow:0 24px 60px #0f20472e;max-height:92vh;overflow-y:auto;padding:28px;width:min(720px,calc(100% - 36px))}.analysis-modal h2{color:#0f172a;font-size:24px;margin-top:0}.analysis-modal p{color:#475569;line-height:1.6;margin:10px 0}.modal-overlay{background:#0f172a8c;inset:0;z-index:999}.analysis-block{background:#f8fafc;border:1px solid #0f172a14;border-radius:16px;margin-top:18px;padding:20px}.analysis-block h3{color:#0f172a;font-size:18px;margin:0 0 14px}.analysis-block ul{color:#475569;list-style:disc;margin:0;padding-left:20px}.analysis-block li{margin-bottom:10px}.analysis-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-card{background:#f8fafc;border:1px solid #0f172a14;border-radius:18px;padding:20px}.summary-label{color:#64748b;display:block;font-size:13px;margin-bottom:8px}.summary-value{color:#0f172a;font-size:28px;font-weight:700}.mobile-bottom-nav{align-items:center;background-color:#0b2447;bottom:0;box-shadow:0 -2px 10px #0000001a;color:#fff;display:flex;justify-content:space-around;left:0;padding:10px 0;position:fixed;right:0;z-index:1000}.mobile-nav-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;min-width:60px;padding:5px;transition:background-color .3s}.mobile-nav-item:hover{background-color:#ffffff1a}.mobile-nav-item.active{background-color:#1a4d8f}.mobile-nav-icon{font-size:18px;margin-bottom:2px}.mobile-nav-label{font-size:10px;text-align:center}.student-analytics-header,.student-analytics-page,.student-progress-header,.student-progress-page{display:none!important}.student-progress-summary-grid{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:24px;padding:var(--spacing-lg,24px)}.analytics-card,.student-card{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 12px #00000014;padding:24px;padding:var(--spacing-lg,24px);transition:transform .2s ease,box-shadow .2s ease}.analytics-card:hover,.student-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.analytics-card span,.student-card h3{color:#64748b;color:var(--text-muted,#64748b);display:block;font-size:.9rem;font-weight:500;margin-bottom:12px;margin-bottom:var(--spacing-sm,12px)}.analytics-card strong,.student-card p strong{color:#0b2447;color:var(--text-primary,#0b2447);font-size:1.8rem;font-weight:600}.student-progress-panel{grid-gap:24px;grid-gap:var(--spacing-lg,24px);align-items:start;display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:1fr;padding:24px;padding:var(--spacing-lg,24px)}@media (min-width:1024px){.student-progress-panel{grid-template-columns:1.5fr 1fr}}.student-progress-filters-card{background:linear-gradient(180deg,#f8fafcb3,#fffffffa);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);padding:24px;padding:var(--spacing-lg,24px)}.child-progress-spotlight{display:flex;flex-direction:column;gap:20px}.child-progress-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.child-progress-stat{background:#fff;background:var(--panel-bg,#fff);border:1px solid #0f172a14;border-radius:16px;padding:16px 18px}.child-progress-stat span{color:#64748b;color:var(--text-muted,#64748b);display:block;font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.child-progress-stat strong{color:#0b2447;color:var(--text-primary,#0b2447);font-size:1rem}.student-progress-filters{grid-gap:16px;grid-gap:var(--spacing-md,16px);display:grid;gap:16px;gap:var(--spacing-md,16px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group label{font-size:.95rem;font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-xs,8px)}.filter-group input,.filter-group select{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.analytics-insights-panel{background:linear-gradient(180deg,#f8fafc,#fff);background:linear-gradient(180deg,var(--bg-secondary,#f8fafc) 0,var(--panel-bg,#fff) 100%);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);display:flex;flex-direction:column;justify-content:space-between;min-height:100%;padding:24px;padding:var(--spacing-lg,24px)}.insights-header h2{color:#0b2447;color:var(--text-primary,#0b2447);font-size:1.2rem;margin:0 0 8px;margin:0 0 var(--spacing-xs,8px)}.insights-header p{color:#64748b;color:var(--text-muted,#64748b);margin:0}.recommendation-list{color:#0b2447;color:var(--text-primary,#0b2447);margin:16px 0 0;margin:var(--spacing-md,16px) 0 0;padding-left:24px;padding-left:var(--spacing-lg,24px)}.recommendation-list li{line-height:1.7;margin-bottom:12px;margin-bottom:var(--spacing-sm,12px)}.student-progress-table-section{margin-top:24px;margin-top:var(--spacing-lg,24px)}.student-progress-table-shell{padding:24px;padding:var(--spacing-lg,24px)}.table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 12px #00000014;overflow-x:auto}.student-progress-table{border-collapse:collapse;font-size:.95rem;min-width:720px;width:100%}.student-progress-table td,.student-progress-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:16px 12px;padding:var(--spacing-md,16px) var(--spacing-sm,12px);text-align:left;vertical-align:top}.student-progress-table th{background:#f8fafc;background:var(--bg-secondary,#f8fafc);color:#0b2447;color:var(--text-primary,#0b2447);font-size:.8rem;font-weight:600;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.student-progress-table tbody tr:hover{background:#2563eb05;cursor:pointer}.clickable-row td{transition:background-color .2s ease}.difficulty-cell{min-width:160px}.table-action-cell{min-width:150px}.table-action-button{background:#2563eb;background:var(--accent-color,#2563eb);border:1px solid #0000;border-radius:12px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;min-width:128px;padding:10px 14px}.table-action-button:hover{background:#1d4ed8;transform:translateY(0)}.difficulty-chip{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:.78rem;font-weight:500;justify-content:center;margin:0 6px 6px 0;padding:4px 8px}.difficulty-chip.easy{background:#16a34a;background:var(--success-color,#16a34a)}.difficulty-chip.medium{background:#d97706;background:var(--warning-color,#d97706)}.difficulty-chip.hard{background:#dc2626;background:var(--error-color,#dc2626)}.pagination-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-sm,12px);justify-content:space-between;margin-top:24px;margin-top:var(--spacing-lg,24px)}.pagination-row button{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#0b2447;color:var(--text-primary,#0b2447);cursor:pointer;font-weight:500;min-width:120px;padding:12px 16px;padding:var(--spacing-sm,12px) var(--spacing-md,16px);transition:background-color .2s ease,border-color .2s ease}.pagination-row button:hover:not(:disabled){background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-color:#2563eb;border-color:var(--accent-color,#2563eb)}.pagination-row button:disabled{cursor:not-allowed;opacity:.45}.empty-state,.fallback-note,.loading-state{color:#64748b;color:var(--text-muted,#64748b);font-style:italic;padding:32px;padding:var(--spacing-xl,32px);text-align:center}.student-analytics-header{align-items:center}.back-action{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:none;border-radius:999px;box-shadow:0 2px 12px #00000014;color:#0b2447;color:var(--text-primary,#0b2447);cursor:pointer;font-weight:500;padding:12px 24px;padding:var(--spacing-sm,12px) var(--spacing-lg,24px);transition:background-color .2s ease}.back-action:hover{background:#2563eb1a;background:var(--accent-bg,#2563eb1a)}.student-detail-grid{grid-gap:24px;grid-gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.student-charts-grid,.student-detail-grid{display:grid;gap:24px;gap:var(--spacing-lg,24px);margin-top:24px;margin-top:var(--spacing-lg,24px)}.student-charts-grid{grid-gap:24px;grid-gap:var(--spacing-lg,24px);grid-template-columns:1fr}@media (min-width:768px){.student-charts-grid{grid-template-columns:1fr 1fr}}.student-chart-card{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 12px #00000014;padding:24px;padding:var(--spacing-lg,24px)}.progress-chart{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:999px;height:42px;margin-top:16px;margin-top:var(--spacing-md,16px);overflow:hidden}.progress-chart-bar{align-items:center;background:#2563eb;background:var(--accent-color,#2563eb);color:#fff;display:flex;font-weight:600;height:100%;justify-content:center;min-width:36px}.progress-chart-bar.medium{background:#f59e0b}.student-ai-panel{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(220px,1fr));margin-top:24px}.student-ai-block{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px}.student-ai-block h3{margin-bottom:12px;margin-top:0}.student-ai-block ul{color:#334155;list-style:disc inside;margin:0;padding:0}.student-ai-block li{line-height:1.6;margin-bottom:10px}.mini-bar-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:110px 1fr 56px;margin-bottom:12px}.progress-track{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.progress-fill{height:100%}.progress-fill.easy{background:#22c55e}.progress-fill.medium{background:#f59e0b}.progress-fill.hard{background:#ef4444}@media (max-width:980px){.child-progress-stats,.student-ai-panel,.student-charts-grid,.student-detail-grid,.student-progress-panel,.student-progress-summary-grid{grid-template-columns:1fr}.table-wrapper{overflow-x:auto}}@media (max-width:680px){.student-analytics-page,.student-progress-page{padding:18px 16px}.student-progress-table td,.student-progress-table th{padding:12px 10px}.filter-group{min-width:100%}.student-progress-filters-card,.student-progress-panel,.student-progress-summary-grid,.student-progress-table-shell{padding:16px}}.filters-section{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px);padding:24px;padding:var(--spacing-lg,24px)}.filters-row{grid-gap:16px;grid-gap:var(--spacing-md,16px);align-items:end;display:grid;gap:16px;gap:var(--spacing-md,16px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.filter-group{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-xs,8px)}.filter-group label{color:#0b2447;color:var(--text-primary,#0b2447);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group input,.filter-group select{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#0b2447;color:var(--text-primary,#0b2447);font-size:.95rem;padding:12px 16px;padding:var(--spacing-sm,12px) var(--spacing-md,16px);transition:border-color .2s ease,box-shadow .2s ease}.filter-group input:focus,.filter-group select:focus{border-color:#2563eb;border-color:var(--accent-color,#2563eb);box-shadow:0 0 0 3px #2563eb1f;outline:none}.filter-group select:disabled{background:#ecf0f1;background:var(--bg-tertiary,#ecf0f1);color:#64748b;color:var(--text-muted,#64748b);cursor:not-allowed}.filter-actions{align-items:center;display:flex;gap:12px;gap:var(--spacing-sm,12px)}.btn-reset{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius-md,8px);color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 16px;padding:var(--spacing-sm,12px) var(--spacing-md,16px);transition:all .2s ease}.btn-reset:hover{background:#ecf0f1;background:var(--bg-tertiary,#ecf0f1);color:#0b2447;color:var(--text-primary,#0b2447)}.btn-reset:active{transform:translateY(1px)}.top-achievers-container{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px 0;overflow-x:auto;padding:24px;transition:all .3s ease}.ta-header{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.ta-header h2{color:#333;color:var(--text-primary,#333);font-size:1.8rem;font-weight:600;margin:0}.ta-subtitle{color:#666;color:var(--text-secondary,#666);font-size:.95rem;font-weight:400;margin:0}.ta-empty,.ta-error,.ta-loading{color:#666;color:var(--text-secondary,#666);font-size:1rem;padding:40px 20px;text-align:center}.ta-error{background-color:#e74c3c1a;border-radius:8px;color:#e74c3c;padding:20px}.ta-empty{background-color:#3498db0d;border-radius:8px;padding:30px}.ta-table-wrapper{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;overflow-x:auto;width:100%}.ta-table{border-collapse:collapse;font-size:.95rem;width:100%}.ta-table thead{background-color:#ecf0f1;background-color:var(--bg-tertiary,#ecf0f1);position:-webkit-sticky;position:sticky;top:0;z-index:10}.ta-table th{border-bottom:2px solid #d0d0d0;border-bottom:2px solid var(--border-color,#d0d0d0);color:#333;color:var(--text-primary,#333);font-weight:600;padding:16px;text-align:left}.ta-table tbody tr{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);transition:background-color .2s ease}.ta-table tbody tr:hover{background-color:#3498db0d}.ta-table tbody tr.top-three{background-color:#f1c40f14}.ta-table td{color:#333;color:var(--text-primary,#333);padding:14px 16px}.rank-cell{font-weight:600;min-width:80px;text-align:center}.rank-badge{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:50%;color:#fff;display:inline-block;display:flex;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.rank-badge.gold{background:linear-gradient(135deg,#f1c40f,#f39c12)}.rank-badge.silver{background:linear-gradient(135deg,#bdc3c7,#95a5a6)}.rank-badge.bronze{background:linear-gradient(135deg,#e67e22,#d35400)}.rank-num{color:#666;color:var(--text-secondary,#666);font-weight:600}.score-cell{color:#2980b9;font-size:1.1rem;min-width:80px;text-align:center}.quest-badge{background-color:#3498db33;border-radius:20px;color:#2980b9;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px;white-space:nowrap}.accuracy-cell,.progress-cell{min-width:140px}.accuracy-bar,.progress-bar{background-color:#ecf0f1;background-color:var(--bg-tertiary,#ecf0f1);border-radius:10px;height:20px;margin-bottom:4px;overflow:hidden;position:relative;width:100%}.accuracy-fill,.progress-fill{background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:10px;height:100%;transition:width .3s ease}.accuracy-text,.progress-text{color:#666;color:var(--text-secondary,#666);font-size:.8rem;font-weight:500}@media (max-width:1024px){.top-achievers-container{padding:16px}.ta-table{font-size:.85rem}.ta-table td,.ta-table th{padding:12px 8px}.ta-header h2{font-size:1.5rem}.filters-row{gap:12px;gap:var(--spacing-sm,12px);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.top-achievers-container{margin:10px 0;padding:12px}.filters-section{padding:16px;padding:var(--spacing-md,16px)}.filters-row{gap:12px;gap:var(--spacing-sm,12px);grid-template-columns:1fr}.filter-actions{justify-content:center}.ta-table{font-size:.8rem}.ta-table td,.ta-table th{padding:8px 6px}.ta-header h2{font-size:1.3rem}.ta-subtitle{font-size:.85rem}.quest-badge{font-size:.75rem;padding:4px 8px}.accuracy-bar,.progress-bar{height:16px}.accuracy-text,.progress-text{font-size:.7rem}}@media (max-width:480px){.top-achievers-container{border-radius:8px;padding:8px}.ta-table{font-size:.75rem}.ta-table td,.ta-table th{padding:6px 4px}.ta-header h2{font-size:1.1rem}.rank-cell{min-width:60px}.filters-section{padding:12px;padding:var(--spacing-sm,12px)}.btn-reset{font-size:.8rem;padding:8px 12px;padding:var(--spacing-xs,8px) var(--spacing-sm,12px)}}.activity-log-container{background:#fff;background:var(--panel-bg,#fff);border:1px solid #0f172a14;border-radius:20px;box-shadow:0 18px 36px #0f172a14;padding:24px}.activity-log-section-shell{background:#0000;box-shadow:none;padding:0}.al-header{margin-bottom:22px}.al-header h2{color:#0b2447;color:var(--text-primary,#0b2447);font-size:1.5rem;margin:0 0 8px}.al-subtitle{color:#64748b;color:var(--text-muted,#64748b);font-size:.95rem;line-height:1.6;margin:0}.al-summary-bar{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.al-summary-card{background:linear-gradient(180deg,#f8fafcf5,#fff);border:1px solid #2563eb14;border-radius:16px;padding:16px 18px}.al-summary-card span{color:#64748b;color:var(--text-muted,#64748b);display:block;font-size:.8rem;font-weight:700;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.al-summary-card strong{color:#0b2447;color:var(--text-primary,#0b2447);font-size:1.4rem}.al-filters{grid-gap:14px;background:#2563eb08;border:1px solid #2563eb1a;border-radius:18px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;padding:18px}.al-filters .filter-group{display:flex;flex-direction:column;gap:8px;margin:0}.al-filters .filter-group label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.al-filters .filter-group label,.filter-input{color:#0b2447;color:var(--text-primary,#0b2447)}.filter-input{background:#fff;background:var(--panel-bg,#fff);border:1px solid #dbe3ef;border:1px solid var(--border-color,#dbe3ef);border-radius:14px;font-size:.95rem;min-height:44px;padding:11px 14px}.filter-input:focus{border-color:#2563eb;border-color:var(--accent-color,#2563eb);box-shadow:0 0 0 4px #2563eb1f;outline:none}.filter-input:disabled{cursor:not-allowed;opacity:.65}.btn-reset{align-self:end;background:#fff;background:var(--panel-bg,#fff);border:1px solid #dbe3ef;border:1px solid var(--border-color,#dbe3ef);border-radius:14px;color:#0b2447;color:var(--text-primary,#0b2447);font-weight:700;min-height:44px}.btn-reset:hover{background:#0b2447;background:var(--text-primary,#0b2447);border-color:#0b2447;border-color:var(--text-primary,#0b2447);color:#fff;transform:translateY(0)}.al-results-info{align-items:center;display:flex;justify-content:flex-end;margin-bottom:14px}.results-count{color:#64748b;color:var(--text-muted,#64748b);font-size:.9rem;font-weight:600}.al-table-wrapper{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:18px;overflow-x:auto;width:100%}.al-table{border-collapse:collapse;font-size:.94rem;min-width:1200px;width:100%}.al-table thead{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.al-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#0b2447;color:var(--text-primary,#0b2447);font-size:.8rem;font-weight:700;letter-spacing:.06em;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.al-table tbody tr{border-bottom:1px solid #0f172a0f}.al-table tbody tr.even{background:#2563eb05}.al-table tbody tr:hover{background:#2563eb0f}.al-table td{color:#0b2447;color:var(--text-primary,#0b2447);padding:16px;vertical-align:middle}.student-detail-stack,.timestamp-stack{display:flex;flex-direction:column;gap:6px}.student-detail-stack strong,.timestamp-stack strong{color:#0b2447;color:var(--text-primary,#0b2447)}.student-detail-stack span,.timestamp-stack span{color:#64748b;color:var(--text-muted,#64748b);font-size:.85rem}.status-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:.74rem;font-weight:700;justify-content:center;padding:5px 10px;width:-webkit-fit-content;width:fit-content}.status-chip.online{background:#22c55e24;color:#15803d}.status-chip.offline{background:#94a3b82e;color:#475569}.action-text,.difficulty-badge,.grade-badge,.playtime,.quest-name,.save-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;padding:6px 12px}.grade-badge{background:#22c55e1f;color:#15803d}.quest-name{background:#7c3aed1f;color:#6d28d9}.action-text,.quest-name{border-radius:12px;justify-content:flex-start}.action-text{background:#0f172a0f;color:#0b2447;color:var(--text-primary,#0b2447)}.save-badge.saved{background:#22c55e24;color:#15803d}.save-badge.pending{background:#f59e0b24;color:#b45309}.playtime{background:#06b6d41f;color:#0f766e}.al-progress-bar{align-items:center;display:flex;gap:10px;min-width:140px}.al-progress-track{background:#94a3b82e;border-radius:999px;flex:1 1;height:8px;overflow:hidden}.al-progress-fill{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:999px;height:100%}.al-progress-text{color:#64748b;color:var(--text-muted,#64748b);font-size:.8rem;font-weight:700;min-width:38px;text-align:right}.difficulty-easy{background:#22c55e24;color:#15803d}.difficulty-normal{background:#3b82f624;color:#1d4ed8}.difficulty-hard{background:#f9731624;color:#c2410c}.difficulty-expert{background:#ef444424;color:#b91c1c}.al-empty,.al-error,.al-loading{color:#64748b;color:var(--text-muted,#64748b);font-size:1rem;padding:28px 24px;text-align:center}.al-error{background:#fee2e2b3;border:1px solid #f871713d;border-radius:18px;color:#b91c1c}.al-empty{background:#2563eb0a;border:1px solid #2563eb1a;border-radius:18px}.al-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.pagination-btn{background:#fff;background:var(--panel-bg,#fff);border:1px solid #dbe3ef;border:1px solid var(--border-color,#dbe3ef);border-radius:14px;color:#0b2447;color:var(--text-primary,#0b2447);font-weight:700;min-width:110px}.pagination-btn:hover:not(:disabled){background:#2563eb;background:var(--accent-color,#2563eb);border-color:#2563eb;border-color:var(--accent-color,#2563eb);color:#fff}.pagination-info{color:#64748b;color:var(--text-muted,#64748b);font-weight:700}@media (max-width:1100px){.al-summary-bar{grid-template-columns:1fr}.al-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.activity-log-container{border-radius:18px;padding:18px}.al-filters{grid-template-columns:1fr;padding:16px}.btn-reset{width:100%}.al-results-info{justify-content:flex-start}.al-pagination{flex-wrap:wrap}}@media (max-width:520px){.activity-log-container{padding:14px}.al-header h2{font-size:1.2rem}}.sts-header-bar,.sts-main-panel,.sts-sidebar{display:none!important}.success{color:#16a34a;color:var(--success-color,#16a34a);font-weight:500}[data-theme=dark] .success{color:#16a34a!important;color:var(--success-color,#16a34a)!important}.user-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-sm,12px)}.user-status{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:500;gap:8px;gap:var(--spacing-xs,8px);padding:4px 12px}.user-status.active{background:#22c55e1a;color:#16a34a;color:var(--success-color,#16a34a)}.user-status.inactive{background:#ef44441a;color:#dc2626;color:var(--error-color,#dc2626)}.user-role{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:20px;color:#0b2447;color:var(--text-primary,#0b2447);display:inline-flex;font-size:.8rem;font-weight:500;padding:4px 12px}.form-section{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 12px #00000014;margin-bottom:32px;margin-bottom:var(--spacing-xl,32px);padding:24px;padding:var(--spacing-lg,24px)}.form-grid{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-field{display:flex;flex-direction:column}.form-field label{font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-xs,8px)}.form-field input,.form-field label,.form-field select{color:#0b2447;color:var(--text-primary,#0b2447);font-size:.95rem}.form-field input,.form-field select{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius-md,8px);padding:12px 16px;padding:var(--spacing-sm,12px) var(--spacing-md,16px);transition:border-color .2s ease,box-shadow .2s ease}.form-field input:focus,.form-field select:focus{border-color:#2563eb;border-color:var(--accent-color,#2563eb);box-shadow:0 0 0 3px #2563eb1f;outline:none}.btn-grid{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px);margin-top:24px;margin-top:var(--spacing-lg,24px)}.users-table-container{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 12px #00000014;overflow:hidden}.users-table{border-collapse:collapse;min-width:720px;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);font-size:.95rem;padding:16px 12px;padding:var(--spacing-md,16px) var(--spacing-sm,12px);text-align:left}.users-table th{background:#f8fafc;background:var(--bg-secondary,#f8fafc);color:#0b2447;color:var(--text-primary,#0b2447);font-size:.8rem;font-weight:600;letter-spacing:.08em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.users-table tbody tr:nth-child(2n){background:#2563eb05}.users-table tbody tr:hover{background:#2563eb14}.users-table tbody tr:last-child td{border-bottom:none}.user-avatar{background:#2563eb1a;background:var(--accent-bg,#2563eb1a);border-radius:50%;color:#2563eb;color:var(--accent-color,#2563eb);flex-shrink:0;font-size:.95rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-avatar,.user-info{align-items:center;display:flex}.user-info{gap:12px;gap:var(--spacing-sm,12px)}.user-details{display:flex;flex-direction:column}.user-name{color:#0b2447;color:var(--text-primary,#0b2447);font-weight:500}.user-email{color:#64748b;color:var(--text-muted,#64748b);font-size:.9rem}.modal-overlay{padding:24px;padding:var(--spacing-lg,24px)}.modal-content{background:var(--panel-bg,#fff);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 20px 40px #00000026;padding:32px;padding:var(--spacing-xl,32px);width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.modal-title{color:#0b2447;color:var(--text-primary,#0b2447);font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:8px;border-radius:var(--border-radius-md,8px);color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;font-size:1.5rem;padding:8px;padding:var(--spacing-xs,8px);transition:background-color .2s ease}.modal-close:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.modal-body{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.modal-actions{flex-wrap:wrap;gap:16px;gap:var(--spacing-md,16px)}.logout-btn{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:8px 15px;transition:.2s}.logout-btn:hover{opacity:.85}.dashboard-padding-content{flex:1 1;padding:30px}.table-section{background:var(--panel-bg);border-radius:10px;box-shadow:0 2px 5px var(--card-shadow);padding:20px}.section-header{justify-content:space-between;margin-bottom:20px}.section-title{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.controls-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.sts-search-input,.sts-select{background:#fff;background:var(--panel-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:12px;color:#0f172a;color:var(--text-primary,#0f172a);font-size:14px;min-height:44px;outline:none;padding:10px 15px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:250px}.sts-search-input:focus,.sts-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.sts-select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#64748b 0),linear-gradient(135deg,#64748b 50%,#0000 0);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:38px}[data-theme=dark] .sts-search-input,[data-theme=dark] .sts-select{background:#1f2937;border-color:#475569;color:#f8fafc}.sts-add-btn{background-color:#334155;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;min-height:44px;padding:10px 18px;transition:background-color .2s ease,box-shadow .2s ease;white-space:nowrap}[data-theme=dark] .sts-add-btn{background-color:#666;color:#fff}.sts-add-btn:hover{background-color:#1e293b;box-shadow:0 12px 24px #0f172a29}.form-container-card{background-color:var(--panel-bg);border:1px solid #0000000f;border-radius:8px;margin-bottom:20px;padding:20px}.form-container-card h3{color:var(--text-primary);margin-top:0}.role-selector{margin-bottom:20px}[data-theme=dark] .role-selector select{background-color:#333!important;color:#fff!important}.role-selector label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.role-selector select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.sts-form{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px}[data-theme=dark] .sts-form{color:#fff!important}.form-group{display:flex;flex-direction:column;max-width:420px}[data-theme=dark] .form-group{color:#fff!important}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.form-group label:after{content:" "}.password-field-wrapper .sts-input{flex:1 1}.password-toggle-button{background:#0000;padding:10px}.relation-list{grid-gap:10px;display:grid;gap:10px}.relation-item{align-items:center;background:var(--panel-bg);border:1px solid #d1d5db;border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px}.info-text{color:#2563eb;font-size:13px;margin-top:8px}.form-group.required label:after{color:#d32f2f;content:" *";font-weight:700}.sts-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#000;font-size:14px;max-width:420px;padding:10px;width:100%}[data-theme=dark] .sts-input{background-color:#333;border-color:#666;color:#fff}[data-theme=dark] .sts-input:focus{color:#fff!important}.sts-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}.error-text{color:#dc3545;font-size:12px;margin-top:4px}.sts-submit-btn{background-color:#505050;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;grid-column:span 2;padding:10px 20px;transition:opacity .2s}.sts-submit-btn:hover{opacity:.9}.sts-submit-btn:disabled{cursor:not-allowed;opacity:.6}.table-container{border:1px solid #0f172a14;border-radius:18px;overflow-x:auto}.sts-data-table{border-collapse:collapse;margin-top:15px;min-width:860px;width:100%}.sts-data-table th{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #0f172a14;color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:.06em;padding:14px 18px;text-align:left;white-space:nowrap}[data-theme=dark] .sts-data-table th{color:#fff!important}.sts-data-table td{border-bottom:1px solid #0f172a0f;color:var(--text-muted);padding:16px 18px;vertical-align:middle}.sts-data-table tbody tr:hover{background-color:#2563eb0d}.student-cell{gap:10px}.avatar-small,.student-cell{align-items:center;display:flex}.avatar-small{background:#505050;border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.name-text{color:var(--text-primary);font-weight:600}.email-cell{color:var(--text-muted);font-size:13px;word-break:break-word}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.role-badge.role-parent{background:#dbeafe;color:#0c4a6e}.role-badge.role-teacher{background:#fef3c7;color:#92400e}.role-badge.role-admin{background:#fee2e2;color:#7f1d1d}.role-badge.role-student{background:#ede9fe;color:#5b21b6}[data-theme=dark] .role-badge.role-parent{background:#1e3a8a;color:#dbeafe}[data-theme=dark] .role-badge.role-teacher{background:#92400e;color:#fef3c7}[data-theme=dark] .role-badge.role-admin{background:#7f1d1d;color:#fee2e2}[data-theme=dark] .role-badge.role-student{background:#4c1d95;color:#e9d5ff}.status-tag{border-radius:4px;display:inline-block;font-size:12px;padding:4px 10px}.status-tag.active{background:#dcfce7;color:#166534}.status-tag.offline{background:#f3f4f6;color:#6b7280}[data-theme=dark] .status-tag.active{background:#064e3b;color:#a7f3d0}[data-theme=dark] .status-tag.offline{background:#374151;color:#d1d5db}.actions-cell{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.delete-action-btn,.edit-action-btn{align-items:center;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:13px;gap:5px;padding:6px 12px;transition:all .2s ease}.edit-action-btn:hover{background-color:#e2e6ea;border-color:#adb5bd}[data-theme=dark] .edit-action-btn{background-color:#444!important;border-color:#666!important;color:#fff!important}.delete-action-btn:hover{background-color:#fee2e2;border-color:#f87171;color:#dc2626}[data-theme=dark] .delete-action-btn{background-color:#444!important;border-color:#666!important;color:#fff!important}.delete-action-btn:disabled,.edit-action-btn:disabled{cursor:not-allowed;opacity:.6}.empty-table-msg{color:var(--text-muted);padding:30px;text-align:center}.manage-users-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:18px}.manage-users-pagination-summary{color:var(--text-muted);font-size:14px}.manage-users-pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h2{color:#1e293b;font-size:20px;margin:0 0 20px}.generated-credential-panel{grid-gap:10px;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;border-radius:var(--border-radius-md,8px);display:grid;gap:10px;margin:16px 0;padding:14px}.generated-credential-label{color:#64748b;color:var(--text-muted,#64748b);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.generated-credential-value{color:#0b2447;color:var(--text-primary,#0b2447);font-size:1.08rem;word-break:break-all}.generated-credential-status{color:#16a34a;color:var(--success-color,#16a34a);font-size:.88rem;font-weight:600}.delete-modal p{color:#64748b;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.edit-user-modal{border-radius:20px;max-width:820px;padding:32px;width:min(820px,calc(100vw - 48px))}.edit-user-modal-title{margin-bottom:24px!important}.edit-user-form{align-items:start;gap:18px 20px;max-width:none;width:100%}.edit-user-form .form-group{max-width:none}.edit-user-form .form-group label{margin-bottom:8px}.edit-user-form .sts-input{min-height:46px;width:100%}.edit-user-teacher-panel{border:1px solid #0f172a14;border-radius:18px;box-shadow:0 10px 26px #0f172a0f;grid-column:1/-1;margin-top:6px;padding:24px}.edit-user-teacher-panel h3{margin-bottom:8px}.edit-user-helper-text{color:#64748b;color:var(--text-muted,#64748b);font-size:14px;line-height:1.5;margin:0 0 18px}.edit-user-teacher-input{max-width:100%}.edit-user-teacher-actions{justify-content:flex-start;margin-top:8px}.edit-user-footer{align-items:center;border-top:1px solid #94a3b83d;gap:14px;grid-column:1/-1;justify-content:flex-end;margin-top:8px;padding-top:18px}.edit-user-footer .cancel-btn,.edit-user-footer .update-btn{align-items:center;border-radius:14px;display:inline-flex;font-weight:700;justify-content:center;min-height:48px;min-width:148px;padding:12px 22px}.edit-user-footer .cancel-btn{background:#64748b}.edit-user-footer .update-btn{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 12px 24px #2563eb38}.edit-user-footer .cancel-btn:hover,.edit-user-footer .update-btn:hover{opacity:1;transform:translateY(-1px)}.edit-user-footer .cancel-btn:hover{background:#475569}.edit-user-footer .update-btn:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8)}.cancel-btn,.confirm-delete-btn,.update-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:opacity .2s ease}.cancel-btn{background-color:#6c757d;color:#fff}.update-btn{background-color:#007bff;color:#fff}.confirm-delete-btn{background-color:#dc3545;color:#fff}.cancel-btn:hover,.confirm-delete-btn:hover,.update-btn:hover{opacity:.85}.cancel-btn:disabled,.confirm-delete-btn:disabled,.update-btn:disabled{cursor:not-allowed;opacity:.6}.sts-loader-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.sts-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.dashboard-sts-container{flex-direction:column;padding-bottom:70px}.sts-sidebar{display:none}.sts-main-panel{margin-left:0;width:100%}.hamburger-btn{display:none!important}.sts-header-bar{padding:15px 20px}.header-info h1{font-size:20px}.dashboard-padding-content{padding:15px}.section-header{align-items:stretch;flex-direction:column;gap:15px}.controls-wrapper{flex-direction:column;gap:10px}.sts-search-input{max-width:none;width:100%}.sts-add-btn{padding:12px;width:100%}.form-container-card{padding:15px}.sts-form{gap:12px;grid-template-columns:1fr}.sts-submit-btn{grid-column:span 1}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.sts-data-table{font-size:14px;min-width:600px}.sts-data-table td,.sts-data-table th{padding:8px 6px;white-space:nowrap}.sts-data-table th{font-size:12px;padding:10px 6px}.email-cell{max-width:120px;overflow:hidden;text-overflow:ellipsis}.actions-cell{min-width:100px}.delete-action-btn,.edit-action-btn{font-size:12px;margin-right:4px;padding:4px 8px}.manage-users-pagination{align-items:stretch;flex-direction:column}.manage-users-pagination-controls{justify-content:space-between}.modal-content{margin:10px;max-height:90vh;overflow-y:auto;padding:20px}.edit-user-modal{border-radius:16px;max-width:none;padding:22px 18px;width:min(100%,calc(100vw - 20px))}.edit-user-form{gap:14px}.edit-user-teacher-panel{padding:18px}.modal-actions{flex-direction:column;gap:10px}.edit-user-footer,.edit-user-teacher-actions{align-items:stretch}.cancel-btn,.confirm-delete-btn,.update-btn{padding:12px;width:100%}.mobile-bottom-nav{align-items:center;background-color:#404040;bottom:0;box-shadow:0 -2px 10px #0000001a;color:#fff;display:flex;justify-content:space-around;left:0;padding:10px 0;position:fixed;right:0;z-index:1000}.mobile-nav-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;min-width:60px;padding:5px;transition:background-color .3s}.mobile-nav-item:hover{background-color:#ffffff1a}.mobile-nav-item.active{background-color:#1a4d8f}.mobile-nav-icon{font-size:18px;margin-bottom:2px}.mobile-nav-label{font-size:10px;text-align:center}}@media (max-width:480px){.dashboard-padding-content{padding:10px}.sts-data-table{font-size:12px}.sts-data-table td,.sts-data-table th{padding:6px 4px}.form-container-card h3,.section-title{font-size:16px}.modal-content h2{font-size:18px}}.home-container{background:linear-gradient(#0b2447d9,#0b2447d9),url(/static/media/BG.276e1dc191fe0fb8bb09.jpg) no-repeat 50%/cover;font-family:Courier New,Courier,monospace;height:100vh;margin:0}.home-container,.home-overlay{align-items:center;display:flex;justify-content:center;width:100%}.home-overlay{height:100%;padding:20px}.home-card-sts{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;max-width:448px;padding:48px;text-align:center;width:100%}.school-logo-plain{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:auto;width:100px}.school-name-title{color:#0b2447;font-size:24px;font-weight:700;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}[data-theme=dark] .school-name-title{color:#000!important}.welcome-subtext{color:#2563eb;font-size:14px;font-weight:600;margin-bottom:32px}[data-theme=dark] .welcome-subtext{color:#60a5fa!important}.instruction-text{color:#6b7280;font-size:14px;margin-bottom:32px}[data-theme=dark] .instruction-text{color:#000!important}.home-buttons-group{width:100%}.sts-main-btn{background-color:#505050;border:none;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:2px;padding:18px;transition:all .3s ease;width:100%}.sts-main-btn:hover{background-color:#0b2447;box-shadow:0 10px 15px -3px #0003;transform:translateY(-2px)}.sts-main-btn:active{transform:translateY(0)}.logo-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:24px}.sts-logo-img{background-color:#fff;border:2px solid #0b2447;border-radius:50%;box-shadow:0 4px 10px #0000001a;height:100px;object-fit:contain;padding:5px;width:100px}.forgot-password-page{min-height:100vh}.forgot-password-card{max-width:450px;width:100%}.forgot-password-title{margin-bottom:24px;text-align:center}.forgot-password-step{display:flex;flex-direction:column}.forgot-password-instruction,.forgot-password-sent{color:#555;font-size:14px;line-height:1.6;margin:0 0 24px;text-align:center}.forgot-password-sent strong{color:#0b2447}.forgot-password-password-field{position:relative}.forgot-password-password-field .sts-input-field{padding-right:48px}.forgot-password-password-field .password-toggle-button{border-radius:999px;height:32px;right:10px;top:50%;transform:translateY(-50%);width:32px;z-index:2}.forgot-password-password-field .password-toggle-button:hover{background:#50505014}.forgot-password-action{margin-top:8px}[data-theme=dark] .forgot-password-instruction,[data-theme=dark] .forgot-password-sent{color:#d1d5db}[data-theme=dark] .forgot-password-sent strong{color:#fff}@media (max-width:768px){.forgot-password-card{margin:0 16px;max-width:calc(100vw - 32px);padding:32px 24px}}@media (max-width:480px){.forgot-password-card{padding:28px 20px}.forgot-password-title{font-size:22px;margin-bottom:20px}.forgot-password-instruction,.forgot-password-sent{font-size:13px;margin-bottom:20px}}.manager-topbar{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.manager-notification{border-radius:12px;font-weight:600;margin-bottom:20px;padding:16px 20px}.notification-success{background:#22c55e1f;border:1px solid #a7f3d0;color:#166534}.notification-error{background:#dc26261f;border:1px solid #fecaca;color:#991b1b}.manager-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.4fr 1fr}.edit-panel,.folder-panel,.upload-panel{padding:24px}.folder-panel h2,.upload-panel h2{margin-bottom:18px}.folder-form,.upload-form{grid-gap:16px;display:grid;gap:16px}.edit-actions,.upload-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.folder-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.folder-item{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;gap:12px;justify-content:space-between;padding:14px 16px}.folder-actions,.folder-item{align-items:center;display:flex}.folder-actions{gap:8px}.empty-text{color:#64748b;color:var(--text-muted,#64748b);font-size:.95rem}.manager-filters{display:flex;justify-content:flex-start;margin-bottom:20px}.filter-group{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.8fr 1fr 1fr 1fr;width:100%}.file-name-cell{display:flex;flex-direction:column;gap:4px}.file-name-title{font-weight:600}.file-meta{color:#64748b;color:var(--text-muted,#64748b);font-size:.88rem}.table-actions-cell{display:flex;gap:6px}.action-buttons-row{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:980px){.filter-group,.manager-grid{grid-template-columns:1fr}}.settings-container{background:radial-gradient(circle at top left,#2563eb14,#0000 28%),linear-gradient(180deg,#f3f7fc,#edf3fb);background:radial-gradient(circle at top left,#2563eb14,#0000 28%),linear-gradient(180deg,var(--bg-primary,#f3f7fc) 0,var(--bg-tertiary,#edf3fb) 100%);min-height:100vh;padding:24px;transition:background-color .3s ease}[data-theme=light]{--bg-primary:#f4f7fb;--bg-secondary:#fff;--bg-tertiary:#eaf0f8;--bg-soft:#f8fbff;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#dbe3ef;--input-bg:#f9fbff;--button-bg:#0f3b74;--button-hover:#0b2f5f;--error-color:#dc2626;--success-color:#15803d;--shadow:0 24px 48px #0f172a14;--card-shadow:0 14px 36px #0f172a14}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#111c33;--bg-tertiary:#0b1326;--bg-soft:#16233c;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#243248;--input-bg:#0f1b31;--button-bg:#2563eb;--button-hover:#1d4ed8;--error-color:#f87171;--success-color:#4ade80;--shadow:0 28px 52px #0206176b;--card-shadow:0 18px 36px #02061761}.settings-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #dbe3efe6;border-radius:22px;box-shadow:var(--shadow);display:flex;gap:18px;margin:0 auto 28px;max-width:1280px;padding:18px 22px}[data-theme=dark] .settings-header{background:#111c33e6}.back-btn{background:#0000;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 16px}.back-btn:hover{background:var(--bg-soft);border-color:#2563eb47;color:var(--text-primary);transform:translateY(0)}.settings-logo{border-radius:16px;box-shadow:0 10px 24px #0f172a1f;height:54px;object-fit:cover;width:54px}.settings-header h1{color:var(--text-primary);font-size:1.9rem;letter-spacing:-.02em;margin:0}.settings-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(220px,260px) minmax(0,1fr);margin:0 auto;max-width:1280px}.settings-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #dbe3efe6;border-radius:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:fit-content;padding:18px}[data-theme=dark] .settings-sidebar{background:#111c33e6}.sidebar-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:16px;box-shadow:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:flex-start;padding:14px 16px;text-align:left;transition:all .2s ease}.sidebar-btn:hover{background:var(--bg-soft);border-color:#2563eb26;color:var(--text-primary);transform:translateY(0)}.sidebar-btn.active{background:var(--button-bg);border-color:#0000;box-shadow:0 14px 28px #0f3b7438;color:#fff}.settings-main{background:#0000;box-shadow:none;padding:0}.settings-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #dbe3efe6;border-radius:26px;box-shadow:var(--shadow);padding:28px}[data-theme=dark] .settings-section{background:#111c33eb}.settings-section h2{border-bottom:none;color:var(--text-primary);font-size:1.6rem;margin-bottom:10px;margin-top:0;padding-bottom:0}.profile-view{display:flex;flex-direction:column;gap:22px}.profile-header{gap:22px;justify-content:space-between}.profile-header,.profile-left{align-items:center;display:flex}.profile-left{gap:18px;min-width:0}.profile-avatar{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:28px;box-shadow:0 18px 32px #2563eb2e;color:#0f3b74;display:flex;font-size:2rem;font-weight:800;height:88px;justify-content:center;min-width:88px;width:88px}[data-theme=dark] .profile-avatar{background:linear-gradient(135deg,#1d4ed8,#1e3a8a);color:#eff6ff}.profile-actions{margin-left:auto}.profile-details-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-static-field{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:8px;line-height:1.5;min-height:22px}.profile-info{display:flex;flex-direction:column;gap:15px}.info-row{grid-gap:10px;background:linear-gradient(180deg,#f8fbfff0,#fffffffa);border:1px solid #dbe3efe6;border-radius:18px;display:grid;gap:10px;padding:16px 18px}[data-theme=dark] .info-row{background:linear-gradient(180deg,#0f1b31f5,#111c33fa);border-color:#243248f2}.info-row label{color:var(--text-secondary);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.info-row span{color:var(--text-primary);font-weight:600}.role-badge{align-items:center;background:#2563eb1f;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:.82rem;font-weight:700;justify-content:center;padding:6px 14px;width:-webkit-fit-content;width:fit-content}[data-theme=dark] .role-badge{background:#3b82f62e;color:#bfdbfe}.info-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:6px 0 0}.otp-form,.password-form,.profile-form{display:flex;flex-direction:column;gap:22px}.profile-form{background:linear-gradient(180deg,#f8fbffeb,#fffffffa);border:1px solid #dbe3efe6;border-radius:24px;box-shadow:var(--card-shadow);padding:24px}[data-theme=dark] .profile-form{background:linear-gradient(180deg,#0f1b31f5,#111c33fa);border-color:#243248f2}.otp-form .form-group,.password-form .form-group,.profile-form .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.profile-form{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-form .form-actions{grid-column:1/-1}.form-group label{color:var(--text-primary);font-size:.88rem;font-weight:700}.form-group input,.form-group select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);font-size:.95rem;padding:13px 14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#2563ebb3;box-shadow:0 0 0 4px #2563eb1f;outline:none}.form-group input.error,.form-group select.error{border-color:var(--error-color)}.form-group select{cursor:pointer}.error-text{color:var(--error-color);font-size:.82rem;font-weight:600}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:44px;width:100%}.eye-btn,.password-toggle-button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:12px}.eye-btn:hover,.password-toggle-button:hover{color:var(--text-primary)}.otp-input{font-size:1.1rem;font-weight:700;letter-spacing:8px;text-align:center}.form-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.btn{border:none;border-radius:14px;cursor:pointer;font-size:.95rem;font-weight:700;padding:13px 18px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--button-bg);color:#fff}.btn-primary:hover:not(:disabled){background:var(--button-hover);box-shadow:0 16px 32px #0f3b7433}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 16px 30px #15803d33}.btn-secondary{background:var(--bg-soft);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-outline{background:#0000;border:1px solid var(--button-bg);color:var(--button-bg)}.btn-outline:hover:not(:disabled){background:#2563eb14}.appearance-view,.password-view{display:flex;flex-direction:column;gap:22px}.theme-selector{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.theme-option{align-items:center;background:var(--bg-soft);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:22px 18px;transition:all .2s ease}.theme-option:hover{background:var(--bg-secondary);border-color:#2563eb47}.theme-option.active{background:var(--button-bg);border-color:#0000;box-shadow:0 18px 34px #0f3b7433;color:#fff}.theme-preview{border-radius:16px;box-shadow:0 10px 22px #0f172a1f;height:100px;width:100px}.theme-preview.light{background:linear-gradient(135deg,#fff,#eef4fb);border:1px solid #dbe3ef}.theme-preview.dark{background:linear-gradient(135deg,#16233c,#0b1326);border:1px solid #243248}.theme-option span{font-weight:700;text-align:center}.theme-info{background:var(--bg-soft);border:1px solid var(--border-color);border-radius:18px;padding:18px}.theme-info p{color:var(--text-secondary);font-size:.95rem;margin:8px 0}.theme-info p:first-child{color:var(--text-primary);font-weight:700}.section-header{align-items:center;display:flex;gap:15px;margin-bottom:22px}.section-header h2{margin:0}.loading{align-items:center;color:var(--text-primary);display:flex;font-size:18px;justify-content:center;min-height:100vh}@media (max-width:900px){.settings-content{grid-template-columns:1fr}.settings-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions,.profile-details-grid,.profile-form{grid-template-columns:1fr}}@media (max-width:768px){.settings-container{padding:16px}.settings-header{flex-wrap:wrap;justify-content:center;text-align:center}.settings-sidebar{display:none}.profile-header{align-items:flex-start;flex-direction:column}.profile-left{width:100%}.profile-actions{margin-left:0;width:100%}.profile-actions .btn{width:100%}.info-row{padding:14px 16px}}@media (max-width:480px){.settings-container{padding:12px}.settings-section{padding:20px 18px}.settings-header h1{font-size:1.5rem}.profile-avatar{border-radius:22px;font-size:1.6rem;height:72px;min-width:72px;width:72px}.btn{width:100%}}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.login-page-wrapper{animation:pageFadeIn .6s ease-out;background:linear-gradient(#0b2447d9,#0b2447d9),url(/static/media/BG.276e1dc191fe0fb8bb09.jpg) no-repeat 50%/cover;font-family:Courier New,Courier,monospace;min-height:100vh}body,html{background-color:#0b2447;margin:0;padding:0}.sts-header-bar{align-items:center;background-color:#505050;display:flex;padding:10px 50px;transition:all .3s ease}.sts-logo-circle{background-color:#fff;border:2px solid #000;border-radius:50%;display:block;height:45px;margin-right:15px;object-fit:contain;padding:4px;width:45px}.sts-header-text{color:#0b2447;font-size:22px}[data-theme=dark] .sts-header-text{color:#fff!important}.login-flex-container{align-items:flex-start;display:flex;justify-content:center;padding-top:50px}.login-card-main{animation:cardSlideUp .8s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;max-width:450px;padding:40px;width:100%}[data-theme=dark] .login-card-main{background:#333}.password-input-relative{position:relative;width:100%}.login-password-field{position:relative}.login-password-field .sts-input-field{padding-right:48px}.login-password-field .password-toggle-button{border-radius:999px;height:32px;right:10px;top:50%;transform:translateY(-50%);width:32px;z-index:2}.login-password-field .password-toggle-button:hover{background:#50505014}.login-password-field input[type=password]::-ms-clear,.login-password-field input[type=password]::-ms-reveal,.login-password-field input[type=text]::-ms-clear,.login-password-field input[type=text]::-ms-reveal{display:none}.eye-icon-inside{align-items:center;color:#666;cursor:pointer;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s;z-index:5}.eye-icon-inside:hover{color:#333}.pw-footer-row{display:flex;justify-content:flex-end;margin-top:6px}.forgot-pass-link-bottom{color:#505050;cursor:pointer;font-size:12px;text-decoration:underline;transition:color .3s ease}.forgot-pass-link-bottom:hover{color:#0b2447}.sts-input-group{display:flex;flex-direction:column;margin-bottom:20px}[data-theme=dark] .sts-input-group{color:#000!important}.sts-label{font-size:16px;font-weight:700;margin-bottom:8px}[data-theme=dark] .sts-label{color:#000!important}.sts-input-field{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.sts-input-field:focus{border-color:#505050;box-shadow:0 0 5px #50505080;outline:none}[data-theme=dark] .login-title-sts{color:#fff!important}.sts-login-button{background-color:#505050;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:14px;transition:background-color .3s ease,transform .2s ease;width:100%}.sts-login-button:hover:not(:disabled){background-color:#4a7ba3;transform:scale(1.01)}.sts-login-button:disabled{background-color:#ccc;cursor:not-allowed}.back-home-link{color:#666;font-family:inherit;font-size:14px;margin-bottom:20px;transition:color .3s ease}.back-home-link,.back-login-btn{background:none;border:none;cursor:pointer}.back-login-btn{color:#505050;display:block;margin:15px auto 0;text-decoration:underline}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.verification-instruction{color:#333}[data-theme=dark] .verification-instruction{color:#fff!important}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-sts-container,.sts-header-bar,.sts-main-panel,.sts-sidebar{display:none!important}.subjects-grid{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px;margin-top:var(--spacing-lg,24px)}.subject-card{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:24px;padding:var(--spacing-lg,24px);transition:transform .2s ease,box-shadow .2s ease}.subject-card:hover{border-color:#2563eb;border-color:var(--accent-color,#2563eb);box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.subject-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md,16px)}.subject-card-header h3{color:#0b2447;color:var(--text-primary,#0b2447);font-size:1.125rem;font-weight:600;margin:0}.status-tag{background:#22c55e1a;border-radius:12px;font-size:.8rem;padding:4px 12px;white-space:nowrap}.status-tag,.subject-time{color:#16a34a;color:var(--success-color,#16a34a);font-weight:600}.subject-time{font-size:.95rem;margin:8px 0;margin:var(--spacing-xs,8px) 0}.subject-prof{color:#64748b;color:var(--text-muted,#64748b);font-size:.9rem;margin:0}.sts-metrics-grid{grid-gap:24px;grid-gap:var(--spacing-lg,24px);display:grid;gap:24px;gap:var(--spacing-lg,24px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-xl,32px)}.sts-metric-card{background:#fff;background:var(--panel-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 2px 12px #00000014;overflow:hidden;padding:24px;padding:var(--spacing-lg,24px);position:relative;transition:transform .2s ease,box-shadow .2s ease}.sts-metric-card:hover{border-color:#2563eb;border-color:var(--accent-color,#2563eb);box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.sts-metric-card:before{background:linear-gradient(90deg,#2563eb,#2563eb99);background:linear-gradient(90deg,var(--accent-color,#2563eb),var(--accent-bg,#2563eb99));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.metric-label{color:#64748b;color:var(--text-muted,#64748b);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.metric-value{align-items:center;color:#0b2447;color:var(--text-primary,#0b2447);display:flex;font-size:2rem;font-weight:700;gap:12px;gap:var(--spacing-sm,12px);margin:12px 0;margin:var(--spacing-sm,12px) 0}.metric-footer{color:#16a34a;color:var(--success-color,#16a34a);font-size:.8rem;font-weight:500}:root{--navy-900:#001f3f;--navy-800:#0b2447;--navy-700:#1a4d8f;--navy-600:#2563eb;--accent:var(--navy-600);--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--bg-primary:#f5f7fb;--bg-secondary:#f8fafc;--bg-hover:#2563eb05;--panel-bg:#fff;--header-bg:#fff;--text-primary:#0b2447;--text-muted:#64748b;--border-color:#e5e7eb;--card-shadow:#0000000d;--success-color:#16a34a;--warning-color:#d97706;--error-color:#dc2626;--info-color:#2563eb;--accent-color:#2563eb;--accent-bg:#2563eb1a}#root,body,html{background:#f5f7fb;background:var(--bg-primary,#f5f7fb);color:#0b2447;color:var(--text-primary,#0b2447);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;height:100%;line-height:1.5;margin:0;padding:0;text-rendering:optimizeLegibility}body{font-feature-settings:"liga","clig";font-size:1rem;font-variant-ligatures:common-ligatures}h1,h2,h3,h4,h5,h6{color:#0b2447;color:var(--text-primary,#0b2447);font-weight:700;margin:0}h1{font-size:2.25rem;line-height:1.1}h2{font-size:1.75rem;line-height:1.2}h3{font-size:1.25rem;line-height:1.25}button,input,label,li,p,select,span,textarea{color:#0b2447;color:var(--text-primary,#0b2447)}*{-webkit-touch-callout:none;box-sizing:border-box}*,img,svg{-webkit-user-drag:none;user-drag:none}.dashboard-padding-content,.dashboard-sts-container,.settings-container,.settings-main,.sts-main-panel{overflow:hidden}.dashboard-padding-content,.settings-main,.sts-main-panel{-webkit-overflow-scrolling:touch;overflow-y:auto}.sts-sidebar{background-color:#0b2447!important;background-color:var(--navy-800)!important}.header-info h1,.metric-value,.section-title{color:#0b2447!important;color:var(--text-primary)!important}.sts-header-bar{background:#fff!important;background:var(--header-bg)!important}.btn-primary,.logout-btn{background:#0b2447!important;background:var(--navy-800)!important;border-color:#0000!important}.form-container-card,.modal-content,.profile-view,.sts-metric-card,.table-container{background:#fff;background:var(--panel-bg);box-shadow:0 4px 6px #0000000d;box-shadow:0 4px 6px var(--card-shadow)}.metric-value,.section-title{color:#0b2447!important;color:var(--text-primary)!important}.sts-data-table thead{background:#00000008}[data-theme=dark]{--bg-primary:#0b1220;--bg-secondary:#0f1720;--bg-hover:#2563eb0d;--panel-bg:#1e293b;--header-bg:#0f1720;--text-primary:#f1f5f9;--text-muted:#94a3b8;--border-color:#374151;--card-shadow:#0009;--accent-bg:#2563eb33}[data-theme=dark] .dashboard-sts-container{background-color:#f5f7fb;background-color:var(--bg-primary)}[data-theme=dark] .sts-header-bar{background:#fff;background:var(--header-bg);color:#0b2447;color:var(--text-primary)}[data-theme=dark] .sts-metric-card,[data-theme=dark] .table-container{background:#fff;background:var(--panel-bg)}[data-theme=dark] .sts-data-table thead{background:#ffffff05}[data-theme=dark] .empty-table-msg,[data-theme=dark] .metric-label{color:#64748b;color:var(--text-muted)}[data-theme=dark] .metric-value{color:var(--status-color)!important}[data-theme=dark] .dashboard-sts-container .sts-main-panel,[data-theme=dark] .dashboard-sts-container .sts-main-panel *,[data-theme=dark] .settings-container .settings-main,[data-theme=dark] .settings-container .settings-main *{color:#0b2447!important;color:var(--text-primary)!important}.dashboard-padding-content::-webkit-scrollbar,.settings-main::-webkit-scrollbar,.sts-main-panel::-webkit-scrollbar{width:10px}.dashboard-padding-content::-webkit-scrollbar-thumb,.settings-main::-webkit-scrollbar-thumb,.sts-main-panel::-webkit-scrollbar-thumb{background:#00000026;border-radius:8px}.btn,button{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}.password-field-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-field-wrapper input{padding-right:44px;width:100%}.password-toggle-button{align-items:center;background:none;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-toggle-button:focus,.password-toggle-button:hover{color:#0b2447;color:var(--text-primary);outline:2px solid #0b244740;outline-offset:2px}.password-toggle-button .eye-icon,.password-toggle-button svg{align-items:center;display:flex;height:20px;justify-content:center;width:20px}
/*# sourceMappingURL=main.06c1325e.css.map*/