:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--md-sys-color-primary:#04b279;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#063d2b;--md-sys-color-on-primary-container:#6ee7b7;--md-sys-color-secondary:#94a3b8;--md-sys-color-on-secondary:#0b0b0f;--md-sys-color-secondary-container:#94a3b81f;--md-sys-color-on-secondary-container:#f1f5f9;--md-sys-color-background:#0b0b0f;--md-sys-color-on-background:#f1f5f9;--md-sys-color-surface:#0b0b0f;--md-sys-color-surface-dim:#0b0b0f;--md-sys-color-surface-container-low:#0d0d13;--md-sys-color-surface-container:#111117;--md-sys-color-surface-container-high:#0f0f16;--md-sys-color-surface-container-highest:#ffffff17;--md-sys-color-on-surface:#f1f5f9;--md-sys-color-on-surface-variant:#94a3b8;--md-sys-color-outline:#94a3b847;--md-sys-color-outline-variant:#94a3b829;--md-sys-color-error:#f87171;--md-sys-color-on-error:#7f1d1d;--md-sys-color-error-container:#450a0a;--md-sys-color-on-error-container:#fca5a5;--app-border:1px solid #94a3b829;--app-border-color:#94a3b829;--app-border-subtle:#94a3b817;--app-hover:#ffffff0f;--app-panel-gradient:linear-gradient(180deg, #0f172adb, #0f172abd);--app-shadow:0 24px 80px #00000047;--app-shadow-soft:0 8px 24px #0000002e;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--sidebar-width:260px;--accent:#04b279;--accent-hover:#059669;--accent-muted:#04b2791f;--accent-border:#04b27940;font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif}*{box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{display:none}body{text-align:right;color:#0f172a;direction:rtl;background:#f1f5f9;min-width:320px;min-height:100vh;margin:0}body:has(.app-modal-overlay){overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input,select,textarea{font:inherit}.material-symbols-outlined,md-icon{letter-spacing:0;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-flex}md-dialog{--md-dialog-container-color:#fff;--md-dialog-headline-color:#0f172a;--md-dialog-supporting-text-color:#64748b}md-outlined-text-field{--md-outlined-text-field-container-color:#f8fafc;--md-outlined-text-field-input-text-color:#0f172a;--md-outlined-text-field-label-text-color:#64748b;--md-outlined-text-field-outline-color:#94a3b8;--md-outlined-text-field-hover-outline-color:#64748b;--md-outlined-text-field-focus-outline-color:#04b279;--md-outlined-text-field-focus-label-text-color:#04b279;--md-outlined-text-field-input-text-placeholder-color:#94a3b8}md-filled-text-field{--md-filled-text-field-container-color:#f1f5f9;--md-filled-text-field-input-text-color:#0f172a;--md-filled-text-field-label-text-color:#64748b;--md-filled-text-field-active-indicator-color:#94a3b8;--md-filled-text-field-hover-active-indicator-color:#64748b;--md-filled-text-field-focus-active-indicator-color:#04b279}md-icon-button{--md-icon-button-icon-color:#94a3b8;--md-icon-button-state-layer-color:#04b279}md-filled-button{--md-filled-button-container-color:#047857;--md-filled-button-label-text-color:#fff;--md-filled-button-container-shape:var(--r-md)}md-filled-button::part(button){background:linear-gradient(135deg,#04b279 0%,#047857 55%,#064e3b 100%)}md-filled-button:hover::part(button){background:linear-gradient(135deg,#059669 0%,#064e3b 55%,#022c22 100%)}md-outlined-button{--md-outlined-button-label-text-color:#0f766e;--md-outlined-button-icon-color:#0f766e;--md-outlined-button-outline-color:#0f766e57;--md-outlined-button-container-shape:var(--r-md)}md-text-button{--md-text-button-label-text-color:#04b279;--md-text-button-container-shape:var(--r-md)}md-circular-progress{--md-circular-progress-active-indicator-color:#04b279}.center-screen,.login-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-screen{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(80% 50% at 80% 0,#04b2791a,#0000 50%),radial-gradient(60% 80% at 10% 100%,#3b82f60f,#0000 50%),#0a0e14;position:relative;overflow:hidden}.login-screen:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff2e 1.5px,#0000 1.5px);background-size:28px 28px;animation:60s linear infinite login-dots-drift;position:absolute;inset:0}.login-screen:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(10px at 12% 28%,#04b279d9,#0000 62%),radial-gradient(7px at 78% 18%,#3b82f6bf,#0000 62%),radial-gradient(6px at 32% 72%,#04b279b3,#0000 62%),radial-gradient(9px at 88% 64%,#04b279a6,#0000 62%),radial-gradient(5px at 55% 40%,#ffffffb3,#0000 62%),radial-gradient(7px at 22% 88%,#3b82f6a6,#0000 62%),radial-gradient(6px at 66% 86%,#04b279b3,#0000 62%),radial-gradient(5px at 44% 12%,#fff9,#0000 62%);background-repeat:no-repeat;animation:16s ease-in-out infinite alternate login-dots-float;position:absolute;inset:-20% -10%}@keyframes login-dots-drift{0%{background-position:0 0}to{background-position:280px 560px}}@keyframes login-dots-float{0%{opacity:.9;transform:translate(0,0)}50%{opacity:1}to{opacity:.8;transform:translateY(-30px)}}@media (prefers-reduced-motion:reduce){.login-screen:before,.login-screen:after{animation:none}}.login-screen>*{z-index:1;position:relative}.auth-layout{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);align-items:stretch;gap:18px;width:min(1120px,100%);display:grid}.auth-layout.auth-layout-single{grid-template-columns:minmax(0,1fr);gap:14px;width:min(560px,100%)}.login-auth-layout{grid-template-columns:minmax(520px,.72fr) minmax(620px,1fr);align-items:stretch;gap:clamp(44px,5vw,82px);width:min(1500px,100%)}.auth-hero,.auth-panel{border-radius:var(--r-xl);background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 24px #0f172a1a}.auth-hero{background:linear-gradient(145deg,#0b0b0f 0%,#0d2218 50%,#0a3320 100%);flex-direction:column;justify-content:space-between;min-height:560px;padding:34px;display:flex;position:relative;overflow:hidden}.auth-hero:before,.auth-hero:after{content:"";border-radius:var(--r-xl);opacity:.1;background:#fff;position:absolute;transform:rotate(10deg)}.auth-hero:before{width:170px;height:250px;bottom:96px;right:76px}.auth-hero:after{opacity:.04;width:120px;height:180px;bottom:40px;right:-18px}.auth-hero>*{z-index:1;position:relative}.auth-hero h1{color:#fff;max-width:640px;margin:14px 0 18px;font-size:clamp(44px,5.5vw,74px);line-height:.98}.auth-hero p{color:#ffffffc2;max-width:560px;margin:0;font-size:18px;line-height:1.48}.auth-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.auth-feature-grid div{border-radius:var(--r-lg);background:#ffffff1f;border:1px solid #fff3;align-content:space-between;min-height:92px;padding:14px;display:grid}.auth-feature-grid md-icon{color:#ffffffe6}.auth-feature-grid span{color:#fff;font-size:13px;font-weight:700}.auth-panel{width:100%;padding:32px}.login-auth-layout .auth-panel{background:#fff;border:1px solid #0f172a0f;border-radius:16px;align-content:center;min-height:100%;margin-top:0;padding:48px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0f172a0a,0 25px 50px -12px #0000008c,0 0 0 1px #ffffff0a}.login-auth-layout .auth-panel:before{content:"";opacity:.4;background:linear-gradient(90deg,#0000,#0a0e14 50%,#0000);height:2px;position:absolute;top:0;left:0;right:0}.login-auth-layout .auth-panel>*{z-index:1;position:relative}.auth-features-panel{padding:18px}.auth-proof-panel{align-content:start;gap:36px;min-width:0;padding:0;display:grid}.auth-proof-panel h1,.auth-proof-headline{color:#fff;letter-spacing:-.02em;text-align:center;max-width:980px;margin:0 auto;font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;font-size:clamp(34px,3.1vw,54px);font-weight:900;line-height:1.28}.auth-proof-headline span{background:linear-gradient(135deg,#04b279 0%,#059669 35%,#047857 65%,#064e3b 100%);-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;font-weight:900}@keyframes brand-pulse{0%,to{filter:drop-shadow(0 0 12px #04b2798c)drop-shadow(0 0 32px #04b27940)}50%{filter:drop-shadow(0 0 20px #04b279cc)drop-shadow(0 0 56px #04b27966)}}.auth-proof-marquee{width:100%;padding-block:2px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#fff 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#fff 12% 88%,#0000)}.auth-proof-track{will-change:transform;width:max-content;animation:20s linear infinite auth-proof-scroll;display:flex}.auth-proof-set{flex:none;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(860px,62vw);padding-inline-end:14px;display:grid}.auth-proof-marquee:hover .auth-proof-track{animation-play-state:paused}.auth-proof-card{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;min-height:120px;padding:20px 22px;transition:border-color .2s,background .2s,transform .2s}.auth-proof-card:hover{background:#ffffff0d;border-color:#ffffff29;transform:translateY(-2px)}.auth-proof-card strong{color:#ffffffeb;letter-spacing:-.01em;margin-bottom:10px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;display:block}.auth-proof-card p{color:#ffffff8c;margin:0 0 4px;font-size:13px;line-height:1.65}.auth-proof-card p:last-child{color:#ffffff61;margin-bottom:0;font-size:12px}@keyframes auth-proof-scroll{0%{transform:translate(0)}to{transform:translate(50%)}}.auth-panel.compact{text-align:center;width:min(420px,100%);padding:32px}.auth-panel-heading{text-align:center;margin-bottom:24px}.auth-panel-heading span{color:#0a0e14;letter-spacing:.02em;font-size:13px;font-weight:700}.auth-panel-heading h2{margin:8px 0;font-size:30px;line-height:1.08}.auth-panel-heading p{color:#94a3b8;margin:0;line-height:1.5}.brand{align-items:center;gap:12px;display:flex}.login-brand{border-bottom:1px solid #e2e8f0e6;margin-bottom:34px;padding-bottom:22px}.brand strong{color:#e5eefc;font-size:15px;display:block}.brand span{color:#94a3b8cc;font-size:12px}.sidebar-brand-name{color:#f1f5f9b3;letter-spacing:.01em;align-items:baseline;gap:4px;font-size:15px;font-weight:600;display:flex}.sidebar-brand-name .sidebar-brand-madad{letter-spacing:0;background:linear-gradient(135deg,#04b279 0%,#059669 40%,#047857 70%,#064e3b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:900;line-height:1}.sidebar-brand-sub{color:#94a3b88c;margin-top:1px;font-size:11px;display:block}.sidebar-user-row{border-radius:var(--r-md);color:#94a3b8bf;background:#ffffff0a;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;font-size:12px;display:flex}.sidebar-user-row md-icon{--md-icon-size:16px;color:#94a3b880;font-size:16px}.sidebar-user-role{color:#94a3b8bf;font-size:12px}.brand-mark{border-radius:var(--r-md);color:#e5eefc;width:38px;height:38px;box-shadow:none;background:0 0;border:0;flex-shrink:0;place-items:center;padding:4px;display:grid;position:relative;overflow:hidden}.brand-logo{object-fit:cover;width:100%;height:100%;display:block}.login-brand-mark{width:52px;height:52px;box-shadow:none;background:0 0;border:0;border-radius:8px;padding:6px}.login-brand-copy{gap:3px;display:grid}.login-brand-copy strong{color:#0f172a;font-size:16px;line-height:1.35}.login-brand-copy span{color:#64748b;font-size:12px;font-weight:700}.login-brand-text{text-align:center;flex-direction:column;align-items:center;gap:2px;margin-bottom:36px;display:flex}.login-brand-pre{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:500}.login-brand-madad{letter-spacing:-.05em;font-size:56px;font-weight:900;line-height:1;display:block}.login-brand-sub{color:#94a3b8;margin-top:6px;font-size:13px;font-weight:400}.login-sponsor{color:#334155;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:10px;margin-top:28px;padding-top:20px;font-size:17px;font-weight:600;display:flex}.login-sponsor-logo{object-fit:contain;border-radius:8px;width:36px;height:36px}.brand-name-gradient{background:linear-gradient(120deg,#04b279 0%,#047857 60%,#0f172a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-form,.dialog-form{gap:16px;display:grid}.login-form{gap:14px}.login-form .login-field{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--md-sys-color-on-surface:#0f172a;--md-sys-color-on-surface-variant:#64748b;--md-sys-color-surface-container-highest:#fff;--md-outlined-text-field-container-color:#fff;--md-outlined-text-field-input-text-color:#0f172a;--md-outlined-text-field-label-text-color:#64748b;--md-outlined-text-field-outline-color:#cbd5e1;--md-outlined-text-field-hover-outline-color:#94a3b8;--md-outlined-text-field-focus-outline-color:#0a0e14;--md-outlined-text-field-focus-label-text-color:#0a0e14;--md-outlined-text-field-caret-color:#0a0e14;--md-outlined-text-field-container-shape:8px;--md-outlined-text-field-input-text-font-weight:700;direction:rtl}.login-form md-filled-button,.login-form md-text-button{width:100%}.login-form md-text-button{--md-text-button-label-text-color:#475569;--md-text-button-hover-label-text-color:#0f172a;--md-text-button-hover-state-layer-color:#0f172a;--md-text-button-pressed-label-text-color:#020617}.login-form md-filled-button{--md-filled-button-container-shape:8px;--md-filled-button-container-color:#0a0e14;--md-filled-button-label-text-color:#fff;--md-filled-button-hover-container-color:#1a1f2b;--md-filled-button-hover-label-text-color:#fff;--md-filled-button-pressed-container-color:#050810;height:50px;margin-top:4px}.dialog-form{width:min(460px,100vw - 48px);padding-top:4px}.dialog-form h2{margin:0 0 4px;font-size:22px}.import-dialog{scrollbar-gutter:stable;width:min(540px,100vw - 56px);max-height:min(58vh,520px);padding-inline-end:2px;overflow-y:auto}.import-steps{gap:8px;display:flex}.import-steps span{color:#94a3b8;background:#94a3b833;border-radius:999px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-grid}.import-steps span.active{color:#fff;background:#04b279}.import-target-class,.import-summary,.import-result{border-radius:var(--r-lg);background:#f8fafc;border:1px solid #e2e8f0;gap:10px;padding:14px;display:grid}.import-target-class{justify-content:flex-start;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.import-target-class span{flex:none}.import-target-class strong{text-align:right;flex:1}.import-target-sep{color:#94a3b8;margin:0 4px;font-weight:400}.app-form-field--inline{align-items:center;gap:12px;display:flex}.app-form-field--inline label{white-space:nowrap;flex:none;margin:0}.app-form-field--inline select,.app-form-field--inline input{flex:1;width:auto}.import-target-class span,.import-summary span{color:#94a3b8;font-size:12px}.file-picker-row{border-radius:var(--r-lg);cursor:pointer;background:#0e1a2f;border:1px dashed #94a3b859;gap:8px;padding:14px;display:grid}.file-picker-row input{max-width:100%}.import-hint,.import-summary p,.import-result p{color:#94a3b8;margin:0;font-size:13px;line-height:1.7}.import-counts{flex-wrap:wrap;gap:8px;display:flex}.import-counts span{background:#94a3b833;border:1px solid #94a3b859;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.generated-list{gap:8px;max-height:260px;display:grid;overflow:auto}.generated-row{border-radius:var(--r-md);background:#f8fafc;border:1px solid #e2e8f0;grid-template-columns:minmax(110px,1fr) minmax(160px,1.3fr) minmax(110px,.8fr);align-items:center;gap:8px;padding:10px;display:grid}.generated-row span,.generated-row code{text-align:left;direction:ltr}.generated-row code{color:#04b279}.import-preview-meta{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;padding:10px 14px;font-size:14px;display:flex}.import-preview-sep{color:#cbd5e1}.import-preview-filename{color:#64748b;direction:ltr;font-family:monospace;font-size:13px}.import-preview-count{color:#fff;background:#04b279;border-radius:999px;margin-right:auto;padding:2px 10px;font-size:12px;font-weight:700}.import-preview-table-wrap{border:1px solid #e2e8f0;border-radius:10px;max-height:380px;overflow:auto}.import-preview-table{border-collapse:collapse;width:100%;font-size:13px}.import-preview-table thead{z-index:1;background:#f1f5f9;position:sticky;top:0}.import-preview-table th{text-align:right;color:#475569;border-bottom:1px solid #e2e8f0;padding:9px 12px;font-weight:600}.import-preview-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 12px}.import-preview-table tbody tr:last-child td{border-bottom:none}.import-preview-table tbody tr:hover{background:#f8fafc}.import-preview-num{color:#94a3b8;text-align:center;width:36px;font-size:12px}.import-auto{color:#94a3b8;font-size:12px;font-style:italic}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.student-import-dialog .dialog-actions{width:min(540px,100vw - 56px)}.import-dialog .drop-zone{border-radius:var(--r-lg);min-height:92px;padding:14px}.import-dialog .drop-zone strong{margin-bottom:2px}.app-shell{min-height:100vh;display:block}.mobile-menu-button,.sidebar-backdrop{display:none}.sidebar{width:var(--sidebar-width);z-index:20;overscroll-behavior:contain;background:#0b0b0f;border-left:1px solid #ffffff12;flex-direction:column;align-items:stretch;gap:2px;height:100vh;min-height:100vh;max-height:100vh;padding:16px 10px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.sidebar .brand{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sidebar .brand>div:not(.brand-mark){flex-direction:column;min-width:0;display:flex}.sidebar .brand-mark{border-radius:14px;flex-shrink:0;width:52px;height:52px;padding:0;overflow:hidden;box-shadow:0 2px 10px #0006}.sidebar-footer{border-top:1px solid #ffffff12;margin-top:auto;padding-top:8px}.nav-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:2px;width:100%;min-height:0;display:flex;overflow:hidden auto}.nav-list::-webkit-scrollbar{width:0;height:0;display:none}.nav-item{border-radius:var(--r-md);color:#94a3b8;cursor:pointer;letter-spacing:0;text-align:right;background:0 0;border:1px solid #0000;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 10px;font-size:14px;font-weight:500;transition:color .12s,background .12s;display:flex}.nav-item md-icon{flex-shrink:0;place-items:center;width:18px;height:18px;font-size:18px;display:grid}.nav-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item:hover{color:#f1f5f9;background:#ffffff12}.nav-item.active{color:#fff;background:#ffffff21;font-weight:700}.nav-item.active md-icon{color:#04b279}.nav-expand-icon{opacity:.75;margin-inline-start:auto}.nav-tree{gap:2px;display:grid}.nav-submenu{gap:2px;padding:2px 28px 8px 0;display:grid}.nav-subtree{gap:2px;display:grid}.nav-subtree-title{border-radius:var(--r-sm);color:#cbd5e1;cursor:pointer;text-align:right;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:30px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.nav-subtree-title:hover,.nav-subtree-title.active{color:#fff;background:#ffffff12}.nav-subitem{border-radius:var(--r-sm);color:#94a3b8;text-align:right;cursor:pointer;width:100%;min-height:30px;font:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;transition:color .12s,background .12s;display:flex}.nav-subitem:hover{color:#f1f5f9;background:#ffffff12}.nav-subitem.active{color:#fff;background:#ffffff21}.nav-subitem--add{color:#04b279}.nav-subitem--add md-icon{width:15px;height:15px;font-size:15px}.nav-subitem--class-add{margin-top:4px}.nav-item--logout{color:#64748b}.nav-item--logout:hover{color:#f87171;background:#f8717114}.workspace{min-width:0;min-height:100vh;margin-right:var(--sidebar-width);background:#f1f5f9;overflow-x:hidden}.sidebar-brand-row{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:0 6px 14px;display:flex;position:relative}.content{width:min(1760px,100%);padding:28px clamp(20px,3vw,56px) 64px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header-text{min-width:0}.page-breadcrumb{flex-wrap:wrap;align-items:center;margin-bottom:6px;display:flex}.page-breadcrumb-item{align-items:center;display:flex}.page-breadcrumb-sep{color:#94a3b8;margin:0 5px;font-size:13px}.page-breadcrumb-link{all:unset;cursor:pointer;color:#64748b;font-size:13px;transition:color .15s}.page-breadcrumb-link:hover{color:#04b279;text-decoration:underline}.page-breadcrumb-current{color:#0f172a;font-size:13px;font-weight:500}.page-header h1{color:#0f172a;margin:0;font-size:24px;font-weight:700;line-height:1.2}.page-header p{color:#64748b;margin:5px 0 0;font-size:14px}.page-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.dashboard-hero{border-radius:var(--r-xl);background:linear-gradient(135deg,#0b0b0f 0%,#0d1f18 60%,#0a2a1c 100%);border:1px solid #04b27933;align-items:center;min-height:clamp(260px,18vw,360px);margin-bottom:20px;padding:clamp(24px,4vw,48px);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.dashboard-hero:before,.dashboard-hero:after{content:"";border-radius:var(--r-xl);opacity:.08;background:#fff;position:absolute;transform:rotate(8deg)}.dashboard-hero:before{width:200px;height:280px;top:20px;right:140px}.dashboard-hero:after{opacity:.03;width:160px;height:230px;bottom:20px;right:20px}.dashboard-hero>div{z-index:1;max-width:min(680px,68%);position:relative}.hero-kicker{color:#fffc;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.dashboard-hero h1{letter-spacing:-.02em;color:#fff;margin:12px 0;font-size:clamp(36px,5vw,68px);line-height:.95}.dashboard-hero p{color:#ffffffbd;max-width:580px;margin:0 0 24px;font-size:clamp(15px,1.2vw,18px);line-height:1.5}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric-card,.panel,.table-wrap{border-radius:var(--r-lg);background:#fff;border:1px solid #e8eef4;transition:border-color .12s,box-shadow .12s;box-shadow:0 18px 45px #15223614}.metric-card:hover,.panel:hover,.table-wrap:hover{border-color:#d0dae6;box-shadow:0 22px 55px #1522361f}.metric-card{gap:8px;min-height:100px;padding:16px 20px;display:grid;position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(90deg,#0000,#94a3b859,#0000);height:1px;position:absolute;inset:0 0 auto}.metric-card span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}.metric-card strong{color:#0f172a;font-size:28px;font-weight:700}.panel{padding:16px 20px}.panel-title h2,.detail-panel h2{margin:0 0 14px;font-size:16px;font-weight:600}.table-panel-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.table-panel-title h2{margin:0}.table-search-field{border-radius:var(--r-md);color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:8px;min-width:min(280px,100%);min-height:36px;padding:0 12px;display:flex}.table-search-field input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.quick-list{gap:6px;display:grid}.quick-row{color:#0f172a;border-radius:var(--r-md);text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;grid-template-columns:32px 1fr 24px;align-items:center;gap:8px;min-height:44px;padding:0 12px;transition:border-color .12s,background .12s;display:grid}.quick-row:hover{background:#f0fdf9;border-color:#04b2794d}.table-wrap{overflow:auto}.data-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:720px}.data-table th,.data-table td{text-align:right;vertical-align:middle;color:#0f172a;border-bottom:1px solid #f1f5f9;padding:12px 16px}.data-table th{text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#f8fafc;font-size:11px;font-weight:600}.data-table th,.data-table td{overflow-wrap:anywhere}.data-table .column-id{width:76px}.data-table .column-image_url,.data-table .column-photo_url,.data-table .column-thumbnail_url{width:140px}.data-table .column-created_at{width:190px}.data-table .column-duration_seconds,.data-table .column-status,.data-table .column-watch_state,.data-table .column-is_active,.data-table .column-is_superuser{width:132px}.data-table .column-watch_state{width:88px}.data-table .column-progress_percent{width:230px}.data-table .column-actions{width:200px}.data-table tr:last-child td{border-bottom:0}.data-table tr.clickable-row{cursor:pointer}.data-table tr.clickable-row:hover,.data-table tr.clickable-row:focus-visible{background:#f0fdf9;outline:none}.empty-cell,.empty-state{color:#64748b;text-align:center;padding:24px}.row-actions{gap:4px;display:flex}.users-table .data-table{table-layout:auto}.users-table .column-full_name,.users-table .column-email,.users-table .column-role,.users-table .column-is_active,.users-table .column-created_at{white-space:nowrap;overflow-wrap:normal;word-break:keep-all}.users-table .column-id{white-space:nowrap;text-align:center;color:#64748b;font-variant-numeric:tabular-nums;width:1%}.users-table .column-actions{white-space:nowrap;text-align:center;width:1%}.users-table .column-actions .row-actions{justify-content:center}.row-actions md-icon-button:hover{--md-icon-button-icon-color:#04b279}.uf-avatar-field{align-items:center;gap:14px;margin-bottom:18px;display:flex}.uf-avatar{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;transition:border-color .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}.uf-avatar:hover{border-color:#00a76f}.uf-avatar--drag{border-style:solid;border-color:#00a76f;box-shadow:0 0 0 4px #00a76f24}.uf-avatar img{object-fit:cover;width:100%;height:100%}.uf-avatar-placeholder{color:#94a3b8;text-transform:uppercase;font-size:28px;font-weight:700}.uf-avatar-badge{inset-inline-end:0;color:#fff;pointer-events:none;background:#00a76f;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:0}.uf-avatar-badge md-icon{--md-icon-size:15px;width:15px;height:15px;font-size:15px}.uf-avatar-text strong{color:#1c252e;margin-bottom:2px;font-size:14px;display:block}.uf-avatar-text small{color:#94a3b8;font-size:12px}.status-chip{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;width:max-content;min-height:24px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.status-chip md-icon{font-size:14px}.status-chip.ready,.status-chip.success{color:#86efac;background:#22c55e1f;border-color:#22c55e3d}.status-chip.processing,.status-chip.uploaded{color:#93c5fd;background:#2563eb1f;border-color:#2563eb3d}.status-chip.warning{color:#fde68a;background:#eab3081f;border-color:#eab3083d}.status-chip.failed,.status-chip.error{color:#fca5a5;background:#ef44441f;border-color:#ef44443d}.status-chip.neutral{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.list-progress{gap:6px;min-width:0;display:grid}.list-progress-meta{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.list-progress-meta strong{color:#e5eefc;font-size:14px;font-weight:700}.list-progress-meta span{color:#64748b;white-space:nowrap;font-size:11px;font-weight:600}.list-progress-track{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.list-progress-track span{border-radius:inherit;background:#04b279;width:0;height:100%;transition:width .22s;display:block}.watch-checklist{background:#0e1a2f;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:6px;width:max-content;min-width:70px;padding:4px 8px;display:inline-flex}.watch-check-icon{color:#64748b;background:#94a3b833;border-radius:999px;flex:none;place-items:center;width:20px;height:20px;display:grid}.watch-check-icon md-icon{font-size:14px}.watch-checklist span:not(.watch-check-icon){color:#94a3b8;font-size:12px;font-weight:700}.watch-checklist.completed{background:#22c55e0f;border-color:#22c55e47}.watch-checklist.completed .watch-check-icon{color:#fff;background:#22c55e}.watch-check-only{color:#86efac;background:#22c55e24;border:1px solid #22c55e52;border-radius:999px;place-items:center;width:28px;height:28px;display:inline-grid}.watch-check-only md-icon{font-size:16px}.error-banner{color:#fca5a5;border-radius:var(--r-md);background:#ef44441a;border:1px solid #ef44443d;margin-bottom:14px;padding:10px 14px;font-size:13px}.error-banner.compact{margin-bottom:8px}.success-banner{z-index:9999;border-radius:var(--r-lg);color:#f1f5f9;pointer-events:none;background:linear-gradient(135deg,#0d1117,#111827);border:1px solid #04b27947;align-items:center;gap:12px;min-width:260px;max-width:400px;padding:16px 24px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.34,1.56,.64,1) both welcome-in,.4s 3.5s both welcome-out;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000073,0 0 0 1px #04b2791f,0 0 24px #04b27914}.success-banner:before{content:"check_circle";color:#04b279;background:#04b2791f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Material Symbols Outlined;font-size:22px;line-height:1;display:flex}.success-banner.compact{bottom:80px}.file-field{border-radius:var(--r-md);color:#e5eefc;border:1px dashed #94a3b859;gap:8px;padding:14px;display:grid}.drop-zone{border-radius:var(--r-lg);color:#0f172a;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;grid-template-columns:40px 1fr;align-items:center;gap:12px;min-height:100px;padding:16px;transition:border-color .12s,background .12s;display:grid}.drop-zone.dragging,.drop-zone:hover{background:#f0fdf9;border-color:#04b279}.drop-zone strong{overflow-wrap:anywhere;margin-bottom:4px;font-size:14px;display:block}.drop-zone span{color:#64748b;font-size:13px}.drop-zone input{display:none}.dialog-copy{color:#94a3b8;margin:0;font-size:14px;line-height:1.5}.danger-button{--md-filled-button-container-color:#ef4444;--md-filled-button-label-text-color:#fff}.check-row{color:#e5eefc;align-items:center;gap:10px;min-height:40px;display:flex}.check-row input{accent-color:#04b279;width:16px;height:16px}.table-image{object-fit:cover;border-radius:var(--r-md);background:#94a3b833;border:1px solid #94a3b859;width:72px;height:44px;display:block}.table-avatar,.avatar-placeholder{border-radius:999px;width:38px;height:38px}.table-avatar{object-fit:cover;border:1px solid #94a3b833}.avatar-placeholder{color:#94a3b8;text-transform:uppercase;background:#94a3b833;place-items:center;font-size:13px;font-weight:700;display:grid}.avatar-sm{object-fit:cover;border-radius:50%;width:30px;height:30px}.avatar-placeholder.large{width:42px;height:42px;font-size:18px}.thumb-cell,.video-thumb-wrap{width:max-content;position:relative}.complete-mark{color:#052e16;background:#22c55e;border-radius:999px;place-items:center;min-width:26px;height:26px;font-size:12px;font-weight:900;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 0 0 2px #fff}.complete-mark md-icon{font-size:15px}.select-field{color:#94a3b8;gap:6px;font-size:13px;display:grid}.select-field select{border-radius:var(--r-md);color:#0f172a;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") 10px no-repeat;border:1px solid #e2e8f0;min-height:48px;padding:0 14px 0 36px;transition:border-color .14s,box-shadow .14s}.select-field select:focus{border-color:#04b279;outline:none;box-shadow:0 0 0 3px #04b27924}.smart-search-dialog{width:min(540px,100vw - 48px)}.smart-search-field{color:#94a3b8;gap:8px;font-size:13px;display:grid}.smart-search-field input{border-radius:var(--r-md);color:#0f172a;background:#fff;border:1px solid #e2e8f0;outline:0;min-height:48px;padding:0 14px;font-size:14px}.smart-search-field input:focus{border-color:#04b279;box-shadow:0 0 0 2px #04b27929}.smart-search-results{gap:4px;max-height:min(340px,42vh);padding:4px;display:grid;overflow:auto}.smart-result{border-radius:var(--r-md);color:#0f172a;text-align:right;cursor:pointer;background:#fff;border:1px solid #e2e8f0;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:4px 10px;min-height:52px;padding:10px 12px;display:grid}.smart-result small{color:#64748b;grid-column:1}.smart-result md-icon{color:#04b279;grid-area:1/2/span 2;font-size:18px}.smart-result:hover,.smart-result.active{background:#f0fdf9;border-color:#bfdbfe}.selected-search-result{color:#04b279;align-items:center;gap:8px;min-height:38px;font-weight:700;display:inline-flex}.selected-search-result md-icon{font-size:18px}.image-fallback{place-items:center;display:grid}.image-fallback.loading{background:linear-gradient(90deg,#111827,#94a3b833,#111827) 0 0/180% 100%;animation:1.2s ease-in-out infinite image-loading}@keyframes image-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.image-placeholder{color:#64748b;font-size:13px}.detail-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.detail-panel dl,.settings-list{gap:10px;display:grid}.detail-panel dt,.settings-list span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.detail-panel dd{overflow-wrap:anywhere;margin:0 0 8px;font-size:14px}.settings-list div{gap:4px;display:grid}.class-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:16px;display:grid}.settings-profile-panel,.settings-form{width:100%;max-width:none}.video-description-panel{border-radius:var(--r-lg);background:#fff;border:1px solid #e2e8f0;padding:14px 16px}.video-description-panel p{color:#334155;white-space:pre-wrap;margin:0;line-height:1.65}.progress-settings-panel{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.progress-settings-panel h2{margin:0 0 4px;font-size:16px;font-weight:600}.progress-settings-panel p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.profile-preview{align-items:center;gap:16px;margin-bottom:20px;display:flex}.profile-preview>div:not(.profile-avatar){min-width:0}.profile-edit-button{flex:none;margin-inline-start:auto}.profile-avatar{border-radius:var(--r-lg);object-fit:cover;width:72px;height:72px}.profile-preview h2{margin:0 0 4px;font-size:18px}.profile-preview p{color:#64748b;margin:0 0 4px;font-size:13px}.profile-preview span{color:#04b279;font-size:12px;font-weight:700}.player-panel{border-radius:var(--r-lg);aspect-ratio:16/9;background:#000;border:1px solid #94a3b833;place-items:center;min-height:0;display:grid;overflow:hidden}.video-frame{aspect-ratio:16/9;border-radius:var(--r-lg);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#000;border:1px solid #94a3b833;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.video-frame:fullscreen{aspect-ratio:auto;border-radius:0;width:100vw;height:100vh}.video-player{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.video-poster{z-index:1;object-fit:cover;filter:brightness(.68);background:#000;width:100%;height:100%;position:absolute;inset:0}.video-center-actions{z-index:5;opacity:0;pointer-events:none;justify-content:center;align-items:center;gap:clamp(14px,4vw,40px);transition:opacity .15s,transform .15s;display:flex;position:absolute;inset:0;transform:scale(.96)}.video-frame.controls-open .video-center-actions{opacity:1;transform:scale(1)}.video-center-actions md-icon-button{--md-icon-button-icon-color:#fff;--md-icon-button-state-layer-color:#fff;pointer-events:none;background:#0009;border:1px solid #ffffff24;border-radius:999px;width:52px;height:52px}.video-frame.controls-open .video-center-actions md-icon-button{pointer-events:auto}.video-center-actions md-icon-button.armed,.video-control-group md-icon-button.armed{background:#04b27961;box-shadow:0 0 0 2px #04b2797a}.video-center-actions md-icon-button:nth-child(2){background:#00000085;width:72px;height:72px}.video-center-actions md-icon{font-size:30px}.video-center-actions .skip-button md-icon{font-size:24px}.video-center-actions md-icon-button:nth-child(2) md-icon{font-size:48px}.video-controls{z-index:6;color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000c);padding:40px 16px 12px;transition:opacity .15s,transform .15s;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}.video-frame.controls-open .video-controls{opacity:1;pointer-events:auto;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.video-frame:hover .video-center-actions{opacity:1;transform:scale(1)}.video-frame:hover .video-center-actions md-icon-button{pointer-events:auto}.video-frame:hover .video-controls{opacity:1;pointer-events:auto;transform:translateY(0)}}.video-control-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.video-control-group{align-items:center;gap:4px;min-width:0;display:flex}.video-control-group md-icon-button{--md-icon-button-icon-color:#fff;--md-icon-button-state-layer-color:#fff}.video-control-group md-icon-button md-icon{font-size:20px}.video-time{color:#fff;white-space:nowrap;font-size:12px}.speed-picker{position:relative}.speed-trigger{border-radius:var(--r-sm);color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff2e;align-items:center;gap:5px;min-height:36px;padding:0 8px;display:inline-flex}.speed-trigger md-icon{font-size:18px}.speed-trigger span{direction:ltr;font-size:12px;font-weight:700}.speed-menu{z-index:8;border-radius:var(--r-md);color:#fff;width:120px;box-shadow:var(--app-shadow);background:#0d0d13;border:1px solid #94a3b840;padding:4px;position:absolute;bottom:calc(100% + 8px);right:0}.speed-menu button{border-radius:var(--r-sm);color:#e5eefc;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:34px;padding:0 8px;font-size:13px;display:flex}.speed-menu button:hover,.speed-menu button.active{background:#94a3b833}.speed-menu span{direction:ltr;font-weight:700}.speed-menu md-icon{color:#04b279;font-size:16px}.video-progress,.volume-slider{accent-color:#04b279;cursor:pointer}.video-progress{border-radius:999px;width:100%;height:5px}.volume-slider{width:80px}.video-overlay{z-index:4;color:#fff;text-align:center;pointer-events:none;background:#0000009e;align-content:center;place-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.video-overlay md-icon{font-size:40px}.video-overlay strong{font-size:16px}.video-overlay span{color:#94a3b8;max-width:400px;line-height:1.5}.video-overlay.error{background:#450a0ad1}.player-placeholder{aspect-ratio:16/9;border-radius:var(--r-lg);background:#000;place-items:center;width:100%;display:grid}.related-videos-panel{margin-top:16px}.video-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,220px));gap:10px;display:grid}.video-card{border-radius:var(--r-lg);text-align:left;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;max-width:220px;padding:0;transition:border-color .12s,box-shadow .12s,transform .12s;overflow:hidden;box-shadow:0 1px 3px #0f172a0f}.video-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 24px #04b27924}.video-thumb{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.card-progress-line{background:#ffffff1f;border-radius:0;height:3px;position:absolute;bottom:0;left:0;right:0}.card-progress-line span{background:#04b279;height:100%;display:block}.video-card .video-thumb-wrap{width:100%}.video-card strong,.video-card span,.video-card small{padding-inline:12px;display:block}.video-card strong{color:#0f172a;padding-top:10px;font-size:13px;font-weight:600;line-height:1.3}.video-card span{color:#64748b;padding-top:4px;font-size:12px}.video-card small{color:#04b279;padding-block:6px 10px;font-size:11px;font-weight:700}.poster-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));align-items:start;gap:28px 18px;display:grid}.poster-card{color:#0f172a;cursor:pointer;text-align:center;background:0 0;border:0;min-width:0;padding:0}.poster-card:hover .poster-card-media{transform:translateY(-2px);box-shadow:0 12px 32px #0000007a}.poster-card-media{border-radius:var(--r-lg);background:#f1f5f9;border:1px solid #e2e8f0;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a1a}.poster-card-media:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000052);height:32%;position:absolute;inset:auto 0 0}.poster-card-image{aspect-ratio:5/6.15;object-fit:cover;width:100%;display:block}.list-card-grid,.video-poster-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.list-card-media .poster-card-image,.list-card-media.poster-card-media,.video-poster-card .poster-card-media,.video-poster-card .poster-card-image{aspect-ratio:16/10}.list-card-media .poster-card-image,.video-poster-card .poster-card-image{height:100%}.poster-progress-badge,.poster-check-badge{z-index:1;border-radius:var(--r-sm);color:#e5eefc;background:#000000b8;border:1px solid #ffffff1f;justify-content:center;align-items:center;min-width:32px;height:24px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:8px;right:8px}.poster-check-badge{color:#fff;background:#22c55ee6;border-color:#0000;min-width:28px;padding:0}.poster-check-badge md-icon{font-size:16px}.poster-card strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:13px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.poster-card>span{color:#64748b;margin-top:4px;font-size:12px;font-weight:500;line-height:1.3;display:block}.poster-card .list-progress{text-align:right;margin-top:8px}.media-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:18px;display:grid}.media-card-grid .empty-state{grid-column:1/-1}.media-card{border-radius:var(--r-lg,16px);background:#fff;border:1px solid #e7ecf3;flex-direction:column;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #0f172a0f}.media-card:hover{border-color:#d3dbe8;transform:translateY(-3px);box-shadow:0 16px 36px #0f172a29}.media-card-open{min-width:0;color:inherit;text-align:right;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;padding:0;display:flex}.media-card-media{background:#eef2f8;position:relative;overflow:hidden}.media-card-image{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.media-card-fallback{color:#8a99b5;background:linear-gradient(135deg,#eef2fb 0%,#dfe7f5 100%);justify-content:center;align-items:center;display:flex}.media-card-fallback md-icon{--md-icon-size:46px;font-size:46px}.media-card-badge{z-index:1;color:#f1f5ff;background:#0f172ac7;border:1px solid #ffffff24;border-radius:999px;align-items:center;height:24px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}.media-card-open-hint{color:#fff;opacity:0;background:#0f172a52;justify-content:center;align-items:center;transition:opacity .16s;display:flex;position:absolute;inset:0}.media-card:hover .media-card-open-hint{opacity:1}.media-card-open-hint md-icon{--md-icon-size:30px;font-size:30px;transition:transform .16s;transform:scale(.85)}.media-card:hover .media-card-open-hint md-icon{transform:scale(1)}.media-card-body{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.media-card-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.35;overflow:hidden}.media-card-subtitle{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.media-card-meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.media-card-chip{color:#475569;background:#eff3f9;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.media-card-chip md-icon{--md-icon-size:14px;font-size:14px}.media-card-actions{z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#0f172a9e;border-radius:999px;gap:2px;padding:2px;transition:opacity .15s;display:flex;position:absolute;top:8px;left:8px}.media-card:hover .media-card-actions,.media-card:focus-within .media-card-actions{opacity:1}.media-card-actions md-icon-button{--md-icon-button-icon-color:#f1f5ff;--md-icon-button-icon-size:18px;--md-icon-button-state-layer-height:32px;--md-icon-button-state-layer-width:32px}.related-video-grid{grid-template-columns:repeat(auto-fill,minmax(150px,200px))}@media (width>=1500px){.page-header h1{font-size:26px}.content{padding-top:16px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card strong{font-size:30px}}@media (width>=1900px){.content{width:min(1840px,100%)}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.login-screen{align-items:center;padding:16px}.auth-layout,.login-auth-layout{grid-template-columns:1fr;gap:14px}.auth-proof-panel{display:none}.auth-hero{min-height:300px;padding:24px}.auth-hero h1{font-size:clamp(32px,10vw,52px)}.auth-hero p{font-size:15px}.auth-feature-grid{grid-template-columns:1fr}.auth-feature-grid div{grid-template-columns:32px 1fr;align-content:center;align-items:center;min-height:60px}.auth-panel{padding:20px}.app-shell{display:block}.mobile-menu-button{z-index:31;border-radius:var(--r-md);-webkit-backdrop-filter:blur(12px);color:#e5eefc;cursor:pointer;background:#0f172ae6;border:1px solid #94a3b83d;place-items:center;width:42px;height:42px;display:grid;position:fixed;top:12px;right:12px;box-shadow:0 8px 24px #03071266}.nav-open .mobile-menu-button{left:12px;right:auto}.mobile-menu-button md-icon{font-size:22px}.nav-open .sidebar-backdrop{z-index:28;cursor:pointer;background:#0009;border:0;display:block;position:fixed;inset:0}.sidebar{-webkit-backdrop-filter:blur(20px);z-index:30;background:linear-gradient(#08112cfa 0%,#0a1632f5 100%);border-left:1px solid #94a3b82e;flex-direction:column;gap:2px;width:min(280px,86vw);min-height:100vh;padding:68px 10px 16px;transition:transform .2s;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(110%);box-shadow:-8px 0 48px #03071299}.sidebar-brand-row{padding:4px 4px 12px}.sidebar .brand-mark{width:46px;height:46px}.workspace{margin-right:0}.sidebar.open{transform:translate(0)}.nav-list{gap:2px;overflow:hidden auto}.nav-item{min-height:40px;padding:9px 10px;font-size:14px}.sidebar-footer{margin-top:auto;padding-top:8px}.metrics-grid,.class-detail-grid,.detail-grid,.settings-grid{grid-template-columns:1fr}.profile-preview,.progress-settings-panel,.table-panel-title{flex-direction:column;align-items:stretch}.table-search-field{min-width:0}.profile-edit-button{margin-inline-start:0}.content{padding:72px 14px 40px}.page-header{flex-direction:column;padding-inline-end:0}.page-header h1{padding-inline-end:56px;font-size:20px}.dashboard-hero{border-radius:var(--r-xl);min-height:240px;padding:24px}.dashboard-hero>div{max-width:100%}.generated-row{grid-template-columns:1fr}.video-controls{padding:28px 8px 8px}.video-control-row{gap:4px}.video-control-group{gap:0}.video-control-group md-icon-button{width:32px;height:32px}.video-control-group md-icon-button md-icon{font-size:16px}.volume-slider{display:none}.video-time{font-size:11px}.speed-trigger{gap:3px;min-height:30px;padding:0 6px}.speed-trigger md-icon{font-size:15px}.speed-trigger span{font-size:11px}.video-progress{height:4px}.video-center-actions{display:none}.speed-menu{width:min(120px,100vw - 32px);max-height:150px;bottom:calc(100% + 6px);right:50%;overflow-y:auto;transform:translate(50%)}.speed-menu button{min-height:28px}.video-center-actions md-icon-button:nth-child(2){width:48px;height:48px}.video-card-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.video-card{max-width:none}}@media (height<=620px){.import-dialog{width:min(520px,100vw - 44px);max-height:calc(100dvh - 188px)}.student-import-dialog .dialog-actions{width:min(520px,100vw - 44px)}.import-dialog .drop-zone{min-height:72px;padding:10px 12px}.import-target-class,.import-summary,.import-result{border-radius:var(--r-md);padding:10px 12px}}@media (width<=700px){.poster-grid,.list-card-grid,.video-poster-grid{grid-template-columns:1fr;gap:16px}.poster-card{width:100%}.nav-open .workspace{pointer-events:none}.page-header h1{overflow-wrap:anywhere;font-size:18px}.table-wrap{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.table-wrap:hover{box-shadow:none;border-color:#0000}.data-table{min-width:0;display:block}.data-table thead{display:none}.data-table tbody{gap:8px;display:grid}.data-table tr{border-radius:var(--r-lg);background:#fff;border:1px solid #e2e8f0;padding:10px;display:grid}.data-table tr.clickable-row:hover,.data-table tr.clickable-row:focus-visible{background:#f0fdf9}.data-table td{text-align:right;border-bottom:0;grid-template-columns:minmax(80px,.36fr) minmax(0,1fr);align-items:center;gap:8px;padding:8px 6px;display:grid}.data-table .column-id,.data-table .column-image_url,.data-table .column-photo_url,.data-table .column-thumbnail_url,.data-table .column-created_at,.data-table .column-duration_seconds,.data-table .column-status,.data-table .column-watch_state,.data-table .column-progress_percent,.data-table .column-is_active,.data-table .column-is_superuser,.data-table .column-actions{width:auto}.data-table td:before{content:attr(data-label);color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.data-table .empty-cell{text-align:center;padding:20px;display:block}.data-table .empty-cell:before{content:""}.row-actions{justify-content:flex-start}.table-image{width:90px;height:54px}}.notif-bell{border-radius:var(--r-md);cursor:pointer;color:#94a3b8;background:#04b2791f;border:1px solid #04b27942;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s,border-color .12s,color .12s;display:flex;position:relative}.notif-bell:hover{color:#e5eefc;background:#04b27938;border-color:#04b27970}.notif-badge{color:#fff;background:#ef4444;border:2px solid #0b0b0f;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notif-backdrop{z-index:100;background:0 0;position:fixed;inset:0}.notif-drawer{inset-inline-end:0;z-index:101;width:min(360px,100vw);box-shadow:var(--app-shadow);background:#0d0d13;border-inline-start:1px solid #94a3b833;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;overflow-y:auto}.notif-drawer-header{background:#0d0d13;border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;display:flex;position:sticky;top:0}.notif-drawer-header h3{margin:0;font-size:15px;font-weight:600}.notif-drawer-actions{align-items:center;gap:4px;display:flex}.notif-loading,.notif-empty{text-align:center;color:#64748b;padding:40px;font-size:13px}.notif-item{text-align:right;cursor:pointer;color:#e5eefc;background:0 0;border:none;border-bottom:1px solid #94a3b833;align-items:flex-start;gap:12px;width:100%;padding:12px 18px;transition:background .1s;display:flex}.notif-item:hover{background:#111827}.notif-item--unread{background:#04b2790d}.notif-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-text strong{font-size:13px;font-weight:600}.notif-text span{color:#64748b;font-size:12px}.notif-text small{color:#475569;font-size:11px}.notif-dot{background:#04b279;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.stats-row{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.stat-card{border-radius:var(--r-lg);background:#fff;border:1px solid #e2e8f0;flex-direction:column;flex:130px;gap:4px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #0f172a0f}.stat-card.success{background:#22c55e0f;border-color:#22c55e3d}.stat-card.warning{background:#eab3080f;border-color:#eab3083d}.stat-card.error{background:#ef44440f;border-color:#ef44443d}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.stat-value{color:#0f172a;font-size:24px;font-weight:700}.hub-compose{border-radius:var(--r-lg);background:#fff;border:1px solid #e2e8f0;margin-bottom:16px;padding:14px;box-shadow:0 1px 3px #0f172a0f}.hub-compose-form{flex-direction:column;gap:10px;display:flex}.hub-textarea{border-radius:var(--r-md);color:#0f172a;resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;width:100%;padding:10px 12px;font-size:14px}.hub-textarea:focus{border-color:#04b279;outline:none;box-shadow:0 0 0 2px #04b27924}.hub-compose-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.hub-pin-toggle{color:#64748b;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.hub-feed{flex-direction:column;gap:8px;display:flex}.hub-card{border-radius:var(--r-lg);background:#fff;border:1px solid #e2e8f0;padding:14px;box-shadow:0 1px 3px #0f172a0f}.hub-card--pinned{background:#04b2790a;border-color:#04b27947}.hub-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hub-author{align-items:center;gap:10px;display:flex}.hub-author-name{font-size:13px;font-weight:600}.hub-card-meta{color:#64748b;align-items:center;gap:8px;display:flex}.hub-tag{background:#94a3b833;border:1px solid #94a3b859;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:flex}.hub-time{font-size:11px}.hub-content{white-space:pre-wrap;color:#334155;margin:0 0 10px;font-size:14px;line-height:1.55}.hub-audio{width:100%;margin-top:8px}.hub-card-actions{border-top:1px solid #94a3b833;justify-content:flex-end;gap:4px;margin-top:8px;padding-top:8px;display:flex}.schedule-time{align-items:center;gap:6px;font-size:13px;display:flex}.sched-class-pills{direction:rtl;flex-wrap:wrap;gap:8px;padding:0 0 16px;display:flex}.sched-class-pill{border-radius:var(--r-md);color:#94a3b8;font:inherit;cursor:pointer;white-space:nowrap;background:#0b0b0f;border:1px solid #ffffff12;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:border-color .12s,background .12s,color .12s,box-shadow .12s;display:inline-flex}.sched-class-pill:hover{color:#f1f5f9;background:#0b0b0fe0;border-color:#ffffff24}.sched-class-pill--active{color:#fff;background:#0b0b0f;border-color:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff21}.sched-class-pill--active:hover{color:#fff;background:#0b0b0f;border-color:#fff3}.sched-empty{color:#90aab5;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;font-size:15px;display:flex}.sched-empty md-icon{opacity:.45;font-size:40px}.sched-empty p{margin:0}.sched-board{padding:0;overflow:hidden}.sched-loading{justify-content:center;padding:60px;display:flex}@keyframes welcome-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcome-out{0%{opacity:1}to{opacity:0;transform:translateY(-8px)scale(.97)}}.welcome-toast{z-index:9999;border-radius:var(--r-lg);background:linear-gradient(135deg,#0d1117,#111827);border:1px solid #04b27947;align-items:center;gap:14px;min-width:280px;max-width:400px;padding:16px 24px;animation:.4s cubic-bezier(.34,1.56,.64,1) both welcome-in,.4s 3.5s both welcome-out;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000073,0 0 0 1px #04b2791f,0 0 24px #04b27914}.welcome-toast-icon{color:#04b279;background:#04b2791f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.welcome-toast-icon md-icon{--md-icon-size:20px;font-size:20px}.welcome-toast-body{flex-direction:column;gap:3px;display:flex}.welcome-toast-body strong{color:#f1f5f9;font-size:14px;font-weight:700}.welcome-toast-body span{color:#94a3b8bf;font-size:12px}.app-toast{z-index:9999;border-radius:var(--r-lg);background:linear-gradient(135deg,#0d1117,#111827);border:1px solid #94a3b838;align-items:center;gap:14px;min-width:280px;max-width:420px;padding:14px 22px;animation:.4s cubic-bezier(.34,1.56,.64,1) both welcome-in,.4s 3.2s both welcome-out;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000073}.app-toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.app-toast-icon md-icon{--md-icon-size:20px;font-size:20px}.app-toast-body{flex-direction:column;gap:3px;display:flex}.app-toast-body strong{color:#f1f5f9;font-size:14px;font-weight:700}.app-toast-body span{color:#94a3b8c7;font-size:12px}.app-toast--success{border-color:#04b27959}.app-toast--success .app-toast-icon{color:#04b279;background:#04b27924}.app-toast--error{border-color:#ef444466}.app-toast--error .app-toast-icon{color:#f87171;background:#ef444424}.app-toast--info{border-color:#3b82f659}.app-toast--info .app-toast-icon{color:#60a5fa;background:#3b82f624}.cal-empty-state{color:var(--md-sys-color-on-surface-variant);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:100px 24px;display:flex}.cal-empty-state md-icon{--md-icon-size:56px;opacity:.4;font-size:56px}.cal-empty-state p{opacity:.7;margin:0;font-size:1rem}.sched-scroll{overscroll-behavior-x:contain;overflow-x:auto}.sched-grid{grid-template-columns:128px repeat(var(--day-count,7), minmax(148px, 1fr));direction:ltr;min-width:1164px;display:grid;position:relative}.sched-now-line{top:var(--now-top);left:calc(128px + var(--today-col,0) * ((100% - 128px) / var(--day-count,5)));width:calc((100% - 128px) / var(--day-count,5));z-index:2;pointer-events:none;background:linear-gradient(90deg,#dc2626f2,#ef4444e6);height:2px;position:absolute;transform:translateY(-50%);box-shadow:0 0 0 1px #ffffff38,0 0 16px #dc262673}.sched-corner{color:#64748b;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:70px;font-size:12px;font-weight:700;display:flex}.sched-corner md-icon{font-size:18px}.sched-day-head{background:#f8fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:70px;display:flex}.sched-day-head:last-child{border-right:0}.sched-day-label{color:#1e293b;font-size:15px;font-weight:800}.sched-day-sub{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.sched-time-cell{color:#64748b;text-align:center;background:#fff;border-bottom:1px solid #f1f5f9;border-right:1px solid #e2e8f0;justify-content:center;align-items:center;min-height:120px;padding:10px;font-size:12px;font-weight:700;line-height:1.4;display:flex}.sched-slot{background:#fbfdff;border-bottom:1px solid #f1f5f9;border-right:1px solid #e8eef4;flex-direction:column;gap:6px;min-height:120px;padding:8px;transition:background .14s;display:flex}.sched-slot:last-child{border-right:0}.sched-slot:hover{background:#f0f7ff}.sched-add-btn{border-radius:var(--r-md);color:#94a3b8;cursor:pointer;background:0 0;border:1.5px dashed #cbd5e1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;width:100%;min-height:96px;font-size:12px;font-weight:700;transition:border-color .14s,color .14s,background .14s;display:flex}.sched-add-btn md-icon{font-size:22px}.sched-add-btn:hover{color:#008b65;background:#04b2790f;border-color:#04b279}.sched-lecture-card{border-radius:var(--r-md);text-align:right;cursor:pointer;background:radial-gradient(circle at 90% 10%,#ffffff38,#0000 30%),linear-gradient(145deg,#00565af0,#04b279e6);border:0;flex-direction:column;flex:1;gap:5px;width:100%;min-height:96px;padding:10px 12px;transition:box-shadow .14s,transform .14s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00565a33}.sched-lecture-card:hover{transform:translateY(-1px);box-shadow:0 12px 32px #00565a4d}.sched-lecture-card:hover .sched-card-actions{opacity:1}.sched-card-class{color:#b9f8d8e6;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.sched-card-title{color:#fff;font-size:14px;font-weight:800;line-height:1.25}.sched-card-desc{color:#ffffffc2;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.sched-card-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sched-card-duration{color:#b9f8d8e6;flex-shrink:0;align-items:center;gap:2px;font-size:9px;font-weight:800;display:inline-flex}.sched-card-duration md-icon{font-size:10px}.sched-card-join{color:#b9f8d8;background:#ffffff24;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:800;text-decoration:none;transition:background .12s;display:inline-flex}.sched-card-join:hover{background:#ffffff42}.sched-card-join md-icon{font-size:13px}.sched-card-actions{opacity:0;gap:3px;transition:opacity .14s;display:flex;position:absolute;top:6px;left:6px}.sched-card-action-btn{border-radius:var(--r-sm);color:#fff;cursor:pointer;background:#ffffff38;border:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;line-height:0;transition:background .12s;display:inline-flex}.sched-card-action-btn md-icon{justify-content:center;align-items:center;width:14px;height:14px;font-size:14px;line-height:1;display:inline-flex}.sched-card-action-btn:hover{background:#fff6}.sched-card-action-btn--danger:hover{background:#dc262680}@media (width<=900px){.sched-scroll,.sched-board{padding:0}}.sched-ctrl-btn{border-radius:var(--r-md);height:40px;font:inherit;cursor:pointer;border:1px solid #e2e8f0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;transition:background .14s,color .14s;display:inline-flex}.custom-select-trigger.sched-ctrl-btn{color:#31505a;border-radius:var(--r-md);background:#eef4f6;border:0;gap:6px;width:auto;min-height:38px;padding:0 14px;font-size:13px;font-weight:800}.custom-select-trigger.sched-ctrl-btn:hover:not(:disabled){background:#dce8ec;border:0}.custom-select-trigger.sched-ctrl-btn .custom-select-value,.custom-select-trigger.sched-ctrl-btn .custom-select-placeholder{color:#31505a}.sched-ctrl-btn md-icon{font-size:17px}.sched-ctrl-btn--green{color:#fff;background:#04b279;box-shadow:0 8px 16px #04b27933}.sched-ctrl-btn--green:hover{background:#008b65}.sched-ctrl-btn--sec{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.sched-ctrl-btn--sec:hover{background:#e2e8f0}.sched-time-cell--editing{justify-content:flex-start;align-items:stretch;padding:6px}.sched-time-edit-wrap{flex-direction:column;gap:4px;width:100%;display:flex}.sched-time-input{border-radius:var(--r-md);color:#17202f;width:100%;font:inherit;text-align:center;background:#fff;border:1px solid #04b279;outline:none;padding:5px 6px;font-size:11px;font-weight:700;box-shadow:0 0 0 2px #04b2791f}.sched-time-del-btn{color:#c44131;cursor:pointer;background:#ffe8e4;border:0;border-radius:5px;justify-content:center;align-items:center;width:100%;padding:3px 0;transition:background .12s;display:flex}.sched-time-del-btn md-icon{font-size:14px}.sched-time-del-btn:hover{background:#ffd1ca}.sched-add-slot-btn{border-radius:var(--r-md);color:#04b279;cursor:pointer;width:100%;font:inherit;background:0 0;border:1.5px dashed #04b279;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:800;transition:background .12s;display:flex}.sched-add-slot-btn:hover{background:#04b27914}.sched-add-slot-btn md-icon{font-size:16px}.sched-slot--add-row{background:#04b27908;border-color:#04b2791f;min-height:60px}.exams-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.exams-view-tabs{background:#f1f5f9;border-radius:10px;gap:4px;padding:4px;display:flex}.exams-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.exams-tab md-icon{font-size:18px}.exams-tab--active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #00000014}.exams-type-chips{flex-wrap:wrap;gap:6px;display:flex}.exam-chip{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:500;transition:all .15s}.exam-chip--active{background:var(--chip-color,#0f172a);border-color:var(--chip-color,#0f172a);color:#fff}.exams-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.exams-empty md-icon{font-size:48px}.exams-upcoming,.exams-byclass{flex-direction:column;gap:24px;display:flex}.exams-section{flex-direction:column;gap:12px;display:flex}.exams-section-title{color:#334155;cursor:pointer;align-items:center;gap:8px;margin:0;padding:0 4px;font-size:15px;font-weight:600;list-style:none;display:flex}.exams-section-title md-icon{color:#64748b;font-size:20px}.exams-section-title--past{color:#94a3b8}.exams-past-section{margin-top:4px}.exams-past-section>.exams-section-title{padding:10px 4px}.exams-class-group{padding:0;overflow:hidden}.exams-class-group>summary{color:#0f172a;cursor:pointer;background:#f8fafc;border-radius:12px 12px 0 0;align-items:center;gap:10px;padding:16px 20px;font-size:15px;font-weight:600;list-style:none;display:flex}.exams-class-group[open]>summary{border-bottom:1px solid #e2e8f0}.exams-class-group>summary::-webkit-details-marker{display:none}.exams-class-group>summary md-icon{color:#04b279}.exams-class-count{color:#475569;background:#e2e8f0;border-radius:10px;margin-right:auto;padding:2px 8px;font-size:12px;font-weight:600}.exams-section-group{border-bottom:1px solid #f1f5f9;padding:16px 20px}.exams-section-group:last-child{border-bottom:none}.exams-section-label{color:#64748b;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.exams-section-label md-icon{font-size:16px}.exams-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.exam-card{border:1.5px solid #e2e8f0;border-top:3px solid var(--exam-color,#64748b);background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:16px;transition:box-shadow .15s;display:flex;position:relative}.exam-card:hover{box-shadow:0 4px 16px #00000014}.exam-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.exam-type-badge{color:#fff;letter-spacing:.3px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.exam-countdown{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.exam-countdown--past{color:#94a3b8;background:#f1f5f9}.exam-countdown--today{color:#ef4444;background:#fef2f2}.exam-countdown--tomorrow{color:#f97316;background:#fff7ed}.exam-countdown--soon{color:#ca8a04;background:#fefce8}.exam-countdown--future{color:#16a34a;background:#f0fdf4}.exam-card-body{flex-direction:column;gap:3px;display:flex}.exam-card-title{color:#0f172a;font-size:15px;font-weight:700}.exam-card-subject{color:#64748b;font-size:13px}.exam-card-meta{flex-direction:column;gap:5px;display:flex}.exam-meta-item{color:#475569;align-items:center;gap:6px;font-size:13px;display:flex}.exam-meta-item md-icon{color:#94a3b8;font-size:15px}.exam-card-instructions{color:#64748b;background:#f8fafc;border-radius:8px;margin:0;padding:8px 10px;font-size:12px;line-height:1.6}.exam-card-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:6px;margin-top:2px;padding-top:8px;display:flex}.exam-card-action-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.exam-card-action-btn:hover{color:#0f172a;background:#e2e8f0}.exam-card-action-btn--danger:hover{color:#ef4444;background:#fef2f2}.exam-form-dialog{width:95vw;max-width:680px}.exam-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.exam-form-field--full{grid-column:1/-1}.exam-cal-nav-bar{justify-content:space-between;align-items:center;gap:12px;padding:14px 20px 10px;display:flex}.exam-cal-nav-controls{align-items:center;gap:6px;display:flex}.exam-cal-month-title{color:#0f172a;text-align:center;min-width:150px;margin:0;font-size:17px;font-weight:700}.exam-cal-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .13s,border-color .13s;display:flex}.exam-cal-nav-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.exam-cal-today-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .13s}.exam-cal-today-btn:hover{color:#04b279;background:#f1f5f9;border-color:#04b279}.exam-cal-grid{direction:ltr;grid-template-columns:repeat(7,minmax(100px,1fr));min-width:700px;display:grid;position:relative}.exam-cal-cell{position:relative;min-height:130px!important;padding:6px 8px!important}.exam-cal-cell--other{opacity:.7;background:#f6f8fa!important}.exam-cal-cell--today{background:#04b2790d!important;border-bottom-color:#04b27933!important}.exam-cal-day-num{color:#64748b;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:24px;height:24px;margin-bottom:4px;font-size:12px;font-weight:500;display:inline-flex}.exam-cal-day-num--today{color:#fff;background:#04b279;font-weight:800}.exam-cal-day-num--other{color:#c0cad6}.exam-cal-add-btn{flex:unset!important;border-radius:var(--r-md)!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;width:auto!important;height:auto!important;min-height:0!important;padding:6px 8px!important;position:absolute!important;inset:4px!important}.exam-cal-add-btn .exam-cal-day-num{color:#94a3b8;align-self:flex-end;margin-bottom:auto}.exam-cal-add-btn md-icon,.exam-cal-add-btn>span:last-child{align-self:center;margin:auto 0}.exam-cal-overflow-btn{color:#64748b;cursor:pointer;text-align:right;background:0 0;border:none;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;transition:background .12s}.exam-cal-overflow-btn:hover{color:#0f172a;background:#f1f5f9}.exam-event-card{border-radius:var(--r-md,10px);text-align:right;cursor:pointer;border:0;flex-direction:column;gap:3px;width:auto;padding:6px 8px;transition:box-shadow .14s,filter .14s;display:flex;position:absolute;inset:4px;overflow:hidden}.exam-event-card:hover{filter:brightness(1.07)}.exam-event-card .exam-cal-day-num{color:#ffffffd9;flex-shrink:0;align-self:flex-end;margin-bottom:4px}.exam-event-card .exam-cal-day-num--today{color:#fff;background:#ffffff47}.exam-event-overflow{color:#ffffffbf;letter-spacing:.02em;margin-top:auto;font-size:10px;font-weight:700}.exam-event-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;line-height:1.25;overflow:hidden}.exam-event-subject{color:#ffffffc7;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.exam-event-footer{align-items:center;gap:6px;margin-top:auto;display:flex}.exam-event-type{color:#ffffffd9;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.exam-event-dur{color:#fffc;align-items:center;gap:2px;margin-right:auto;font-size:10px;font-weight:700;display:inline-flex}.exam-event-dur md-icon{font-size:12px}.exam-detail-modal{width:95vw;max-width:500px;position:relative;overflow:hidden}.exam-detail-stripe{border-radius:16px 16px 0 0;height:5px;position:absolute;top:0;left:0;right:0}.exam-detail-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:auto;transition:background .12s;display:flex}.exam-detail-close-btn:hover{color:#0f172a;background:#e2e8f0}.exam-detail-title{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700}.exam-detail-subject{color:#64748b;margin:0 0 14px;font-size:14px}.exam-detail-meta{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.exam-detail-instructions{color:#475569;background:#f8fafc;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.6}.exam-detail-instructions strong{color:#334155;margin-bottom:4px;display:block}.exam-detail-instructions p{margin:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}.app-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a122385;justify-content:center;align-items:center;padding:20px;animation:.16s modal-fade-in;display:flex;position:fixed;inset:0}.app-modal-dialog{text-align:right;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;direction:rtl;background:#fff;border-radius:18px;width:min(520px,100%);max-height:90vh;animation:.24s cubic-bezier(.22,1,.36,1) modal-slide-up;overflow:hidden auto;box-shadow:0 0 0 1px #0a12230f,0 32px 80px #0a122338}.app-modal-dialog--wide{width:min(820px,100%)}.app-modal-dialog--compact{width:min(420px,100%)}.app-modal-head{background:linear-gradient(160deg,#f0fdf9 0%,#fff 70%);border-bottom:1px solid #e2ede9;padding:26px 52px 18px 24px;position:relative}.app-modal-head h3{color:#0b3d2e;letter-spacing:-.3px;margin:0 0 4px;font-size:20px;font-weight:800}.app-modal-head p{color:#64748b;margin:0;font-size:13px;font-weight:500}.app-modal-head--danger{background:linear-gradient(160deg,#fff5f5 0%,#fff 70%);border-bottom-color:#fce8e8}.app-modal-head--danger h3{color:#7f1d1d}.app-modal-head--danger p{color:#991b1b}.app-modal-close{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;line-height:1;transition:background .12s,color .12s;display:flex;position:absolute;top:14px;left:16px}.app-modal-close:hover{color:#0f172a;background:#00000012}.app-modal-body{padding:20px 24px 4px}.app-modal-info-pills{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.app-modal-info-pill{border-radius:var(--r-md);background:#f0f9f6;border:1px solid #04b27926;padding:12px 14px}.app-modal-info-pill span{color:#6f7d8e;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.app-modal-info-pill strong{color:#00575b;font-size:15px;font-weight:800;display:block}.app-form-field{gap:7px;margin-bottom:14px;display:grid}.app-form-field label{color:#405062;font-size:13px;font-weight:800}.app-form-field input,.app-form-field textarea,.app-form-field select{border-radius:var(--r-md);color:#17202f;width:100%;font:inherit;background:#fff;border:1px solid #d6e0e7;outline:none;padding:11px 13px;font-size:14px;transition:border-color .14s,box-shadow .14s}.app-form-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:10px;background-repeat:no-repeat;padding-left:36px}.app-form-field textarea{resize:vertical;min-height:80px}.teacher-mention-field{position:relative}.teacher-mention-menu{z-index:20;border-radius:var(--r-md);background:#fff;border:1px solid #d6e0e7;max-height:230px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #0a122329}.teacher-mention-option{color:#17202f;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:46px;padding:7px 8px;display:flex}.teacher-mention-option:hover,.teacher-mention-option--active{background:#f0f9f6}.teacher-mention-avatar{color:#007a59;background:#dff7ef;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:inline-flex}.teacher-mention-copy{gap:2px;min-width:0;display:grid}.teacher-mention-copy strong,.teacher-mention-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.teacher-mention-copy strong{color:#17202f;font-size:13px;font-weight:800}.teacher-mention-copy small{color:#64748b;text-align:right;direction:ltr;font-size:11px}.teacher-mention-empty{color:#64748b;padding:10px 12px;font-size:13px;font-weight:700}.app-form-field input:focus,.app-form-field textarea:focus,.app-form-field select:focus{border-color:#04b279;box-shadow:0 0 0 3px #04b27924}.app-modal-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.app-modal-actions{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding:16px 24px 22px;display:flex}.app-modal-actions-right{gap:8px;display:flex}.app-modal-btn{border-radius:var(--r-md);min-height:38px;font:inherit;cursor:pointer;color:#fff;background:#04b279;border:0;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:800;transition:background .14s,box-shadow .14s;display:inline-flex;box-shadow:0 4px 12px #04b27933}.app-modal-btn:hover{background:#008b65}.app-modal-btn:disabled{opacity:.6;cursor:not-allowed}.app-modal-btn--secondary{color:#475569;box-shadow:none;background:#f1f5f9}.app-modal-btn--secondary:hover{color:#1e293b;background:#e2e8f0}.app-modal-btn--danger{color:#c44131;box-shadow:none;background:#ffe8e4}.group-checklist{flex-direction:column;gap:6px;max-height:340px;padding:2px 0;display:flex;overflow-y:auto}.group-checklist-item{cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #e9eef4;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:background .12s,border-color .12s;display:flex}.group-checklist-item:hover{background:#f6faf8;border-color:#c7e8dc}.group-checklist-item--checked{background:#edfaf4;border-color:#04b279}.group-checklist-item input[type=checkbox]{accent-color:#04b279;cursor:pointer;flex-shrink:0;width:17px;height:17px}.group-checklist-name{color:#1e293b;flex:1;font-size:14px;font-weight:700}.group-checklist-desc{color:#64748b;font-size:12px}.app-modal-btn--danger:hover{background:#ffd1ca}.app-modal-btn--danger-solid{color:#fff;background:#dc2626;box-shadow:0 8px 18px #dc262647}.app-modal-btn--danger-solid:hover{background:#b91c1c}.confirm-dialog{text-align:center;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;direction:rtl;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:min(380px,100%);padding:32px 28px 24px;animation:.24s cubic-bezier(.22,1,.36,1) modal-slide-up;display:flex;box-shadow:0 0 0 1px #0a12230f,0 32px 80px #0a122338}.confirm-dialog-title-row{align-items:center;gap:10px;display:flex}.confirm-dialog-icon{flex-shrink:0;width:36px;height:36px}.confirm-dialog-title{color:#7f1d1d;letter-spacing:-.3px;margin:0;font-size:19px;font-weight:800}.confirm-dialog-body{color:#475569;margin:0;font-size:14px;line-height:1.7}.confirm-dialog-actions{gap:10px;width:100%;margin-top:8px;display:flex}.confirm-dialog-btn{border-radius:10px;flex:1;justify-content:center;min-height:42px;font-size:14px}@media (width<=600px){.app-modal-info-pills,.app-modal-row{grid-template-columns:1fr}.app-modal-actions{flex-direction:column;align-items:stretch}.app-modal-actions-right{flex-direction:column}.app-modal-btn{width:100%}}.filter-select{border-radius:var(--r-md);color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;padding:7px 12px;font-size:13px;transition:border-color .12s}.filter-select.full-width{width:100%}.filter-select:focus{border-color:#04b279;outline:none;box-shadow:0 0 0 2px #04b27924}.link-btn{color:#04b279;border-radius:var(--r-sm);align-items:center;gap:4px;padding:4px 8px;font-size:13px;text-decoration:none;transition:background .12s;display:inline-flex}.link-btn:hover{background:#04b2791a}.progress-cell{align-items:center;gap:10px;min-width:120px;display:flex}.progress-bar-wrap{background:#e2e8f0;border-radius:999px;flex:1;height:5px;overflow:hidden}.progress-bar-fill{background:#04b279;border-radius:999px;height:100%;transition:width .3s}.upload-progress{flex-direction:column;gap:6px;margin-top:16px;font-size:13px;display:flex}.upload-progress-head{color:#1e293b;justify-content:space-between;font-weight:600;display:flex}.upload-progress-track{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.upload-progress-bar{background:#04b279;border-radius:999px;height:100%;transition:width .15s linear}.upload-progress-bar--indeterminate{animation:1.4s ease-in-out infinite upload-indeterminate;width:40%!important}@keyframes upload-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.upload-progress-meta{color:#64748b;font-size:12px}.empty-state{color:#475569;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state md-icon{opacity:.5;font-size:44px}.parent-students-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.parent-student-card{border-radius:var(--r-lg);background:#fff;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0f172a0f}.parent-student-header{text-align:right;cursor:pointer;color:#e5eefc;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:14px 18px;transition:background .12s;display:flex}.parent-student-header:hover{background:#0e1a2f}.parent-student-header>div{flex-direction:column;flex:1;gap:3px;display:flex}.parent-student-header strong{font-size:14px;font-weight:600}.parent-student-header span{color:#64748b;font-size:12px}.parent-student-body{border-top:1px solid #94a3b833;padding:14px 18px}.form-field{flex-direction:column;gap:5px;display:flex}.form-label{color:#94a3b8;font-size:12px;font-weight:500}.form-stack{flex-direction:column;gap:14px;display:flex}.notif-popup{top:64px;right:calc(var(--sidebar-width) - 8px);z-index:9999;-webkit-backdrop-filter:blur(20px);border-radius:var(--r-xl);background:linear-gradient(#0c1430f5,#0a1128f0);border:1px solid #94a3b83d;flex-direction:column;width:360px;max-height:520px;animation:.15s popup-in;display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 72px #03071299}@keyframes popup-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-popup-header{border-bottom:1px solid #94a3b82e;flex-shrink:0;align-items:center;gap:8px;padding:14px 16px 12px;display:flex}.notif-popup-title{color:#e5eefc;flex:1;font-size:14px;font-weight:600}.notif-popup-count{color:#fff;background:#04b279;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.notif-popup-mark-all{color:#04b279;cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;padding:4px 8px;font-size:12px;font-weight:600;transition:background .12s}.notif-popup-mark-all:hover{background:#04b2791a}.notif-popup-body{flex:1;overflow-y:auto}.notif-popup-loading,.notif-popup-empty{color:#475569;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;font-size:13px;display:flex}.notif-popup-empty md-icon{opacity:.4;font-size:36px}.notif-popup-item{text-align:right;cursor:pointer;color:#cbd5e1;background:0 0;border:none;border-bottom:1px solid #94a3b833;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;transition:background .1s;display:flex}.notif-popup-item:last-child{border-bottom:0}.notif-popup-item:hover{background:#0e1a2f}.notif-popup-item--unread{background:#04b2790f}.notif-popup-icon{border-radius:var(--r-md);color:#94a3b8;background:#94a3b833;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.notif-popup-icon--payment{color:#86efac;background:#22c55e24}.notif-popup-icon--assignment{color:#93c5fd;background:#04b27924}.notif-popup-icon--schedule{color:#d8b4fe;background:#a855f724}.notif-popup-icon--default{color:#fde68a;background:#eab30824}.notif-popup-icon md-icon{font-size:18px}.notif-popup-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-popup-text strong{color:#e5eefc;font-size:13px;font-weight:600}.notif-popup-text span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notif-popup-text small{color:#475569;font-size:11px}.notif-popup-dot{background:#04b279;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{border-radius:var(--r-xl);border:1px solid #0000;flex-direction:column;gap:12px;min-height:180px;padding:20px;display:flex;position:relative;overflow:hidden}.kpi-card--green{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-color:#10b98140}.kpi-card--purple{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border-color:#7c3aed40}.kpi-card--amber{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#d9770640}.kpi-card--red{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#dc262640}.kpi-card--blue{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#2563eb40}.kpi-card--cyan{background:linear-gradient(135deg,#cffafe 0%,#a5f3fc 100%);border-color:#0891b240}.kpi-card--green .kpi-label{color:#065f46}.kpi-card--green .kpi-value{color:#064e3b}.kpi-card--green .kpi-icon{background:#10b98138}.kpi-card--green .kpi-icon md-icon{color:#065f46}.kpi-card--purple .kpi-label{color:#4c1d95}.kpi-card--purple .kpi-value{color:#3b0764}.kpi-card--purple .kpi-icon{background:#7c3aed2e}.kpi-card--purple .kpi-icon md-icon{color:#4c1d95}.kpi-card--amber .kpi-label{color:#92400e}.kpi-card--amber .kpi-value{color:#78350f}.kpi-card--amber .kpi-icon{background:#d9770633}.kpi-card--amber .kpi-icon md-icon{color:#92400e}.kpi-card--red .kpi-label{color:#991b1b}.kpi-card--red .kpi-value{color:#7f1d1d}.kpi-card--red .kpi-icon{background:#dc26262e}.kpi-card--red .kpi-icon md-icon{color:#991b1b}.kpi-card--blue .kpi-label{color:#1e40af}.kpi-card--blue .kpi-value{color:#1e3a8a}.kpi-card--blue .kpi-icon{background:#2563eb2e}.kpi-card--blue .kpi-icon md-icon{color:#1e40af}.kpi-card--cyan .kpi-label{color:#164e63}.kpi-card--cyan .kpi-value{color:#083344}.kpi-card--cyan .kpi-icon{background:#0891b22e}.kpi-card--cyan .kpi-icon md-icon{color:#164e63}.kpi-card-top{justify-content:space-between;align-items:flex-start;display:flex}.kpi-icon{border-radius:var(--r-lg);background:#00000014;place-items:center;width:48px;height:48px;display:grid}.kpi-icon md-icon{color:#334155;font-size:24px}.kpi-trend{border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.kpi-trend--up{color:#065f46;background:#10b98129}.kpi-trend--down{color:#991b1b;background:#dc262624}.kpi-trend md-icon{font-size:14px}.kpi-card-body{flex-direction:column;gap:4px;display:flex}.kpi-label{color:#475569;font-size:13px;font-weight:500}.kpi-value{color:#0f172a;letter-spacing:-.02em;font-size:32px;font-weight:800;line-height:1}.kpi-spark{margin-top:auto}.sparkline{opacity:.7;width:100%;height:48px;display:block}.analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}@media (width<=1100px){.analytics-grid{grid-template-columns:1fr}}.analytics-panel{flex-direction:column;gap:16px;display:flex}.analytics-panel-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.analytics-panel-title md-icon{color:#04b279;font-size:18px}.analytics-ring-row{align-items:center;gap:20px;display:flex}.ring-chart{flex-shrink:0}.analytics-ring-stats{flex-direction:column;flex:1;gap:12px;display:flex}.analytics-ring-stat{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.analytics-ring-stat strong{color:#0f172a;margin-inline-start:auto;font-weight:700}.section-completion-list{flex-direction:column;gap:14px;max-height:260px;display:flex;overflow-y:auto}.section-completion-row{flex-direction:column;gap:5px;display:flex}.section-completion-head{color:#0f172a;align-items:center;gap:8px;font-size:13px;display:flex}.section-completion-name{flex:1;font-weight:600}.section-completion-head strong{color:#04b279;font-weight:700}.section-completion-meta{color:#64748b;font-size:11px}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot--green{background:#22c55e}.dot--blue{background:#3b82f6}.dot--amber{background:#f59e0b}.mini-bar-chart{align-items:flex-end;gap:8px;height:80px;padding-bottom:20px;display:flex}.mini-bar-wrap{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.mini-bar{border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .3s}.mini-bar-label{color:#64748b;white-space:nowrap;font-size:11px}.analytics-pay-row{gap:12px;display:flex}.analytics-pay-item{border-radius:var(--r-md);color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;flex:1;gap:4px;padding:10px 12px;font-size:12px;display:flex}.analytics-pay-item strong{color:#0f172a;font-size:20px;font-weight:700}.text-green{color:#86efac!important}.text-amber{color:#fde68a!important}.analytics-assign-bars{flex-direction:column;gap:14px;display:flex}.assign-bar-row{color:#64748b;grid-template-columns:1fr auto auto;align-items:center;gap:10px;font-size:13px;display:grid}.assign-bar-track{background:#e2e8f0;border-radius:999px;width:80px;height:6px;overflow:hidden}.assign-bar-fill{border-radius:999px;height:100%;transition:width .4s}.assign-bar-fill--blue{background:#3b82f6}.assign-bar-fill--green{background:#22c55e}.assign-bar-row strong{color:#0f172a;text-align:left;min-width:28px;font-weight:700}.student-profile{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.profile-hero-card{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:32px 24px 24px;display:flex;box-shadow:0 2px 8px #0a122314,0 0 0 1px #0a12230d}.profile-hero-ring{background:conic-gradient(#04b279 0%,#5eead4 50%,#04b279 100%);border-radius:50%;flex-shrink:0;width:108px;height:108px;margin-bottom:8px;padding:4px;box-shadow:0 4px 16px #04b27947}.profile-hero-photo{object-fit:cover;background:#ecfdf5;border:3px solid #fff;border-radius:50%;width:100%;height:100%;display:block}.profile-hero-photo.image-fallback{color:#04b279;background:#ecfdf5;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:48px;display:flex}.profile-hero-name{color:#0f172a;text-align:center;margin:0;font-size:20px;font-weight:800}.profile-hero-id-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.profile-hero-id-btn:hover{color:#04b279;background:#f0fdf9}.profile-hero-id-btn md-icon{color:#94a3b8;font-size:15px}.profile-hero-stats{background:#f8fafc;border-radius:14px;justify-content:center;align-items:center;gap:0;width:100%;max-width:380px;margin-top:12px;padding:12px 8px;display:flex}.profile-hero-stat{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.profile-hero-stat strong{color:#0b3d2e;font-size:18px;font-weight:800;line-height:1.1}.profile-hero-stat strong span{color:#94a3b8;font-size:12px;font-weight:600}.profile-hero-stat>span{color:#64748b;font-size:11px;font-weight:500}.profile-hero-stat-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:32px}.profile-strength-panel{flex-direction:column;align-items:center;gap:16px;display:flex}.profile-strength-title{color:#0f172a;align-self:flex-start;margin:0;font-size:20px;font-weight:800}.profile-chart-panel{flex-direction:column;gap:12px;display:flex}.profile-chart-title{color:#0b3d2e;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.profile-chart-title md-icon{color:#04b279;font-size:18px}.line-chart-wrap{border-radius:8px;overflow:hidden}.line-chart{width:100%;height:110px;display:block}.radar-wrap{justify-content:center;align-items:center;width:100%;display:flex}.radar-chart-svg{width:100%;max-width:340px;height:auto;margin:0 auto;display:block}.profile-hero-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:2px;display:flex}.profile-hero-meta-chip{border-radius:20px;align-items:center;gap:4px;padding:4px 12px 4px 10px;font-size:12px;font-weight:600;display:inline-flex}.profile-hero-meta-chip md-icon{font-size:14px}.profile-hero-meta-chip--class{color:#065f46;background:#ecfdf5}.profile-hero-meta-chip--class md-icon{color:#04b279}.profile-hero-meta-chip--section{color:#1e40af;background:#eff6ff}.profile-hero-meta-chip--section md-icon{color:#3b82f6}.empty-state.compact{padding:24px 16px;font-size:14px}.settings-profile-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.settings-avatar-wrap{flex-shrink:0}.settings-avatar{border-radius:var(--r-lg);object-fit:cover;width:72px;height:72px}.settings-avatar.avatar-placeholder{color:#475569;border-radius:var(--r-lg);background:#e2e8f0;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;display:flex}.settings-profile-info{flex:1;min-width:0}.settings-profile-info h2{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700}.settings-profile-info p{color:#64748b;margin:0 0 6px;font-size:13px}.settings-role-badge{color:#04b279;background:#04b2791f;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.settings-edit-btn{flex-shrink:0;margin-inline-start:auto}.settings-danger-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.settings-danger-info h3{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:600}.settings-danger-info p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.content:has(>.chat-app){width:100%;max-width:none;padding:0}.chat-app{background-color:#efeae2;background-image:radial-gradient(#0f172a0b 1px,#0000 1px),radial-gradient(#0f172a09 1px,#0000 1px);background-position:0 0,14px 14px;background-repeat:repeat;background-size:28px 28px,28px 28px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;width:100%;height:100vh;max-height:100vh;font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.chat-app-sidebar{z-index:2;background:#fff;border-inline-end:1px solid #e2e8f0;flex-direction:column;width:360px;min-width:320px;height:100%;min-height:0;display:flex;position:relative}.chat-app-sidebar-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:16px 18px 12px}.chat-app-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:19px;font-weight:700;display:flex}.chat-total-badge{color:#fff;background:#04b279;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.chat-app-subtitle{color:#64748b;margin:4px 0 0;font-size:12px}.chat-search{background:#f1f5f9;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;margin:10px 14px;padding:8px 14px;transition:border-color .12s;display:flex}.chat-search:focus-within{background:#fff;border-color:#04b27999}.chat-search md-icon{color:#94a3b8;font-size:18px}.chat-search input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:14px}.chat-search input::placeholder{color:#94a3b8}.chat-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;padding:2px;display:inline-flex}.chat-search-clear:hover{color:#475569;background:#e2e8f0}.chat-list{flex:1;min-height:0;padding-bottom:16px;overflow-y:auto}.chat-list::-webkit-scrollbar{width:6px;display:block}.chat-list::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.chat-list-section{padding-top:8px}.chat-list-section-title{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;padding:8px 18px 4px;font-size:11px;font-weight:700;display:block}.chat-list-item{cursor:pointer;text-align:right;background:0 0;border:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:background .12s;display:flex}.chat-list-item:hover{background:#f8fafc}.chat-list-item--active{background:#ecfdf5}.chat-list-item--active:hover{background:#d1fae5}.chat-list-item--user{background:#04b2790a}.chat-list-item-text{flex:1;min-width:0}.chat-list-item-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-list-item-row--bottom{margin-top:4px}.chat-list-item-text strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.chat-list-item-time{color:#94a3b8;flex-shrink:0;font-size:11px}.chat-list-item--active .chat-list-item-time{color:#047857}.chat-list-item-preview{color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.chat-unread-badge{color:#fff;background:#04b279;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.chat-role-pill{color:#047857;background:#04b2791f;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:600}.chat-empty-list{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:48px 20px;display:flex}.chat-empty-list md-icon{color:#cbd5e1;font-size:48px}.chat-empty-list p{color:#475569;margin:0;font-weight:600}.chat-empty-list span{font-size:12px}.chat-avatar{color:#fff;object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:inline-flex;overflow:hidden}.chat-avatar-img{object-fit:cover}.chat-avatar md-icon{color:#fff;font-size:22px}.chat-app-main{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.chat-placeholder{color:#64748b;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}.chat-placeholder md-icon{color:#cbd5e1;font-size:72px}.chat-placeholder h3{color:#0f172a;margin:0;font-size:20px;font-weight:700}.chat-placeholder p{color:#64748b;max-width:400px;margin:0;line-height:1.6}.chat-main-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:12px;padding:12px 20px;display:flex}.chat-main-header-text{flex-direction:column;flex:1;min-width:0;display:flex}.chat-main-header-text strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.chat-main-header-text span{color:#64748b;font-size:12px}.chat-back-button{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:none}.chat-back-button:hover{background:#e2e8f0}.chat-error-banner{color:#b91c1c;background:#fef2f2;border-bottom:1px solid #fecaca;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex}.chat-error-banner button{cursor:pointer;color:#b91c1c;background:0 0;border:none;align-items:center;display:inline-flex}.chat-messages{flex-direction:column;flex:1;gap:4px;min-height:0;padding:20px 8% 16px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:8px;display:block}.chat-messages::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:999px}.chat-loading,.chat-no-messages{color:#64748b;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.chat-no-messages md-icon{color:#cbd5e1;font-size:40px}.chat-msg-row{align-self:flex-start;align-items:flex-end;gap:8px;max-width:75%;margin-top:10px;display:flex}.chat-msg-row--me{flex-direction:row-reverse;align-self:flex-end}.chat-msg-row--grouped{margin-top:2px;padding-inline-start:40px}.chat-msg-row--grouped.chat-msg-row--me{padding-inline-start:0}.chat-bubble{word-break:break-word;background:#fff;border-radius:14px 14px 14px 4px;min-width:88px;max-width:100%;padding:8px 12px 6px;position:relative;box-shadow:0 1px 1px #0f172a1a}.chat-msg-row--me .chat-bubble{background:#d1fae5;border-radius:14px 14px 4px}.chat-bubble--pinned{outline:2px solid #04b27959}.chat-msg-author{margin-bottom:2px;font-size:12px;font-weight:700;display:block}.chat-msg-pinned{color:#047857;background:#04b27924;border-radius:999px;align-items:center;gap:4px;margin-bottom:4px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.chat-msg-pinned md-icon{font-size:12px}.chat-msg-text{color:#0f172a;white-space:pre-wrap;margin:0;padding-inline-end:50px;font-size:14.5px;line-height:1.55}.chat-msg-meta{color:#64748b;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:10.5px;display:flex;position:relative}.chat-msg-time{white-space:nowrap}.chat-ticks{align-items:center;display:inline-flex}.chat-ticks md-icon{font-size:16px}.chat-ticks-sending md-icon,.chat-ticks-sent md-icon,.chat-ticks-delivered md-icon{color:#94a3b8}.chat-ticks-read md-icon{color:#0ea5e9}.chat-msg-actions{top:4px;background:#ffffffeb;border-radius:999px;gap:2px;padding:2px;display:none;position:absolute;inset-inline-end:4px;box-shadow:0 2px 8px #0f172a2e}.chat-bubble:hover .chat-msg-actions{display:inline-flex}.chat-msg-actions button{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.chat-msg-actions button:hover{background:#f1f5f9}.chat-msg-actions md-icon{font-size:16px}.chat-audio,.chat-audio-loading{border-radius:999px;width:260px;max-width:100%;height:38px;margin:2px 0 4px;display:block}.chat-audio-loading{background:#0f172a14}.chat-image-wrap{border-radius:10px;max-width:320px;margin:2px 0 4px;display:block;overflow:hidden}.chat-image{object-fit:cover;width:100%;max-height:360px;display:block}.chat-video{border-radius:10px;max-width:320px;max-height:360px;margin:2px 0 4px;display:block}.chat-file{color:inherit;background:#0f172a0d;border-radius:10px;align-items:center;gap:10px;min-width:240px;margin:2px 0 4px;padding:10px 12px;text-decoration:none;display:flex}.chat-msg-row--me .chat-file{background:#04b2792e}.chat-file-icon{color:#04b279;background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.chat-msg-row--me .chat-file-icon{background:#fff}.chat-file-icon md-icon{font-size:22px}.chat-file-text{flex-direction:column;flex:1;min-width:0;display:flex}.chat-file-text strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.chat-file-text span{color:#64748b;font-size:11.5px}.chat-file-download{color:#64748b;font-size:18px}.chat-composer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-composer-button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .12s;display:inline-flex}.chat-composer-button:hover:not(:disabled){color:#0f172a;background:#e2e8f0}.chat-composer-button:disabled{opacity:.45;cursor:not-allowed}.chat-composer-button md-icon{font-size:24px}.chat-composer-button--rec{color:#dc2626;background:#fee2e2;animation:1.4s ease-in-out infinite chat-rec-pulse}.chat-composer-button--rec:hover:not(:disabled){color:#b91c1c;background:#fecaca}@keyframes chat-rec-pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.chat-composer-input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:22px;outline:none;flex:1;height:42px;padding:10px 18px;font-size:14.5px}.chat-composer-input:focus{border-color:#04b27999}.chat-composer-input:disabled{color:#94a3b8;background:#f1f5f9}.chat-composer-send{color:#fff;cursor:pointer;background:#04b279;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .12s,transform .12s;display:inline-flex}.chat-composer-send:hover:not(:disabled){background:#059669;transform:scale(1.04)}.chat-composer-send:disabled{opacity:.4;cursor:not-allowed}.chat-composer-send md-icon{font-size:22px;transform:scaleX(-1)}@media (width<=768px){.chat-app{height:calc(100vh - 60px);max-height:calc(100vh - 60px);margin-top:60px}.chat-app-sidebar{z-index:3;width:100%;min-width:0;transition:transform .18s;position:absolute;inset:0}.chat-app-main{z-index:2;transition:transform .18s;position:absolute;inset:0;transform:translate(-100%)}[dir=rtl] .chat-app-main{transform:translate(100%)}.chat-app--chat-open .chat-app-sidebar{transform:translate(-100%)}[dir=rtl] .chat-app--chat-open .chat-app-sidebar{transform:translate(100%)}.chat-app--chat-open .chat-app-main{transform:translate(0)}.chat-back-button{display:inline-flex}.chat-messages{padding:12px 12px 8px}.chat-msg-row{max-width:90%}}.chat-ctx-menu{z-index:200;border-radius:var(--r-lg);direction:rtl;background:#fff;border:1px solid #e2e8f0;min-width:200px;margin:0;padding:6px 0;list-style:none;position:fixed;box-shadow:0 8px 32px #0f172a2e}.chat-ctx-menu li{padding:0}.chat-ctx-menu li button{text-align:right;color:#0f172a;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 18px;font-size:14px;display:flex}.chat-ctx-menu li button:hover{background:#f1f5f9}.chat-ctx-menu li button md-icon{color:#475569;font-size:20px}.chat-settings-overlay{z-index:150;direction:rtl;background:#0f172a59;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.chat-settings-panel{background:#fff;flex-direction:column;width:340px;max-width:100vw;height:100%;animation:.22s chat-panel-slide;display:flex;overflow:hidden;box-shadow:-4px 0 24px #0f172a24}@keyframes chat-panel-slide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.chat-settings-header{color:#fff;background:#04b279;flex-shrink:0;align-items:center;gap:12px;padding:16px 18px;display:flex}.chat-settings-header strong{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:700;overflow:hidden}.chat-settings-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.chat-settings-close:hover{background:#ffffff2e}.chat-settings-avatar-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:18px;padding:22px 20px 18px;display:flex}.chat-settings-avatar-wrap{flex-shrink:0;position:relative}.chat-settings-avatar-wrap .chat-avatar{width:72px!important;height:72px!important;font-size:22px!important}.chat-settings-avatar-edit{bottom:0;color:#fff;cursor:pointer;background:#04b279;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;inset-inline-end:0;box-shadow:0 2px 6px #04b27966}.chat-settings-avatar-edit md-icon{font-size:14px}.chat-settings-name{flex-direction:column;gap:4px;min-width:0;display:flex}.chat-settings-name strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.chat-settings-name span{color:#64748b;font-size:13px}.chat-settings-members-header{color:#475569;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #f1f5f9;flex-shrink:0;align-items:center;gap:8px;padding:14px 18px 10px;font-size:13px;font-weight:700;display:flex}.chat-settings-members-header md-icon{color:#04b279;font-size:18px}.chat-settings-count{color:#475569;background:#e2e8f0;border-radius:999px;margin-inline-start:auto;padding:2px 8px;font-size:11px;font-weight:700}.chat-settings-members{flex:1;min-height:0;padding:6px 0 16px;overflow-y:auto}.chat-settings-members::-webkit-scrollbar{width:6px;display:block}.chat-settings-members::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.chat-settings-loading,.chat-settings-empty{color:#94a3b8;justify-content:center;align-items:center;padding:32px;font-size:14px;display:flex}.chat-settings-member{border-bottom:1px solid #f8fafc;align-items:center;gap:12px;padding:10px 18px;display:flex}.chat-settings-member:hover{background:#f8fafc}.chat-settings-member-text{flex:1;min-width:0}.chat-settings-member-text strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.chat-settings-member-text span{color:#64748b;font-size:12px}.chat-settings-role{border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:11px;font-weight:600}.chat-settings-role--teacher{color:#0369a1;background:#0ea5e91f}.chat-settings-role--superuser,.chat-settings-role--department{color:#047857;background:#04b2791f}.chat-settings-role--student{color:#475569;background:#94a3b824}.MuiPaper-root.MuiPopover-paper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #e8edf3!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 8px 32px #0a12231a,0 2px 8px #0a12230f!important}.MuiList-root.MuiList-padding{padding:6px!important}.MuiMenuItem-root{color:#17202f!important;border-radius:8px!important;margin:1px 0!important;padding:10px 14px!important;font-size:14px!important;font-weight:500!important;transition:background .12s!important}.MuiMenuItem-root:hover{color:#04b279!important;background:#f0f9f6!important}.MuiMenuItem-root.Mui-selected{color:#0f172a!important;background:#f1f5f9!important;font-weight:700!important}.MuiMenuItem-root.Mui-selected:hover{color:#047857!important;background:#e8f5f0!important}.MuiPopover-paper{animation:.16s cubic-bezier(.2,0,0,1) both mui-menu-in}@keyframes mui-menu-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.custom-select-trigger{border-radius:var(--r-md);color:#17202f;width:100%;font:inherit;cursor:pointer;text-align:right;background:#fff;border:1px solid #d6e0e7;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;font-size:14px;transition:border-color .14s,box-shadow .14s;display:flex}.custom-select-trigger:hover:not(:disabled){border-color:#b0c4ce}.custom-select-trigger--open{box-shadow:0 0 0 3px #04b27924;border-color:#04b279!important}.custom-select-trigger--disabled{opacity:.5;cursor:not-allowed}.custom-select-trigger--inline{width:auto;min-width:100px;height:40px;padding:0 13px}.custom-select-placeholder{color:#94a3b8}.custom-select-value{text-align:right;flex:1}.custom-select-chevron{color:#94a3b8;flex-shrink:0;width:16px;height:16px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.custom-select-trigger--open .custom-select-chevron{color:#04b279;transform:rotate(180deg)}.custom-select-menu{z-index:9999;-webkit-backdrop-filter:blur(20px);transform-origin:top;background:#ffffffeb;border:1px solid #919eab1f;border-radius:12px;max-height:280px;margin:0;padding:6px;list-style:none;animation:.16s cubic-bezier(.2,0,0,1) both custom-select-in;position:fixed;overflow-y:auto;box-shadow:0 0 2px #919eab3d,-20px 20px 40px -4px #919eab3d}@keyframes custom-select-in{0%{opacity:0;transform:scale(.94)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.custom-select-option{cursor:pointer;color:#1c252e;text-align:right;border-radius:8px;padding:9px 12px;font-size:14px;font-weight:500;list-style:none;transition:background-color .14s,color .14s;position:relative}.custom-select-option+.custom-select-option{margin-top:2px}.custom-select-option:hover{background:#919eab14}.custom-select-option--selected{color:#1c252e;background:#919eab29;font-weight:600}.custom-select-option--selected:hover{background:#919eab38}.add-type-picker{width:min(520px,100vw - 32px)}.add-type-grid{grid-template-columns:1fr 1fr;gap:14px;margin:4px 0;display:grid}.add-type-card{color:#0f172a;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.add-type-card:hover{border-color:#04b279;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a1a}.add-type-card strong{color:#0f172a;font-size:16px;font-weight:800}.add-type-card .add-type-desc{color:#64748b;font-size:12px;font-weight:500}.add-type-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:inline-flex}.add-type-icon md-icon{width:28px;height:28px;font-size:28px}.att-month-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:16px;margin-bottom:16px;padding:12px;display:flex}.att-month-label{color:#0f172a;text-align:center;min-width:180px;font-size:18px}.att-icon-btn{border-radius:var(--r-md);cursor:pointer;color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.att-icon-btn:hover{background:#e2e8f0}.att-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.att-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.att-stat-card strong{color:#0f172a;font-size:24px}.att-stat-label{color:#64748b;font-size:13px}.att-stat-card--present{background:linear-gradient(135deg,#22c55e0f,#fff);border-color:#22c55e59}.att-stat-card--present strong{color:#16a34a}.att-stat-card--absent{background:linear-gradient(135deg,#ef44440f,#fff);border-color:#ef444459}.att-stat-card--absent strong{color:#dc2626}.att-stat-card--unmarked{border-color:#64748b59}.att-stat-card--unmarked strong{color:#475569}.att-stat-card--total strong{color:#1d4ed8}.att-stats--roster .att-stat-card{flex-direction:row;align-items:center;gap:14px;padding:16px 18px;transition:transform .16s,box-shadow .16s}.att-stats--roster .att-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a14}.att-stat-icon{color:#64748b;background:#f1f5f9;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.att-stat-icon md-icon{--md-icon-size:24px;font-size:24px}.att-stat-text{flex-direction:column;gap:2px;line-height:1.1;display:flex}.att-stat-text strong{font-size:26px}.att-stat-card--present .att-stat-icon{color:#16a34a;background:#22c55e24}.att-stat-card--absent .att-stat-icon{color:#dc2626;background:#ef444424}.att-stat-card--total .att-stat-icon{color:#1d4ed8;background:#1d4ed81f}.att-info-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:14px;display:flex}.att-info-banner md-icon{width:18px;height:18px;font-size:18px}.att-search-wrap{flex:1;align-items:center;min-width:200px;max-width:360px;display:flex;position:relative}.att-search-wrap md-icon{color:#94a3b8;--md-icon-size:20px;pointer-events:none;font-size:20px;position:absolute;right:12px}.att-search-wrap .att-search{width:100%;max-width:none;padding-right:40px}.att-heatmap{margin-bottom:20px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;max-width:520px;margin-inline:auto;padding:14px}.att-heatmap-weekdays{color:#64748b;text-align:center;grid-template-columns:repeat(7,46px);justify-content:center;gap:6px;margin-bottom:6px;font-size:11px;display:grid}.att-heatmap-grid{grid-template-columns:repeat(7,46px);justify-content:center;gap:6px;display:grid}.att-cell{cursor:pointer;color:#334155;background:#e2e8f0;border:1px solid #94a3b833;border-radius:6px;justify-content:center;align-items:center;width:46px;height:46px;padding:0;font-size:13px;font-weight:800;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out;display:inline-flex}.att-cell:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 10px #0000001f}.att-cell:disabled{cursor:default;opacity:.5}.att-cell--blank{cursor:default;background:0 0;border-color:#0000}.att-cell-date{line-height:1}.att-cell--lvl-0{background:#f1f5f9}.att-cell--lvl-1{background:#bbf7d0}.att-cell--lvl-4{color:#fff;background:#22c55e;border-color:#16a34a}.att-cell--lvl-2{background:#fde68a;border-color:#f59e0b}.att-cell--lvl-3{background:#fb923c;border-color:#ea580c}.att-cell--lvl-5{color:#fff;background:#ef4444;border-color:#b91c1c}.att-heatmap-legend{color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.att-legend-box{border-radius:3px;width:14px;height:14px;display:inline-block}.att-section-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.att-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.att-section-card--current{border-color:#22c55e;box-shadow:0 6px 20px #22c55e26}.att-banner{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.att-banner--now{color:#15803d;background:#dcfce7}.att-banner--soon{color:#1d4ed8;background:#dbeafe}.att-section-card-head{align-items:center;gap:10px;padding-top:24px;display:flex}.att-section-card-head md-icon{color:#1d4ed8;background:#eff6ff;border-radius:10px;padding:8px}.att-section-card-head strong{color:#0f172a;display:block}.att-section-card-head span{color:#64748b;font-size:13px}.att-section-card-meta{color:#64748b;flex-wrap:wrap;gap:8px 14px;font-size:13px;display:flex}.att-section-card-meta span{align-items:center;gap:4px;display:inline-flex}.att-current-info{color:#15803d;font-weight:600}.att-section-card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.att-toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.att-toolbar--roster{justify-content:space-between}.att-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.att-field{color:#64748b;flex-direction:column;gap:4px;font-size:13px;display:flex}.att-field input{font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:150px;padding:8px 10px}.att-search{font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;min-width:200px;max-width:360px;padding:8px 12px}.att-saved-banner{color:#166534;background:#dcfce7;border-radius:8px;align-items:center;gap:6px;width:max-content;margin-bottom:12px;padding:8px 12px;display:flex}.att-roster-meta{color:#475569;flex-wrap:wrap;gap:16px;margin:0 0 14px;font-size:14px;display:flex}.att-roster-meta-item{align-items:center;gap:6px;display:inline-flex}.att-roster-meta-item md-icon{color:#64748b;width:18px;height:18px;font-size:18px}.att-roster-meta-item strong{color:#0f172a}.att-locked-banner{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:14px;display:flex}.att-locked-banner md-icon{width:18px;height:18px;font-size:18px}.att-reason-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.att-reason-field span{color:#334155;font-size:13px;font-weight:600}.att-reason-field textarea{resize:vertical;font:inherit;color:#0f172a;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}.att-reason-field textarea:focus{border-color:#1d4ed8;outline:none}.att-edit-history{flex-direction:column;gap:8px;margin-top:22px;display:flex}.att-edit-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.att-edit-row md-icon{color:#64748b;width:18px;height:18px;font-size:18px}.att-edit-info{flex-direction:column;flex:1;gap:2px;display:flex}.att-edit-info strong{color:#0f172a;font-size:14px}.att-edit-reason{color:#475569;font-size:13px}.att-edit-time{color:#94a3b8;white-space:nowrap;font-size:12px}.att-lesson-list{flex-direction:column;gap:10px;display:flex}.att-lesson-card{cursor:pointer;text-align:inherit;font:inherit;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.att-lesson-card:hover{background:#f8fafc;border-color:#1d4ed8}.att-lesson-card--current{border-color:#22c55e;box-shadow:0 4px 12px #22c55e2e}.att-lesson-card--recorded{background:#f0fdf4}.att-lesson-card-main{flex-direction:column;gap:2px;display:flex}.att-lesson-card-main strong{color:#0f172a}.att-lesson-card-main span{color:#64748b;font-size:13px}.att-lesson-card-meta{flex-wrap:wrap;gap:6px;display:flex}.att-pill{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.att-pill md-icon{width:16px;height:16px;font-size:16px}.att-pill--now{color:#15803d;background:#dcfce7}.att-pill--done{color:#1e40af;background:#dbeafe}.att-pill--absent-count{color:#b91c1c;background:#fee2e2}.att-roster{flex-direction:column;gap:8px;display:flex}.att-roster-row{cursor:pointer;text-align:inherit;font:inherit;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:background .1s,border-color .1s;display:flex}.att-roster-row:hover:not(:disabled){background:#f8fafc}.att-roster-row:disabled{cursor:default;opacity:.85}.att-roster-row--absent{background:#fef2f2;border-color:#fecaca}.att-roster-row--absent:hover{background:#fee2e2}.att-roster-avatar{color:#4338ca;background:#e0e7ff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;overflow:hidden}.att-roster-avatar img{object-fit:cover;width:100%;height:100%}.att-roster-info{flex-direction:column;flex:1;gap:2px;display:flex}.att-roster-info strong{color:#0f172a}.att-roster-info span{color:#64748b;font-size:12px}.att-status-pill{color:#475569;background:#f1f5f9;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.att-status-pill--present{color:#166534;background:#dcfce7}.att-status-pill--absent{color:#b91c1c;background:#fee2e2}.att-status-pill--unmarked{color:#92400e;background:#fef3c7}.att-lesson-row{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;display:flex}.att-lesson-row--present{background:#f0fdf4}.att-lesson-row--absent{background:#fef2f2}.att-lesson-row--unmarked{background:#fffbeb}.att-lesson-info{flex-direction:column;gap:2px;display:flex}.att-lesson-info strong{color:#0f172a}.att-lesson-info span{color:#64748b;font-size:12px}.att-grid-legend{color:#475569;flex-wrap:wrap;gap:18px;margin:16px 0 6px;font-size:13px;display:flex}.att-grid-legend span{align-items:center;gap:6px;display:inline-flex}.att-grid-swatch{border:1px solid #0f172a1f;border-radius:4px;width:16px;height:16px}.att-grid-hint{color:#94a3b8;margin:0 0 12px;font-size:12px}.att-grid-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.att-grid{border-collapse:separate;border-spacing:0;direction:rtl;width:100%}.att-grid th,.att-grid td{border-inline-start:1px solid #eef2f6;text-align:center;border-bottom:1px solid #eef2f6;padding:0}.att-grid thead th{z-index:2;color:#475569;background:#f8fafc;height:34px;font-size:12px;font-weight:700;position:sticky;top:0}.att-grid-daynum{width:30px;min-width:30px}.att-grid-daynum.is-today{color:#fff;background:#0b3d2e}.att-grid-corner{top:0;z-index:3;text-align:start;color:#475569;background:#f1f5f9;min-width:160px;padding:0 14px;font-size:13px;font-weight:800;position:sticky;inset-inline-start:0}.att-grid-name{z-index:1;text-align:start;color:#0f172a;cursor:pointer;background:#fff;min-width:160px;max-width:220px;padding:8px 14px;font-weight:600;position:sticky;inset-inline-start:0;box-shadow:1px 0 #e2e8f0}.att-grid-name:hover{color:#0b3d2e;background:#f0fdf9}.att-grid-name-text{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.att-grid-cell{height:30px}.att-grid-cell--present{background:#4ade80}.att-grid-cell--partial{background:#fbbf24}.att-grid-cell--absent{background:#f87171}.att-grid-cell--future{background:#fafbfc}.att-grid-cell--none{background:0 0}.att-grid-cell.is-today{box-shadow:inset 0 0 0 2px #0b3d2e}.att-grid-cell-btn{cursor:pointer;background:0 0;border:0;width:100%;height:30px;padding:0;transition:background .12s;display:block}.att-grid-cell-btn:hover{background:#0f172a29}.att-absence-list{flex-direction:column;gap:8px;display:flex}.att-absence-row{background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.att-absence-icon{color:#b91c1c;display:flex}.att-absence-info{flex-direction:column;gap:2px;display:flex}.att-absence-info strong{color:#0f172a}.att-absence-info span{color:#64748b;font-size:12px}.att-absence-empty{color:#166534;background:#f0fdf4;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;display:flex}.att-subheading{color:#0f172a;margin:20px 0 10px;font-size:16px}.att-log-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 10px;display:flex}.att-log-heading .att-subheading{margin:0}.att-filter-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.att-filter-tab{color:#475569;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;min-height:28px;padding:4px 10px;font-size:12px;font-weight:700}.att-filter-tab:hover{background:#e2e8f0}.att-filter-tab.active{color:#fff;background:#0f172a}.att-report-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;overflow:auto hidden}.att-report-row{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:grid}.att-report-row:last-child{border-bottom:0}.att-report-row--head{color:#475569;background:#f8fafc;font-size:13px;font-weight:600}.att-report-row>span{text-overflow:ellipsis;overflow:hidden}.att-toolbar--report+.att-stats+.att-subheading+.att-report-table .att-report-row,.att-toolbar--report~.att-report-table .att-report-row{grid-template-columns:1.5fr .6fr .6fr .6fr auto}.att-toolbar--report{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px}.att-report-row--summary{grid-template-columns:minmax(180px,1.6fr) .6fr .6fr .75fr auto!important}.att-report-row--student-detail{grid-template-columns:minmax(160px,1.2fr) minmax(210px,1fr) 150px minmax(150px,.8fr) 120px!important}.att-report-row--log{grid-template-columns:minmax(210px,1fr) minmax(150px,.9fr) minmax(180px,1fr) 130px minmax(120px,.8fr) 120px!important}.att-report-row--present{background:linear-gradient(90deg,#22c55e14,#fff 32%)}.att-report-row--absent{background:linear-gradient(90deg,#ef444414,#fff 32%)}.att-report-row--unmarked{background:linear-gradient(90deg,#f59e0b1a,#fff 32%)}.att-row-action{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;gap:4px;width:max-content;min-height:32px;padding:5px 10px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.att-row-action:hover{background:#dbeafe}.att-row-action md-icon{font-size:16px}@media (width<=900px){.att-report-row--summary{min-width:680px}.att-report-row--student-detail,.att-report-row--log{min-width:920px}}.att-cell-absent{color:#b91c1c;font-weight:700}.att-link-btn{color:#1d4ed8;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.att-link-btn:hover{text-decoration:underline}.att-no-lessons-today{color:#94a3b8;align-items:center;gap:4px;font-size:12px;display:inline-flex}.att-no-lessons-today md-icon{font-size:14px}.att-date-nav{align-items:flex-end;gap:6px;display:flex}.att-empty-hint{color:#94a3b8;margin-top:6px;font-size:13px}.sched-lecture-card{--card-color:#04b279e6}.sched-card-stripe{background:var(--card-color);border-radius:0 var(--r-md) var(--r-md) 0;width:4px;position:absolute;top:0;bottom:0;right:0}.sched-card-subject{color:#b9f8d8e6;background:#ffffff24;border-radius:999px;align-self:flex-start;padding:1px 8px;font-size:11px;font-weight:700}.sched-card-meta{flex-wrap:wrap;gap:4px;display:flex}.sched-card-bottom{flex-wrap:nowrap;align-items:center;gap:5px;margin-top:auto;display:flex;overflow:hidden}.sched-card-chip{color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;background:#ffffff24;border-radius:999px;flex-shrink:1;align-items:center;gap:3px;min-width:0;padding:2px 6px;font-size:9px;font-weight:700;display:inline-flex;overflow:hidden}.sched-card-chip md-icon{font-size:10px}.sched-card-chip--cover{color:#fef3c7;background:#f59e0b4d}.sf-two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.sf-two-col{grid-template-columns:1fr}}.sf-color-row{flex-wrap:wrap;gap:8px;display:flex}.sf-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .12s,border-color .12s}.sf-color-swatch:hover{transform:scale(1.08)}.sf-color-swatch.is-selected{border-color:#0f172a;box-shadow:inset 0 0 0 2px #fff}.sf-input-row{align-items:center;gap:6px;display:flex}.sf-input-row input{flex:1}.sf-input{border-radius:var(--r-sm);background:#fff;border:1px solid #cbd5e1;width:100%;padding:8px 10px;font-size:14px}.sf-link-btn{border-radius:var(--r-sm);cursor:pointer;color:#0f172a;background:0 0;border:1px solid #cbd5e1;align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s;display:inline-flex}.sf-link-btn:hover{background:#f1f5f9;border-color:#94a3b8}.sf-link-btn--block{justify-content:center;width:100%}.sf-link-btn md-icon{font-size:16px}.sf-checkbox-row{color:#0f172a;cursor:pointer;align-items:center;gap:6px;font-weight:700;display:inline-flex}.sf-checkbox-row input{width:16px;height:16px;margin:0}.sf-recurrence-row{color:#475569;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.sf-recurrence-row input[type=date]{border-radius:var(--r-sm);border:1px solid #cbd5e1;padding:6px 8px;font-size:13px}.sf-recurrence-row small{color:#94a3b8}.sf-cover-row{margin-bottom:14px}.sf-cover-active{border-radius:var(--r-md);background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:center;gap:10px;padding:10px 12px;display:flex}.sf-cover-active md-icon{color:#b45309;font-size:22px}.sf-cover-active-body{flex-direction:column;flex:1;display:flex}.sf-cover-active-body strong{color:#92400e;font-size:13px}.sf-cover-active-body small{color:#b45309;font-size:11px}.sf-cover-picker{border-radius:var(--r-md);border:1px dashed #cbd5e1;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.sf-cover-picker .sf-input{flex:1;min-width:180px}.sf-cover-label{color:#334155;font-size:13px;font-weight:700}.sf-conflict-box{border-radius:var(--r-md);color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;margin-top:14px;padding:10px 12px;font-size:13px}.sf-conflict-box--warn{color:#7f1d1d;background:#ef44440f;border-color:#ef44444d}.sf-conflict-head{align-items:center;gap:6px;margin-bottom:6px;font-weight:800;display:flex}.sf-conflict-head md-icon{color:#dc2626}.sf-conflict-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sf-conflict-list li{border-radius:var(--r-sm);background:#fff9;flex-direction:column;padding:6px 8px;display:flex}.sf-conflict-reason{color:#b91c1c;font-size:11px;font-weight:700}.sf-conflict-ack{cursor:pointer;align-items:center;gap:6px;margin-top:8px;font-weight:700;display:inline-flex}.bulk-section{border-radius:var(--r-md);border:1px solid #e2e8f0;margin-bottom:12px;padding:12px}.bulk-section h4{color:#0f172a;margin:0 0 4px;font-size:14px}.bulk-hint{color:#64748b;margin:0 0 8px;font-size:12px}.sched-workload{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px;padding:14px;display:grid}.sched-workload-item{flex-direction:column;gap:4px;display:flex}.sched-workload-item span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.sched-workload-item strong{color:#0f172a;font-size:18px}.sched-card-chip--exam{color:#fee2e2;background:#ef44444d}.sched-card-chip--assignment{color:#fef3c7;background:#f59e0b4d}.cal-toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.cal-monthnav{align-items:center;gap:8px;display:flex}.cal-monthnav strong{text-align:center;color:#0f172a;min-width:160px;font-size:16px}.cal-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cal-filters .sf-input{min-width:140px}.cal-kind-toggles{flex-wrap:wrap;gap:6px;display:flex}.cal-kind-toggle{border-radius:var(--r-md);cursor:pointer;color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;justify-content:center;align-items:center;gap:7px;min-width:100px;height:40px;padding:0 13px;font-size:13px;font-weight:700;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.cal-kind-toggle:hover{color:#475569;background:#e2e8f0}.cal-kind-toggle.is-on{color:#fff;border-color:#0000}.cal-kind-toggle--lecture.is-on{background:#16a34a}.cal-kind-toggle--exam.is-on{background:#dc2626}.cal-kind-toggle--assignment.is-on{background:#2563eb}.cal-kind-toggle--trip.is-on{background:#d97706}.cal-kind-toggle input{display:none}.cal-kind-toggle md-icon{font-size:16px}.cal-toggle{border-radius:var(--r-sm);border:1px solid #cbd5e1;display:inline-flex;overflow:hidden}.cal-toggle-btn{cursor:pointer;color:#475569;background:#fff;border:0;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.cal-toggle-btn.is-active{color:#fff;background:#0f172a}.cal-month{padding:12px}.cal-month-head{text-align:center;color:#475569;border-bottom:2px solid #e2e8f0;grid-template-columns:repeat(7,1fr);padding:6px 0 10px;font-size:13px;font-weight:800;display:grid}.cal-month-grid{grid-template-columns:repeat(7,1fr);gap:6px;padding-top:6px;display:grid}.cal-day{border-radius:var(--r-sm);cursor:pointer;background:#fff;border:1px solid #e2e8f0;flex-direction:column;min-height:140px;padding:6px 8px;transition:border-color .12s,background .12s;display:flex;position:relative}.cal-day:hover{border-color:#94a3b8}.cal-day--out{opacity:.55;background:#f8fafc}.cal-day--today{border-color:#0f766e;box-shadow:inset 0 0 0 1px #0f766e}.cal-day-head{justify-content:space-between;align-items:center;display:flex}.cal-day-num{color:#0f172a;font-size:14px;font-weight:700}.cal-day--today .cal-day-num{color:#fff;background:#0f766e;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:inline-flex}.cal-day-add{opacity:0;gap:2px;transition:opacity .12s;display:flex}.cal-day:hover .cal-day-add{opacity:1}.cal-mini-btn{color:#0f766e;cursor:pointer;background:#0f766e1a;border:0;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex}.cal-mini-btn md-icon{font-size:14px}.cal-mini-btn--event{color:#047857;background:#10b9812e}.cal-day-items{flex-direction:column;gap:3px;margin-top:6px;display:flex;overflow:hidden}.cal-item{background:var(--item-color,#3b82f6);color:#fff;cursor:pointer;text-align:right;border:0;border-radius:6px;flex-direction:column;gap:3px;width:100%;padding:5px 8px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.cal-item-row{white-space:nowrap;align-items:center;gap:5px;display:flex;overflow:hidden}.cal-item-time{opacity:.85;flex-shrink:0;font-weight:800}.cal-item-title{text-overflow:ellipsis;flex:1;overflow:hidden}.cal-item-meta{opacity:.88;white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.cal-item-class{text-overflow:ellipsis;flex:1;overflow:hidden}.cal-item-attendance{background:#0000002e;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:11px;font-weight:800}.cal-item--lecture{--item-color:#22c55e}.cal-item--exam{--item-color:#ef4444}.cal-item--assignment{--item-color:#3b82f6}.cal-item--trip{--item-color:#eab308}.cal-item--cancelled{opacity:.55;text-decoration:line-through}.cal-more{color:#64748b;text-align:right;cursor:pointer;background:0 0;border:0;padding:1px 5px;font-size:11px;font-weight:700}.cal-more:hover{color:#0f172a}.cal-agenda{flex-direction:column;gap:16px;padding:12px;display:flex}.cal-agenda-day{grid-template-columns:80px 1fr;gap:12px;display:grid}.cal-agenda-date{text-align:center;border-radius:var(--r-sm);background:#0f766e14;flex-direction:column;align-items:center;padding:8px;display:flex}.cal-agenda-date strong{color:#0f172a;font-size:22px}.cal-agenda-date span{color:#475569;font-size:11px}.cal-agenda-items{flex-direction:column;gap:6px;display:flex}.cal-agenda-item{border-radius:var(--r-sm);background:var(--item-color,#3b82f6);color:#fff;cursor:pointer;text-align:right;border:0;grid-template-columns:60px 90px 1fr auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.cal-agenda-time{font-size:13px;font-weight:800}.cal-agenda-kind{opacity:.85;align-items:center;gap:3px;font-size:12px;display:inline-flex}.cal-agenda-kind md-icon{font-size:14px}.cal-agenda-title{flex-direction:column;display:flex}.cal-agenda-title strong{font-size:14px}.cal-agenda-title small{opacity:.85;font-size:11px}.cal-agenda-loc{opacity:.85;font-size:12px}.cal-attendance-chip{color:#fff;white-space:nowrap;background:#ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:4px;min-height:24px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.cal-attendance-chip md-icon{font-size:14px}.cal-day-drawer{max-width:540px}.cal-drawer-item{border:0;border-right:4px solid var(--item-color,#3b82f6);border-radius:var(--r-sm);background:#00000008;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px 12px;transition:background .12s;display:flex}.cal-drawer-item:hover{background:#0000000f}.cal-drawer-item-main{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:right;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.cal-drawer-item--overlap{background:#f59e0b1a}.cal-drawer-item--linked{background:linear-gradient(90deg,#0f766e1f,#ffffffeb);border-color:#0f766e;box-shadow:inset 0 0 0 1px #0f766e38}.cal-drawer-item-head{color:#0f172a;align-items:center;gap:6px;display:flex}.cal-drawer-item-head md-icon{color:var(--item-color,#3b82f6)}.cal-drawer-item-head strong{flex:1;font-size:14px}.cal-drawer-overlap-warn{color:#b45309;align-items:center;gap:3px;font-size:11px;font-weight:800;display:inline-flex}.cal-drawer-overlap-warn md-icon{color:#b45309;font-size:14px}.cal-drawer-linked-label{color:#047857;background:#10b98124;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.cal-drawer-linked-label md-icon{font-size:14px}.cal-drawer-item-meta{color:#475569;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.cal-drawer-item-desc{color:#334155;margin:0;font-size:12px}.cal-drawer-actions{border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px;display:flex}.cal-drawer-item-actions{border-top:1px solid #94a3b840;flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.cal-attendance-link{color:#fff;background:#0f172a;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:6px 11px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.cal-attendance-link:hover{background:#1e293b}.cal-attendance-link md-icon{font-size:16px}.cev-dialog{width:min(480px,100%)}.cev-header{background:var(--cev-bg,#f0fdf9);border-bottom:1px solid color-mix(in srgb, var(--cev-color,#0f766e) 18%, transparent);align-items:center;gap:14px;padding:22px 52px 22px 24px;transition:background .22s,border-color .22s;display:flex;position:relative}.cev-header-icon{background:var(--cev-color,#0f766e);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .22s;display:flex}.cev-header-icon md-icon{--md-icon-size:22px;font-size:22px}.cev-header-text h3{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.cev-body{padding-top:18px}.cev-seg{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.cev-seg-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;font-size:12px;font-weight:700;transition:all .18s;display:flex}.cev-seg-btn md-icon{--md-icon-size:20px;color:#94a3b8;font-size:20px;transition:color .18s}.cev-seg-btn:hover{border-color:var(--t-color);background:var(--t-bg);color:var(--t-color)}.cev-seg-btn:hover md-icon{color:var(--t-color)}.cev-seg-btn.is-active{border-color:var(--t-color);background:var(--t-bg);color:var(--t-color)}.cev-seg-btn.is-active md-icon{color:var(--t-color)}.cev-submit-btn{border-radius:var(--r-md,8px);background:var(--cev-color,#0f766e);color:#fff;cursor:pointer;border:none;padding:8px 20px;font-size:14px;font-weight:700;transition:opacity .15s}.cev-submit-btn:disabled{opacity:.55;cursor:not-allowed}.cev-submit-btn:not(:disabled):hover{opacity:.88}.cev-type-row{flex-wrap:wrap;gap:6px;display:flex}.cev-type-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.cev-type-btn.is-selected{background:var(--type-color,#0f766e);color:#fff;border-color:#0000}.cev-color-input{border-radius:var(--r-sm);cursor:pointer;border:1px solid #cbd5e1;width:56px;height:36px;padding:0}@media (width<=700px){.cal-month-grid .cal-day{min-height:70px;padding:2px 4px}.cal-item-title{display:none}.cal-agenda-day{grid-template-columns:60px 1fr}.cal-agenda-item{grid-template-columns:50px 1fr}.cal-agenda-kind,.cal-agenda-loc,.cal-attendance-chip,.cal-item-attendance{display:none}}.admin-dialog{width:90vw;max-width:920px}.admin-tabs{border-bottom:1px solid #e2e8f0;padding:0 14px;display:flex}.admin-tab{cursor:pointer;color:#64748b;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:4px;padding:10px 14px;font-size:13px;font-weight:700;transition:color .12s,border-color .12s;display:inline-flex}.admin-tab.is-active{color:#0f172a;border-bottom-color:#0f766e}.admin-tab md-icon{font-size:16px}.admin-body{min-height:360px}.matrix-scroll{margin-top:12px;overflow-x:auto}.matrix-table{border-collapse:collapse;width:100%;min-width:700px;font-size:12px}.matrix-table th,.matrix-table td{vertical-align:top;text-align:right;border:1px solid #e2e8f0;padding:6px}.matrix-table thead th{background:#f1f5f9;font-size:11px}.matrix-table thead th strong{color:#0f172a;font-size:12px;display:block}.matrix-table thead th small{color:#64748b}.matrix-table tbody th{color:#475569;background:#f8fafc;font-weight:700}.matrix-empty{background:#f8fafc}.matrix-cell{background:var(--cell-color,#3b82f626);color:#0f172a;border-radius:4px;flex-direction:column;gap:2px;margin-bottom:2px;padding:4px 6px;display:flex}.matrix-cell--conflict{background:#ef444433;border:1px solid #ef444480}.matrix-warn{color:#b91c1c;font-size:10px;font-weight:800}.util-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:13px}.util-table th,.util-table td{text-align:right;border-bottom:1px solid #e2e8f0;padding:8px 10px}.util-table th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.util-table td strong{color:#0f172a;display:block}.util-table td small{color:#94a3b8;font-size:11px}.util-bar{background:#e2e8f0;border-radius:999px;width:100%;height:8px;overflow:hidden}.util-bar-fill{background:linear-gradient(90deg,#0f766e,#14b8a6);height:100%}.audit-list{flex-direction:column;gap:6px;margin-top:12px;display:flex}.audit-row{border-radius:var(--r-sm);background:#fff;border:1px solid #e2e8f0;grid-template-columns:100px 1fr auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.audit-row small{color:#94a3b8;font-size:11px}.audit-tag{color:#475569;background:#f1f5f9;border-radius:999px;justify-content:center;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.audit-tag--created{color:#047857;background:#10b98126}.audit-tag--updated{color:#1d4ed8;background:#3b82f626}.audit-tag--deleted{color:#b91c1c;background:#ef444426}.audit-tag--cancelled{color:#b45309;background:#f59e0b26}.audit-tag--cover_set{color:#6d28d9;background:#8b5cf626}.audit-tag--bulk_copy{color:#0369a1;background:#0ea5e926}.audit-tag--bulk_clear{color:#b91c1c;background:#ef44441a}.audit-body{flex-direction:column;display:flex}.audit-body strong{color:#0f172a;font-size:13px}.audit-body span{color:#475569;font-size:12px}.sched-print-header{display:none}@media print{@page{size:A4 landscape;margin:8mm}*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{background:#fff!important}.sidebar,.sidebar-backdrop,.mobile-menu-button,.app-shell-nav,.app-shell-bar,.welcome-toast,.page-header,.page-actions,.page-breadcrumb,.error-banner,.sched-ctrl-btn,.sched-card-actions,.sched-add-btn,.sched-workload,.sched-card-join,.sched-now-line,.cal-toolbar,.cal-toggle,.cal-day-add,.cal-mini-btn,.app-modal-overlay,.notif-bell,.notif-popup{display:none!important}#root,.app-shell,.workspace,.content{background:#fff!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}.content>:not(.sched-board){display:none!important}.sched-board{box-shadow:none!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important}.sched-print-header{text-align:center;border-bottom:2px solid #04b279;margin:0 0 8px;padding-bottom:8px;display:block!important}.sched-print-header h1{color:#0f172a;margin:0;font-size:18px;font-weight:800}.sched-print-header p{color:#04b279;margin:3px 0 0;font-size:13px;font-weight:700}.sched-scroll{max-height:none!important;overflow:visible!important}.sched-grid{page-break-inside:auto;grid-template-columns:72px repeat(var(--day-count,7), 1fr)!important;border:1px solid #cbd5e1!important;width:100%!important;min-width:0!important}.sched-corner,.sched-day-head{page-break-inside:avoid;background:#04b279!important;border-color:#cbd5e1!important;min-height:0!important;padding:6px 2px!important}.sched-corner,.sched-corner span,.sched-corner md-icon,.sched-day-label,.sched-day-sub{color:#fff!important}.sched-corner md-icon{font-size:14px!important}.sched-day-label{font-size:12px!important}.sched-day-sub{font-size:9px!important}.sched-time-cell,.sched-slot{page-break-inside:avoid;border-color:#d8e0e8!important;height:auto!important;min-height:0!important;padding:4px!important}.sched-time-cell{background:#f1f5f9!important;font-size:10px!important}.sched-lecture-card{page-break-inside:avoid;color:#0f172a!important;border:1px solid #cbd5e1!important;border-right:4px solid var(--card-color,#04b279)!important;min-height:0!important;box-shadow:none!important;background:#f8fafc!important;border-radius:5px!important;gap:2px!important;padding:5px 7px!important}.sched-card-stripe{display:none!important}.sched-card-title{color:#0f172a!important;font-size:11px!important}.sched-card-class,.sched-card-subject,.sched-card-chip,.sched-card-duration,.sched-card-desc{color:#475569!important;font-size:9px!important}.sched-card-chip{color:#475569!important;background:#e7eef3!important}}.subjects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.subject-card{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.subject-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.subject-card-title{align-items:center;gap:10px;display:flex}.subject-card-title md-icon{color:var(--accent);font-size:26px}.subject-card-title strong{color:#152236;font-size:16px;font-weight:700;display:block}.subject-card-title small{color:#7e93a4;margin-top:2px;font-size:12.5px;display:block}.subject-card-teachers{flex-wrap:wrap;gap:8px;min-height:34px;display:flex}.subject-card-empty{color:#90aab5;font-size:13px}.subject-teacher-chip{background:var(--accent-muted);border:1px solid var(--accent-border);color:#0f3d2e;border-radius:999px;align-items:center;gap:7px;padding:4px 10px 4px 4px;font-size:13px;display:inline-flex}.subject-teacher-avatar{object-fit:cover;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.subject-teacher-avatar--ph{background:var(--accent);color:#fff;font-size:12px;font-weight:700}.subject-teacher-name{font-weight:600}.subject-teacher-remove{color:#0f3d2e;cursor:pointer;opacity:.55;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.subject-teacher-remove:hover{opacity:1;color:#c0392b}.subject-card-add{border-top:1px solid #eef2f6;align-items:center;gap:10px;padding-top:12px;display:flex}.subject-card-add .custom-select-trigger{flex:1}.subject-card-add .app-modal-btn{white-space:nowrap}.subject-card--clickable{text-align:right;width:100%;font:inherit;cursor:pointer;appearance:none}.subject-card--clickable:hover{border-color:var(--accent-border)}.subject-card-foot{border-top:1px solid #eef2f6;justify-content:space-between;align-items:center;margin-top:2px;padding-top:12px;display:flex}.subject-card-count{color:#5a6b7b;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.subject-card-count md-icon{color:var(--accent);font-size:18px}.subject-card-open{color:var(--accent);align-items:center;gap:2px;font-size:13px;font-weight:600;display:inline-flex}.subject-card-open md-icon{font-size:18px}.subject-detail-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.subject-detail-add{min-width:260px}.settings-specialty{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.settings-specialty-label{color:#5a6b7b;font-size:13px;font-weight:600}.settings-specialty-chips{flex-wrap:wrap;gap:6px;display:inline-flex}.settings-specialty-chip{background:var(--accent-muted);border:1px solid var(--accent-border);color:#0f3d2e;border-radius:999px;align-items:center;padding:3px 12px;font-size:13px;font-weight:600;display:inline-flex}.add-teacher-new-btn{justify-content:center;width:100%}.add-teacher-list{flex-direction:column;gap:6px;height:290px;margin-top:10px;padding-right:2px;display:flex;overflow-y:auto}.add-teacher-empty{color:#90aab5;text-align:center;padding:40px 12px;font-size:13px}.add-teacher-row{border-radius:var(--r-md,12px);cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #eef2f6;flex-shrink:0;align-items:center;gap:12px;padding:9px 12px;transition:border-color .12s,background .12s;display:flex}.add-teacher-row:hover{border-color:var(--accent-border);background:#f6fef9}.add-teacher-row--selected{border-color:var(--accent);background:var(--accent-muted)}.add-teacher-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.add-teacher-avatar--ph{background:var(--accent);color:#fff;font-weight:700}.add-teacher-copy{flex:1;min-width:0}.add-teacher-copy strong{color:#152236;font-size:14px;display:block}.add-teacher-copy small{color:#7e93a4;text-align:right;direction:ltr;font-size:12px;display:block}.add-teacher-check{width:22px;height:22px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-stat-chip{border-radius:var(--r-md);color:#475569;white-space:nowrap;box-sizing:border-box;background:#f1f5f9;border:1px solid #e2e8f0;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 24px;font-size:14px;font-weight:600;display:inline-flex}.chat-app-sidebar-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ticket-new-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;transition:background .12s;display:inline-flex}.ticket-new-btn:hover{background:var(--accent-hover)}.ticket-new-btn md-icon{font-size:22px}.ticket-status{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.ticket-status md-icon{font-size:14px}.ticket-status--open{color:#c2410c;background:#fff7ed}.ticket-status--answered{background:var(--accent-muted);color:var(--accent-hover)}.ticket-back-row{color:#334155;cursor:pointer;background:#f8fafc;border:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.ticket-back-row:hover{background:#f1f5f9}.ticket-back-row md-icon{font-size:18px}.ticket-filter{flex-wrap:wrap;gap:6px;padding:10px 14px;display:flex}.ticket-filter-chip{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .12s}.ticket-filter-chip--active{background:var(--accent-muted);border-color:var(--accent-border);color:var(--accent-hover)}.ticket-count-pill{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.ticket-bubble--question{background:#f8fafc;border:1px solid #e2e8f0}.ticket-question-subject{color:#0f172a;margin:0 0 4px;font-weight:700}.ticket-bubble--answer{border-inline-start:3px solid var(--accent)}.ticket-answer-tag{color:var(--accent-hover);background:var(--accent-muted);border-radius:999px;margin-inline-start:6px;padding:1px 6px;font-size:10px;font-weight:700}.ticket-thread-hint,.ticket-readonly-note{color:#94a3b8;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.ticket-readonly-note{background:#f8fafc;border-top:1px solid #f1f5f9}.ticket-dialog{border-radius:var(--r-lg);width:min(460px,92vw);box-shadow:var(--app-shadow-soft);background:#fff;flex-direction:column;gap:14px;padding:20px;display:flex}.ticket-dialog-header{justify-content:space-between;align-items:center;font-size:17px;display:flex}.ticket-dialog-error{color:#b91c1c;border-radius:var(--r-md);background:#fef2f2;padding:8px 12px;font-size:13px}.ticket-field{color:#334155;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.ticket-field input,.ticket-field textarea{border-radius:var(--r-md);color:#0f172a;resize:vertical;border:1px solid #e2e8f0;padding:10px 12px;font-size:14px;font-weight:400}.ticket-field input:focus,.ticket-field textarea:focus{border-color:var(--accent);outline:none}.ticket-dialog-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.ticket-btn{border-radius:var(--r-md);cursor:pointer;border:none;padding:9px 18px;font-size:14px;font-weight:600}.ticket-btn--primary{background:var(--accent);color:#fff}.ticket-btn--primary:hover{background:var(--accent-hover)}.ticket-btn--primary:disabled{opacity:.6;cursor:default}.ticket-btn--ghost{color:#475569;background:#f1f5f9}.metric-page{padding:0}.metric-layout{grid-template-columns:300px 1fr;align-items:start;gap:16px;display:grid}.metric-teacher-list{border-radius:var(--r-lg);background:#fff;border:1px solid #e2e8f0;flex-direction:column;gap:4px;max-height:70vh;padding:8px;display:flex;overflow-y:auto}.metric-teacher-row{border-radius:var(--r-md);cursor:pointer;text-align:start;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px;transition:background .12s;display:flex}.metric-teacher-row:hover{background:#f8fafc}.metric-teacher-row--active{background:var(--accent-muted)}.metric-teacher-text{flex-direction:column;gap:2px;min-width:0;display:flex}.metric-teacher-text strong{color:#0f172a;font-size:14px}.metric-teacher-text span{color:#64748b;font-size:12px}.metric-avatar{color:#fff;object-fit:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:inline-flex}.metric-avatar-img{background:#e2e8f0}.metric-detail-panel{border-radius:var(--r-lg);background:#fff;border:1px solid #e2e8f0;min-height:320px;padding:20px}.metric-detail-panel--solo{max-width:860px}.metric-placeholder{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.metric-placeholder md-icon{font-size:42px}.metric-detail-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.metric-detail-head strong{color:#0f172a;font-size:18px;display:block}.metric-detail-head span{color:#64748b;font-size:13px;display:block}.metric-detail-head span.metric-subject{color:#04b279;font-weight:600}.metric-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px;display:grid}.metric-stat{border-radius:var(--r-md);background:#f8fafc;border:1px solid #eef2f7;align-items:center;gap:12px;padding:14px;display:flex}.metric-stat-icon{color:#475569;background:#e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.metric-stat--primary .metric-stat-icon{background:var(--accent-muted);color:var(--accent-hover)}.metric-stat--success .metric-stat-icon{color:#15803d;background:#dcfce7}.metric-stat--warning .metric-stat-icon{color:#c2410c;background:#fff7ed}.metric-stat-body{flex-direction:column;display:flex}.metric-stat-value{color:#0f172a;font-size:22px;font-weight:800}.metric-stat-label{color:#64748b;font-size:12px}.metric-ratio{margin-bottom:22px}.metric-ratio-head{color:#475569;justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.metric-ratio-bar{background:#f1f5f9;border-radius:999px;height:10px;overflow:hidden}.metric-ratio-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.metric-lectures-head{color:#0f172a;align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.metric-lectures-head md-icon{color:var(--accent)}.metric-lectures-count{color:#475569;background:#f1f5f9;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}.metric-table-wrap{overflow-x:auto}.metric-table{border-collapse:collapse;width:100%;font-size:13px}.metric-table th{text-align:start;color:#64748b;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-weight:600}.metric-table td{color:#334155;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:10px}.metric-table td strong{color:#0f172a;display:block}.metric-sub{color:#94a3b8;font-size:11px}.metric-empty,.metric-error,.metric-loading{text-align:center;color:#94a3b8;padding:24px;font-size:14px}.metric-error{color:#b91c1c}.metric-loading{justify-content:center;display:flex}@media (width<=720px){.metric-layout{grid-template-columns:1fr}.metric-teacher-list{max-height:none}}.stat-card.danger{background:#fef2f2;border-color:#fecaca}.stat-card.danger .stat-value{color:#dc2626}.parent-add-child{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:16px;margin-bottom:20px;padding:20px 22px}.parent-add-form{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.parent-add-form md-outlined-text-field{flex:1;min-width:200px}.parent-section-title{color:var(--text-secondary,#475569);margin:18px 0 8px;font-size:.95rem;font-weight:700}.parent-grade-list{flex-direction:column;gap:8px;display:flex}.parent-grade-row{border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.parent-grade-score{color:var(--primary,#2563eb);font-size:1.05rem;font-weight:800}.parent-card-actions{justify-content:flex-end;margin-top:16px;display:flex}.notes-class-block{margin-bottom:24px}.notes-section-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.notes-section-card{border:var(--app-border);border-radius:var(--r-lg);background:var(--md-sys-color-surface-container,#111117);color:inherit;cursor:pointer;text-align:start;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;transition:border-color .15s,transform .15s;display:flex}.notes-section-card:hover{border-color:var(--accent-border,#04b27973);transform:translateY(-2px)}.notes-section-icon{border-radius:var(--r-md);background:var(--accent-muted,#04b2791f);width:40px;height:40px;color:var(--md-sys-color-primary,#04b279);justify-content:center;align-items:center;display:inline-flex}.notes-section-name{font-size:1rem;font-weight:700}.notes-section-count{color:var(--md-sys-color-on-surface-variant,#94a3b8);font-size:.82rem}.note-count-badge{background:var(--accent-muted,#04b2791f);min-width:26px;height:22px;color:var(--md-sys-color-primary,#04b279);border-radius:11px;justify-content:center;align-items:center;padding:0 8px;font-size:.8rem;font-weight:700;display:inline-flex}.note-add-form{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.note-textarea{resize:vertical;width:100%;min-height:72px;font:inherit;border:var(--app-border);border-radius:var(--r-md);background:var(--md-sys-color-surface-container,#111117);color:var(--md-sys-color-on-surface,#f1f5f9);padding:12px 14px}.note-textarea:focus{border-color:var(--md-sys-color-primary,#04b279);outline:none}.note-list{flex-direction:column;gap:10px;display:flex}.note-card{border:var(--app-border);border-radius:var(--r-lg);background:var(--md-sys-color-surface-container,#111117);padding:14px 16px}.note-card-body{white-space:pre-wrap;line-height:1.6}.note-card-meta{color:var(--md-sys-color-on-surface-variant,#94a3b8);align-items:center;gap:16px;margin-top:10px;font-size:.8rem;display:flex}.note-card-meta span{align-items:center;gap:4px;display:inline-flex}.note-card-meta md-icon{--md-icon-size:16px;font-size:16px}.note-card-meta md-icon-button{margin-inline-start:auto}.settings-code-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-code-value{letter-spacing:4px;color:var(--primary,#2563eb);margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.6rem;font-weight:800}.login-google-wrap{justify-content:center;min-height:44px;margin:12px 0;display:flex}.login-email-btn{color:#3c4043;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:360px;height:40px;margin:4px auto 0;padding:0 16px;font-family:inherit;font-size:.9rem;font-weight:500;transition:background .15s,box-shadow .15s;display:flex}.login-email-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px #0000001f}.login-email-btn:active{background:#f1f3f4}.login-email-icon{fill:#5f6368;flex-shrink:0;width:18px;height:18px}.login-divider{text-align:center;color:var(--text-secondary,#94a3b8);align-items:center;margin:8px 0;font-size:.85rem;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border,#e5e7eb);flex:1}.login-divider span{padding:0 12px}.login-hint{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin:8px 0;padding:10px 12px;font-size:.85rem}.login-name-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.login-name-row{grid-template-columns:1fr}}.login-terms{color:#475569;cursor:pointer;align-items:flex-start;gap:8px;font-size:.85rem;line-height:1.5;display:flex}.login-terms input{accent-color:#04b279;flex-shrink:0;width:16px;height:16px;margin-top:3px}.login-terms a{color:#04b279;font-weight:600;text-decoration:underline}.login-switch{text-align:center;color:#64748b;margin-top:14px;font-size:.88rem}.login-switch button{font:inherit;color:#04b279;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.login-switch button:hover{text-decoration:underline}.login-code-chip{white-space:nowrap;color:#047857;letter-spacing:.5px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:700;display:inline-block}.uf-code-hint{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin:0 0 4px;padding:10px 12px;font-size:.82rem;line-height:1.5}.super-intro{z-index:1000;background:radial-gradient(70% 60% at 50% 45%,#04b2791a,#0000 60%),#070a10;place-items:center;animation:.7s 3.8s forwards super-intro-out;display:grid;position:fixed;inset:0;overflow:hidden}.super-intro-stage{place-items:center;display:grid;position:relative}.super-intro-word{letter-spacing:-.02em;white-space:nowrap;opacity:0;will-change:transform, opacity, filter;padding:.18em .1em;font-weight:900;line-height:1.5;position:absolute}.super-intro-word-1{font-size:clamp(64px,13vw,132px);animation:1.9s cubic-bezier(.22,1,.36,1) forwards super-intro-w1}.super-intro-word-2{font-size:clamp(40px,8vw,86px);animation:2.05s cubic-bezier(.22,1,.36,1) 1.75s forwards super-intro-w2}.super-intro-bloom{pointer-events:none;opacity:0;filter:blur(6px);background:radial-gradient(circle,#04b27961,#3b82f61f 45%,#0000 68%);border-radius:50%;width:60vmax;height:60vmax;animation:1.5s 2.55s forwards super-intro-bloom;position:absolute}.super-intro-sweep{pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 42%,#ffffff29 47%,#ffffffbf 50%,#ffffff29 53%,#0000 58%);animation:1.05s 2.7s forwards super-intro-sweep;position:absolute;inset:-40% -30%;transform:translate(-130%)rotate(2deg)}@keyframes super-intro-w1{0%{opacity:0;filter:blur(16px);transform:scale(.66)}28%{opacity:1;filter:blur();transform:scale(1)}62%{opacity:1;filter:blur();transform:scale(1.02)}to{opacity:0;filter:blur(14px);transform:scale(1.35)}}@keyframes super-intro-w2{0%{opacity:0;filter:blur(12px);transform:translateY(26px)scale(.94)}34%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes super-intro-bloom{0%{opacity:0;transform:scale(.5)}45%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes super-intro-sweep{0%{opacity:0;transform:translate(-130%)rotate(2deg)}18%{opacity:1}to{opacity:0;transform:translate(130%)rotate(2deg)}}@keyframes super-intro-out{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.super-intro{display:none}}.super-auth-panel{position:relative}.super-login-badge{background:var(--accent-muted);color:var(--accent);border:1px solid var(--accent-border);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-bottom:18px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.super-login-badge md-icon{--md-icon-size:18px;font-size:18px}.super-shell{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;background:#e9ecf5;min-height:100vh;display:flex}.super-sidebar{width:var(--sidebar-width);background:#fff;border-inline-end:1px solid #d8dde9;flex-direction:column;flex-shrink:0;gap:16px;height:100vh;padding:16px 10px;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #0f172a12}.super-brand{border-bottom:1px solid #e2e8f0;align-items:center;gap:11px;margin-bottom:4px;padding:6px 6px 16px;display:flex}.super-brand .brand-mark{border-radius:13px;width:46px;height:46px;overflow:hidden;box-shadow:0 2px 10px #04b27938}.super-brand .sidebar-brand-name{color:#0f172a;font-size:16px;font-weight:700}.super-brand .sidebar-brand-name .sidebar-brand-madad{background:linear-gradient(135deg,#04b279,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:17px}.super-brand .sidebar-brand-sub{color:#64748b;font-size:12px}.super-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.super-stat{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 8px;box-shadow:0 1px 3px #0f172a0f}.super-stat b{color:#334155;font-size:20px;font-weight:800;line-height:1;display:block}.super-stat span{color:#64748b;font-size:11px;font-weight:500}.super-stat--active{background:#04b2791f;border-color:#04b2794d}.super-stat--active b{color:#059669}.super-stat--held{background:#f59e0b1f;border-color:#f59e0b59}.super-stat--held b{color:#d97706}.super-nav{flex-direction:column;flex:1;gap:3px;padding-top:4px;display:flex}.super-nav-item,.super-side-btn{border-radius:var(--r-md);cursor:pointer;color:#475569;width:100%;min-height:38px;font:inherit;text-align:start;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:8px 11px;font-size:14px;font-weight:500;transition:color .12s,background .12s;display:flex}.super-nav-item md-icon,.super-side-btn md-icon{--md-icon-size:18px;flex-shrink:0;font-size:18px}.super-nav-item:hover,.super-side-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.super-nav-item.active{color:#fff;background:linear-gradient(135deg,#04b279,#059669);border-color:#0000;font-weight:700;box-shadow:0 4px 14px #04b27952}.super-nav-item.active md-icon{color:#fff}.super-sidebar-footer{border-top:1px solid #e2e8f0;flex-direction:column;gap:3px;margin-top:4px;padding-top:10px;display:flex}.super-side-btn--logout{color:#dc2626;font-weight:600}.super-side-btn--logout:hover{color:#b91c1c;background:#dc262617;border-color:#dc26262e}.super-side-btn--backup:hover{color:#a21caf;background:linear-gradient(135deg,#ec489924,#8b5cf624)}.super-side-btn--backup:hover md-icon{color:#c026d3}.super-main{flex:1;min-width:0;padding:26px clamp(18px,3vw,40px)}.super-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.super-topbar h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.super-search{background:#fff;border:1px solid #d4d9e6;border-radius:12px;align-items:center;gap:8px;min-width:280px;padding:9px 14px;display:flex;box-shadow:0 1px 4px #0f172a0f}.super-search md-icon{color:#94a3b8;--md-icon-size:20px;font-size:20px}.super-search input{color:#0f172a;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.super-ws-list{flex-direction:column;gap:10px;display:flex}.super-ws-card{cursor:pointer;width:100%;color:inherit;font:inherit;text-align:start;background:#fff;border:1px solid #dde2ec;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s,background .15s,box-shadow .15s,transform 50ms;display:flex;box-shadow:0 2px 6px #0f172a0f}.super-ws-card:hover{background:#f8fafc;border-color:#04b279;transform:translateY(-1px);box-shadow:0 8px 24px #0f172a1a}.super-ws-card:active{transform:translateY(1px)}.super-ws-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.super-ws-info strong{color:#0f172a;font-size:15px;font-weight:700}.super-ws-info code{color:#64748b;font-family:ui-monospace,monospace;font-size:12px}.super-ws-counts{color:#64748b;gap:14px;font-size:13px;font-weight:500;display:flex}.super-ws-counts span{align-items:center;gap:4px;display:inline-flex}.super-ws-counts md-icon{--md-icon-size:16px;font-size:16px}.super-chevron{color:#94a3b8;display:inline-flex}.super-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.super-dot--active{background:#34d399;box-shadow:0 0 0 3px #34d3992e}.super-dot--held{background:#fbbf24;box-shadow:0 0 0 3px #fbbf242e}.super-dot--expired,.super-dot--inactive{background:#94a3b8;box-shadow:0 0 0 3px #94a3b829}.super-badge{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.super-empty{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:80px 20px;display:flex}.super-empty md-icon{--md-icon-size:46px;color:#cbd5e1;font-size:46px}.super-detail-head{flex-direction:column;gap:14px;margin-bottom:22px;display:flex}.super-back{cursor:pointer;color:#64748b;font:inherit;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:4px;font-size:13px;display:inline-flex}.super-back:hover{color:#0f172a}.super-detail-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.super-detail-title h1{margin:0;font-size:24px}.super-detail-title code{color:#64748b;font-size:13px}.super-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.super-detail-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (width<=900px){.super-detail-grid{grid-template-columns:1fr}}.super-meta{flex-direction:column;gap:10px;display:flex}.super-meta-card{background:#fff;border:1px solid #dde2ec;border-radius:14px;flex-direction:column;gap:5px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #0f172a0f}.super-meta-card>span{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:11.5px;font-weight:600}.super-meta-card>strong{color:#0f172a;word-break:break-word;font-size:14px;font-weight:700}.super-expiry{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.super-expiry input{color:#0f172a;font:inherit;background:#fff;border:1px solid #d8dee9;border-radius:8px;padding:6px 8px;font-size:13px}.super-people{flex-direction:column;gap:16px;display:flex}.super-people-block{background:#fff;border:1px solid #dde2ec;border-radius:16px;padding:14px 16px;box-shadow:0 2px 8px #0f172a0f}.super-people-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.super-people-head h3{color:#0f172a;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:700;display:inline-flex}.super-people-head md-icon{--md-icon-size:18px;color:var(--accent);font-size:18px}.super-people-empty{color:#94a3b8;padding:8px 2px;font-size:13px}.super-person{border-top:1px solid #eef1f6;align-items:center;gap:12px;padding:10px 4px;display:flex}.super-person:first-of-type{border-top:0}.super-avatar{background:var(--accent-muted);width:38px;height:38px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid}.super-person-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.super-person-main strong{font-size:14px}.super-person-main span{color:#64748b;font-size:12px}.super-person-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.super-chip{color:#475569;background:#94a3b833;border-radius:999px;padding:2px 8px;font-size:11px}.super-chip--code{color:#047857;background:#04b27924;font-family:ui-monospace,monospace}.super-chip--off{color:#b91c1c;background:#f8717129}.super-person-actions{gap:4px;display:flex}.super-person-actions button{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:32px;height:32px;transition:background .13s,border-color .13s,color .13s;display:grid}.super-person-actions button:hover{color:#0f172a;background:#e8edf5;border-color:#c4cdd9}.super-person-actions button.danger:hover{color:#b91c1c;background:#dc26261a;border-color:#dc262647}.super-person-actions button.toggle-deactivate{color:#b45309}.super-person-actions button.toggle-deactivate:hover{color:#92400e;background:#f59e0b24;border-color:#f59e0b59}.super-person-actions button.toggle-activate{color:#047857}.super-person-actions button.toggle-activate:hover{color:#065f46;background:#04b27924;border-color:#04b27959}.super-person-actions md-icon{--md-icon-size:18px;font-size:18px}.super-btn{color:#334155;font:inherit;cursor:pointer;background:#fff;border:1px solid #d4d9e6;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .14s,border-color .14s,box-shadow .14s,transform 80ms;display:inline-flex;box-shadow:0 1px 3px #0f172a12}.super-btn:hover{background:#f1f5f9;border-color:#b8c0d0;transform:translateY(-1px);box-shadow:0 3px 10px #0f172a1a}.super-btn:active{transform:translateY(0)}.super-btn md-icon{--md-icon-size:17px;font-size:17px}.super-btn--sm{padding:6px 10px;font-size:12px}.super-btn--ghost{box-shadow:none;background:0 0}.super-btn--warning{color:#92400e;background:#f59e0b24;border-color:#f59e0b61}.super-btn--warning:hover{background:#f59e0b38}.super-btn--success{color:#065f46;background:#04b27924;border-color:#04b27961}.super-btn--success:hover{background:#04b27938}.super-btn--danger{color:#b91c1c;background:#dc26261a;border-color:#dc262652}.super-btn--danger:hover{background:#dc26262e}.super-btn--backup{color:#a21caf;background:#d946ef14;border-color:#d946ef40;transition:background .15s,color .15s,border-color .15s}.super-btn--backup:hover{color:#86198f;background:linear-gradient(135deg,#ec48992e,#8b5cf62e);border-color:#ec489966}.super-btn--backup md-icon{color:inherit}.super-modal{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.super-modal-head--danger{background:linear-gradient(#fef2f2,#fff)}.super-hint{color:#64748b;font-size:12px}.super-hint--bad{color:#dc2626}.super-confirm-text{color:#475569;margin:0 0 6px;font-size:14px;line-height:1.6}.super-confirm-text+.app-form-field{margin-top:8px}.super-btn-danger-solid{background:#dc2626!important}.super-btn-danger-solid:hover{background:#b91c1c!important}.super-flash{z-index:4000;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:700;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0006}.super-flash--ok{color:#fff;background:#04b279}.super-flash--err{color:#fff;background:#dc2626}.super-meta-card--link{border-color:var(--accent-border);background:linear-gradient(135deg,#04b2791a,#3b82f60f)}.super-loginlink{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.super-loginlink-url{color:#047857;word-break:break-all;flex:1;min-width:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none}.super-loginlink-url:hover{text-decoration:underline}.super-copy-btn{cursor:pointer;color:#fff;font:inherit;background:linear-gradient(135deg,#04b279,#059669);border:1px solid #0000;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .15s,background .2s;display:inline-flex;box-shadow:0 6px 18px #04b27947}.super-copy-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px #04b27961}.super-copy-btn:active{transform:translateY(0);box-shadow:0 4px 12px #04b2794d}.super-copy-btn md-icon{--md-icon-size:18px;font-size:18px}.super-copy-btn.is-copied{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 6px 18px #10b98166}.super-data{background:#fff;border:1px solid #dde2ec;border-radius:16px;margin-top:18px;padding:16px 18px;box-shadow:0 2px 8px #0f172a0f}.super-data-head h3{align-items:center;gap:7px;margin:0 0 4px;font-size:15px;display:inline-flex}.super-data-head h3 md-icon{color:var(--accent);--md-icon-size:18px;font-size:18px}.super-data-head p{color:#64748b;margin:0 0 12px;font-size:12px}.super-data-actions{flex-wrap:wrap;gap:8px;display:flex}.super-backup-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.super-backup-row{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.super-backup-info{flex-direction:column;gap:2px;min-width:0;display:flex}.super-backup-info strong{color:#0f172a;word-break:break-all;font-size:13px}.super-backup-info span{color:#64748b;font-size:11px}.super-main{padding:30px clamp(20px,4vw,56px)}.super-main>*{max-width:1180px;margin-inline:auto}.super-topbar h1,.super-detail{width:100%}.super-nav-item{position:relative}.super-nav-item.active:before{display:none}.super-sidebar-footer .super-side-btn{font-weight:600}.super-detail-title h1{letter-spacing:-.01em;font-size:26px;font-weight:800}.super-detail-title code{color:#475569;background:#eef2f7;border:1px solid #e2e8f0;border-radius:7px;padding:2px 8px}.super-people-head h3,.super-data-head h3{color:#0f172a;font-weight:700}.super-meta-card,.super-people-block,.super-data{transition:box-shadow .16s,border-color .16s,transform .16s}.super-meta-card:hover,.super-people-block:hover,.super-data:hover{border-color:#c4cdd9;transform:translateY(-1px);box-shadow:0 10px 28px #0f172a1a}.super-person{border-radius:10px;padding-inline:8px;transition:background .14s}.super-person:hover{background:#f4f7fb}.super-person-pending{color:#94a3b8;font-size:12px;font-style:italic}.super-meta-card--link{border-color:#04b27959;box-shadow:0 4px 18px #04b2791f}.super-meta-card--link>span{color:#047857;font-weight:700}.super-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #04b27924}.super-badge{font-weight:700;box-shadow:inset 0 0 0 1px #0f172a0f}.super-badge--active{color:#065f46;background:#04b27929}.super-badge--held{color:#92400e;background:#f59e0b2e}.super-badge--expired,.super-badge--inactive{color:#475569;background:#94a3b838}.super-hero{border:1px solid #d4d9e6;background:#fff;border-inline-start:4px solid #04b279;border-radius:18px;margin:6px 0 18px;padding:22px 24px;box-shadow:0 4px 20px #0f172a14}.super-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.super-hero-id{align-items:center;gap:14px;min-width:0;display:flex}.super-hero-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:4px}.super-hero-names h1{letter-spacing:-.025em;background:linear-gradient(135deg,#0f172a 40%,#334155);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:800;line-height:1.1}.super-hero .super-detail-actions{margin-top:2px}.super-hero-link{background:linear-gradient(135deg,#04b27914,#3b82f60a);border:1px solid #04b27947;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;display:flex}.super-hero-link-label{color:#047857;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.super-hero-link-label md-icon{--md-icon-size:17px;font-size:17px}.super-hero-link .super-loginlink-url{flex:1;min-width:160px;font-size:13.5px}.super-backup-body{max-height:min(70vh,560px);overflow-y:auto}.super-backup-cta{background:linear-gradient(135deg,#04b2791a,#3b82f60f);border:1px solid #04b27938;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.super-backup-cta-icon{color:#fff;background:linear-gradient(135deg,#04b279,#059669);border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 6px 16px #04b2794d}.super-backup-cta-icon md-icon{--md-icon-size:24px;font-size:24px}.super-backup-cta-text{flex-direction:column;flex:1;gap:3px;min-width:180px;display:flex}.super-backup-cta-text strong{color:#0f172a;font-size:14px}.super-backup-cta-text span{color:#64748b;font-size:12px;line-height:1.5}.super-backup-run{cursor:pointer;color:#fff;font:inherit;background:linear-gradient(135deg,#04b279,#059669);border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 6px 16px #04b27947}.super-backup-run:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #04b27961}.super-backup-run:disabled{opacity:.7;cursor:default}.super-backup-run md-icon{--md-icon-size:18px;font-size:18px}.super-backup-listhead{color:#334155;align-items:center;gap:8px;margin:18px 2px 4px;font-size:13px;font-weight:700;display:flex}.super-backup-count{color:#047857;background:#04b27924;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.super-backup-row{gap:10px}.super-backup-row-icon{color:#64748b;background:#e8edf3;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.super-backup-row-icon md-icon{--md-icon-size:18px;font-size:18px}.super-backup-state{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:36px 16px;display:flex}.super-backup-state md-icon{--md-icon-size:38px;color:#cbd5e1;font-size:38px}.super-backup-state span{font-size:13px}.super-stepper{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;align-items:center;gap:0;padding:16px 22px 4px;display:flex}.super-stepper-item{align-items:center;min-width:0;display:flex}.super-step{align-items:center;gap:10px;min-width:0;display:flex}.super-step-badge{color:#94a3b8;background:#eef2f7;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;transition:background .2s,color .2s,border-color .2s;display:grid}.super-step-badge md-icon{--md-icon-size:20px;font-size:20px}.super-step-text{flex-direction:column;min-width:0;display:flex}.super-step-text strong{color:#94a3b8;font-size:13.5px;line-height:1.2;transition:color .2s}.super-step-text span{color:#cbd5e1;font-size:11px;transition:color .2s}.super-step.is-active .super-step-badge{color:#fff;background:linear-gradient(135deg,#04b279,#059669);border-color:#0000;box-shadow:0 6px 16px #04b2794d}.super-step.is-active .super-step-text strong{color:#0f172a}.super-step.is-active .super-step-text span{color:#64748b}.super-step.is-done .super-step-badge{color:#047857;background:#04b27924;border-color:#04b2794d}.super-step.is-done .super-step-text strong{color:#334155}.super-step-line{background:#e2e8f0;border-radius:2px;flex:1;height:2px;margin:0 12px;transition:background .25s}.super-step-line.is-done{background:linear-gradient(90deg,#04b279,#34d399)}.super-create-body{padding-top:16px}.super-step-panel{flex-direction:column;gap:4px;animation:.25s super-step-in;display:flex}@keyframes super-step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.super-create-recap{background:#04b27912;border:1px solid #04b27933;border-radius:12px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 14px;display:flex}.super-create-recap>md-icon{color:#fff;--md-icon-size:22px;background:linear-gradient(135deg,#04b279,#059669);border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.super-create-recap>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.super-create-recap strong{color:#0f172a;font-size:14px}.super-create-recap span{color:#047857;word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:12px}.app-modal-btn md-icon{--md-icon-size:18px;font-size:18px}.news-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.news-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.news-card-media{aspect-ratio:16/7;background:var(--accent-muted);width:100%;position:relative}.news-card-img{object-fit:cover;width:100%;height:100%;display:block}.news-card-img--ph{color:var(--accent);justify-content:center;align-items:center;display:flex}.news-card-img--ph md-icon{--md-icon-size:42px;font-size:42px}.news-badge{top:10px;color:#fff;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;inset-inline-start:10px}.news-badge--live{background:#04b279}.news-badge--hidden{background:#64748b}.news-badge--scheduled{background:#d97706}.news-badge--expired{background:#b91c1c}.news-card-body{flex-direction:column;gap:6px;padding:14px 16px 4px;display:flex}.news-card-title{font-size:15px}.news-card-text{color:var(--text-secondary,#475569);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.news-card-meta{color:var(--text-secondary,#64748b);align-items:center;gap:14px;font-size:12px;display:flex}.news-card-meta span,.news-card-meta a{color:inherit;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.news-card-meta a{color:var(--accent)}.news-card-meta md-icon{--md-icon-size:16px;font-size:16px}.news-card-actions{border-top:1px solid var(--border,#eef0f3);justify-content:flex-end;margin-top:8px;padding:4px 8px 8px}.news-image-preview{aspect-ratio:16/7;background:var(--accent-muted);border-radius:12px;width:100%;margin-bottom:10px;overflow:hidden}.news-image-preview img,.news-image-preview .protected-image{object-fit:cover;width:100%;height:100%;display:block}.news-image-actions{flex-wrap:wrap;gap:10px;display:flex}.news-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.news-hint{color:var(--text-secondary,#94a3b8);font-size:11px}.news-active-field .news-switch{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}@media (width<=560px){.news-form-row{grid-template-columns:1fr}}.hls-page{--hls-blue:#1e3a8a}.hls-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.hls-page-title h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.hls-page-title span{color:#64748b;margin-top:2px;font-size:13px;display:block}.hls-check-btn{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font:600 13px/1 inherit;transition:background .15s;display:inline-flex}.hls-check-btn:hover:not(:disabled){background:#1e40af}.hls-check-btn:disabled{opacity:.5;cursor:not-allowed}.hls-check-btn--loading{opacity:.8}.hls-stat-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.hls-stat-card{background:var(--hls-blue);color:#fff;border-radius:14px;align-items:flex-start;gap:14px;min-height:108px;padding:20px 20px 18px;display:flex;position:relative;overflow:hidden}.hls-stat-card:after{content:"";inset-inline-end:-24px;pointer-events:none;background:#ffffff12;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-24px}.hls-stat-icon-wrap{background:#ffffff29;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.hls-stat-icon-wrap md-icon{color:#fff;--md-icon-size:20px;font-size:20px}.hls-stat-body{flex:1;min-width:0}.hls-stat-value{white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:26px;font-weight:800;line-height:1;overflow:hidden}.hls-stat-label{opacity:.75;margin-bottom:3px;font-size:12px}.hls-stat-sub{opacity:.55;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.hls-live-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:16px;padding:20px 22px;box-shadow:0 1px 4px #0f172a0f}.hls-section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.hls-section-header>span:first-child{color:#0f172a;font-size:15px;font-weight:700}.hls-live-indicator{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.hls-live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite hls-pulse;box-shadow:0 0 0 2px #22c55e38}@keyframes hls-pulse{0%,to{opacity:1}50%{opacity:.35}}.hls-preset-count-badge{color:#475569;background:#f1f5f9;border-radius:20px;padding:2px 9px;font-size:12px;font-weight:700}.hls-metric-row{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.hls-metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.hls-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10px;font-weight:700}.hls-metric-value{color:#0f172a;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1}.hls-metric-bar{background:#e2e8f0;border-radius:2px;height:4px;margin-bottom:7px;overflow:hidden}.hls-metric-fill{background:#2563eb;border-radius:2px;height:100%;transition:width .4s}.hls-metric-sub{color:#94a3b8;font-size:11px}.hls-presets-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px;display:grid}.hls-preset-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:14px 16px;transition:border-color .15s,background .15s,box-shadow .15s}.hls-preset-card:hover{background:#eff6ff;border-color:#93c5fd;box-shadow:0 2px 8px #2563eb1a}.hls-preset-card--active{background:#eff6ff;border-color:#2563eb}.hls-preset-id{color:#2563eb;margin-bottom:4px;font-size:11px;font-weight:700}.hls-preset-name{color:#0f172a;margin-bottom:8px;font-size:13px;font-weight:600}.hls-preset-specs{flex-wrap:wrap;gap:6px;display:flex}.hls-preset-specs span{color:#475569;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:10px}@media (width<=1024px){.hls-stat-row{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hls-stat-row{grid-template-columns:1fr}}.super-hls-token-section{border-top:1px solid #f1f5f9;margin-top:24px;padding:20px 0 0}.super-hls-token-form{flex-direction:column;gap:12px;display:flex}.super-hls-token-form .app-form-field{margin:0}