@font-face{font-family:Vazirmatn;font-style:normal;font-weight:100 900;font-display:swap;src:url(/panel/assets/vazirmatn-variable-BeciDpKm.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#2f6bed;--primary-strong:#2458c7;--primary-soft:#eef4ff;--text:#182033;--text-2:#5f6b7a;--text-3:#8b95a5;--surface:#fff;--surface-2:#f6f8fc;--surface-3:#edf1f7;--border:#e3e8f0;--success:#14845c;--success-soft:#eaf8f1;--warning:#b86b0c;--warning-soft:#fff6df;--danger:#bf364b;--danger-soft:#fff0f2;--purple:#7257d8;--purple-soft:#f3efff;--shadow:0 16px 45px #1c294d14;--shadow-sm:0 7px 22px #1c294d12;background:var(--surface-2);color:var(--text);font-family:Vazirmatn,IRANSansX,IRANSans,Tahoma,Arial,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#eef3ff;--text-2:#aab5c7;--text-3:#7d899b;--surface:#151b27;--surface-2:#0e131d;--surface-3:#222a38;--border:#2a3444;--primary-soft:#1d315e;--success-soft:#173b30;--warning-soft:#493719;--danger-soft:#4a252d;--purple-soft:#322a52;--shadow:0 18px 48px #00000042;--shadow-sm:0 8px 22px #0003}*{box-sizing:border-box}html{background:var(--surface-2);min-width:320px}body{background:var(--surface-2);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-family:inherit}button,input,textarea,select{font:inherit;font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #2f6bed3b}.brand{align-items:center;gap:11px;display:inline-flex}.brand__mark{background:#fff;border-radius:14px;place-items:center;width:52px;height:46px;display:grid;overflow:hidden;box-shadow:0 8px 20px #2f6bed24}.brand__mark-img{object-fit:contain;width:100%;height:100%;display:block}.brand__copy{flex-direction:column;line-height:1.12;display:flex}.brand__copy strong{letter-spacing:-.02em;font-size:20px}.brand__copy small{color:var(--text-2);margin-top:5px;font-size:10.5px}.brand--light .brand__copy small,.brand--light .brand__copy strong{color:#fff}.brand--compact .brand__mark{width:46px;height:40px}.eyebrow{color:var(--primary);letter-spacing:.02em;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.eyebrow--light{color:#cddcff}.button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 17px;font-weight:750;transition:all .18s;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button--primary{color:#fff;background:var(--primary);box-shadow:0 8px 22px #2f6bed38}.button--secondary{color:var(--primary);background:var(--primary-soft);border:1px solid #2f6bed24}.button--ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.button--wide{width:100%}.icon-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:11px;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.icon-button:hover{color:var(--primary);background:var(--primary-soft)}.icon-button:disabled{opacity:.45;cursor:not-allowed}.auth-shell{background:var(--surface);grid-template-columns:minmax(440px,1.04fr) minmax(480px,.96fr);min-height:100vh;display:grid}.auth-shell__showcase{color:#fff;background:linear-gradient(145deg,#2459ca 0%,#2f6bed 52%,#158f76 130%);padding:56px;position:relative;overflow:hidden}.auth-shell__showcase:before,.auth-shell__showcase:after{content:"";border:1px solid #ffffff21;border-radius:999px;position:absolute}.auth-shell__showcase:before{width:560px;height:560px;bottom:-280px;left:-250px}.auth-shell__showcase:after{background:#ffffff0a;width:310px;height:310px;top:40px;right:-110px}.auth-showcase__inner{z-index:1;flex-direction:column;max-width:620px;height:100%;margin:0 auto;display:flex;position:relative}.auth-showcase__copy{margin:auto 0 50px}.auth-showcase__copy h1{letter-spacing:-.035em;max-width:590px;margin:14px 0 18px;font-size:clamp(35px,4.3vw,58px);line-height:1.28}.auth-showcase__copy p{color:#dce6ff;max-width:540px;font-size:17px;line-height:2}.auth-benefits{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.auth-benefits div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;align-items:center;gap:9px;min-height:64px;padding:13px;font-size:12.5px;line-height:1.6;display:flex}.auth-showcase__footer{color:#c8d7fa;margin:20px 0 0;font-size:11.5px}.auth-shell__content{background:var(--surface-2);flex-direction:column;justify-content:center;align-items:center;padding:48px 28px;display:flex}.auth-card{border:1px solid var(--border);background:var(--surface);width:min(100%,460px);box-shadow:var(--shadow);border-radius:24px;padding:34px}.auth-mobile-brand{margin-bottom:24px;display:none}.auth-card__heading{margin-bottom:26px}.auth-card__heading h2{letter-spacing:-.025em;margin:8px 0 9px;font-size:27px}.auth-card__heading p{color:var(--text-2);margin:0;font-size:13px;line-height:1.9}.auth-card__divider{color:var(--text-3);align-items:center;gap:12px;margin:22px 0 15px;font-size:11.5px;display:flex}.auth-card__divider:before,.auth-card__divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-links{color:var(--text-3);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:23px;font-size:11px;display:flex}.auth-links a:hover{color:var(--primary)}.form-stack{gap:16px;display:grid}.field{color:var(--text-2);gap:7px;font-size:12px;font-weight:650;display:grid}.field__control{min-height:48px;color:var(--text-3);border:1px solid var(--border);background:var(--surface);border-radius:11px;align-items:center;gap:9px;padding:0 13px;transition:all .15s;display:flex}.field__control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2f6bed1a}.field__control input{min-width:0;color:var(--text);text-align:right;direction:ltr;background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.field__control input::placeholder{color:var(--text-3)}.field__action{color:var(--text-3);cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.form-error{color:var(--danger);font-weight:500}.form-alert{color:var(--danger);background:var(--danger-soft);border:1px solid color-mix(in srgb, var(--danger) 22%, transparent);border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.7}.role-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.role-choice button{border:1px solid var(--border);min-height:48px;color:var(--text-2);background:var(--surface);cursor:pointer;font:inherit;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:750;transition:all .15s;display:inline-flex}.role-choice button.is-active{color:var(--primary);background:var(--primary-soft);border-color:#2f6bed59;box-shadow:0 8px 18px #2f6bed14}.auth-secondary-link{margin-top:10px}.link-loading{min-height:150px;color:var(--text-2);justify-content:center;align-items:center;gap:12px;display:flex}.link-steps{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:22px;display:grid}.link-step{border:1px solid var(--border);color:var(--text-3);border-radius:11px;align-items:center;gap:8px;padding:10px;display:flex}.link-step>span{background:var(--surface-3);border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-weight:800;display:grid}.link-step div{flex-direction:column;min-width:0;display:flex}.link-step strong{white-space:nowrap;font-size:10.5px}.link-step small{margin-top:2px;font-size:8.5px}.link-step.is-active{color:var(--primary);background:var(--primary-soft);border-color:#2f6bed4d}.link-step.is-done{color:var(--success);background:var(--success-soft);border-color:#14845c40}.link-step.is-done>span{color:#fff;background:var(--success)}.link-command-card{background:var(--primary-soft);border:1px solid #2f6bed24;border-radius:15px;grid-template-columns:auto 1fr;gap:13px;padding:17px;display:grid}.link-command-card>svg{color:var(--primary)}.link-command-card>div{gap:8px;min-width:0;display:grid}.link-command-card strong{font-size:12px}.link-command-card code{color:var(--primary);background:var(--surface);text-align:left;border:1px dashed #2f6bed47;border-radius:9px;padding:10px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;overflow:auto}.link-command-card small{color:var(--text-2);font-size:10px}.link-command-card .button{grid-column:1/-1}.link-status-line{color:var(--text-2);align-items:center;gap:8px;margin-top:13px;font-size:10.5px;display:flex}.link-status-line button{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-right:auto;display:inline-flex}.pulse-dot{background:var(--warning);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse;box-shadow:0 0 #b86b0c73}.linked-user{color:var(--success);background:var(--success-soft);border-radius:11px;align-items:center;gap:12px;padding:13px;display:flex}.linked-user div{flex-direction:column;display:flex}.linked-user span{margin-top:3px;font-size:10.5px}@keyframes pulse{70%{box-shadow:0 0 0 8px #b86b0c00}to{box-shadow:0 0 #b86b0c00}}.panel-shell{background:var(--surface-2);min-height:100vh;display:flex}.sidebar{z-index:30;border-left:1px solid var(--border);background:var(--surface);flex-direction:column;width:256px;padding:21px 16px;display:flex;position:fixed;inset:0 0 0 auto}.sidebar--drawer{display:none}.sidebar__brand-row{justify-content:space-between;align-items:center;padding:0 5px 25px;display:flex}.sidebar__section-label{color:var(--text-3);margin:4px 10px 9px;font-size:10px;font-weight:700}.sidebar__nav{gap:5px;display:grid}.sidebar__link{min-height:46px;color:var(--text-2);border-radius:11px;align-items:center;gap:12px;padding:0 13px;font-size:13.5px;font-weight:650;transition:all .16s;display:flex;position:relative}.sidebar__link:hover,.sidebar__link.is-active{color:var(--primary);background:var(--primary-soft)}.sidebar__link.is-active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:23px;position:absolute;right:-16px}.sidebar__bottom{margin-top:auto}.sidebar__hint{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:13px;gap:10px;padding:13px;display:flex}.sidebar__hint svg{color:var(--primary);flex:none}.sidebar__hint div{flex-direction:column;gap:3px;display:flex}.sidebar__hint strong{color:var(--text);font-size:10.5px}.panel-main{flex:1;min-width:0;margin-right:256px}.topbar{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 91%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:0 28px;display:flex;position:sticky;top:0}.topbar__start{align-items:center;gap:12px;display:flex}.topbar__menu{display:none}.topbar__start>div{flex-direction:column;display:flex}.topbar__eyebrow{color:var(--text-3);font-size:9.5px}.topbar__title{margin-top:3px;font-size:13.5px}.topbar__actions{align-items:center;gap:10px;display:flex}.profile-menu{position:relative}.profile-menu__trigger{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:13px;align-items:center;gap:9px;min-height:46px;padding:4px 7px 4px 10px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg, var(--primary), #16a77a);border-radius:11px;place-items:center;width:35px;height:35px;font-size:11px;font-weight:800;display:grid}.profile-menu__copy{flex-direction:column;align-items:flex-start;min-width:105px;display:flex}.profile-menu__copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:11.5px;overflow:hidden}.profile-menu__copy small{color:var(--text-3);direction:ltr;margin-top:2px;font-size:9px}.profile-menu__dropdown{border:1px solid var(--border);background:var(--surface);width:230px;box-shadow:var(--shadow-sm);border-radius:14px;padding:9px;position:absolute;top:calc(100% + 9px);left:0}.profile-menu__identity{color:var(--text-2);border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:10px;font-size:11px;display:flex}.profile-menu__dropdown button{width:100%;color:var(--danger);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;margin-top:6px;padding:10px;display:flex}.profile-menu__dropdown button:hover{background:var(--danger-soft)}.panel-content{max-width:1500px;margin:0 auto;padding:30px}.page-stack{gap:22px;display:grid}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-heading h1{letter-spacing:-.025em;margin:5px 0 6px;font-size:27px}.page-heading p{color:var(--text-2);margin:0;font-size:12.5px}.page-heading--toolbar .search-box{width:min(330px,100%)}.plan-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:12px;align-items:center;gap:8px;padding:8px 11px;font-size:10.5px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:17px;align-items:center;gap:13px;padding:19px;display:flex}.stat-card__icon{border-radius:14px;flex:none;place-items:center;width:47px;height:47px;display:grid}.stat-card__icon--blue{color:var(--primary);background:var(--primary-soft)}.stat-card__icon--green{color:var(--success);background:var(--success-soft)}.stat-card__icon--purple{color:var(--purple);background:var(--purple-soft)}.stat-card__icon--orange{color:var(--warning);background:var(--warning-soft)}.stat-card>div{flex-direction:column;display:flex}.stat-card strong{font-size:24px;line-height:1}.stat-card span:last-child{color:var(--text-2);margin-top:7px;font-size:11px}.card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:18px;padding:21px}.card--flush{padding:0;overflow:hidden}.card__header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.card__header h2{margin:0;font-size:15px}.card__header p{color:var(--text-2);margin:4px 0 0;font-size:10.5px}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:15px;display:grid}.card--span-2{min-width:0}.text-link{color:var(--primary);align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.class-list{display:grid}.class-row{border-top:1px solid var(--border);grid-template-columns:auto minmax(150px,1fr) auto auto;align-items:center;gap:12px;min-width:0;padding:12px 3px;display:grid}.class-row:first-child{border-top:0}.class-row:hover{color:var(--primary)}.class-row__icon,.card-list__icon{width:39px;height:39px;color:var(--primary);background:var(--primary-soft);border-radius:11px;place-items:center;display:grid}.class-row__main{flex-direction:column;min-width:0;display:flex}.class-row__main strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.class-row__main span{color:var(--text-3);margin-top:4px;font-size:9.5px}.class-row__stats{gap:7px;display:flex}.class-row__stats span{color:var(--text-2);background:var(--surface-2);white-space:nowrap;border-radius:7px;padding:5px 7px;font-size:9px}.plan-card{align-self:stretch}.usage-row{gap:7px;margin-top:16px;display:grid}.usage-row>div:first-child{color:var(--text-2);justify-content:space-between;align-items:center;font-size:10px;display:flex}.usage-row strong{color:var(--text);font-size:9.5px}.progress{background:var(--surface-3);border-radius:999px;height:7px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #16a77a);min-width:7px;height:100%;display:block}.plan-card__expiry{color:var(--text-3);text-align:center;margin-top:18px;display:block}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px;font-size:11px}.data-table th{color:var(--text-3);background:var(--surface-2);text-align:right;padding:10px 12px;font-size:9.5px;font-weight:650}.data-table th:first-child{border-radius:0 9px 9px 0}.data-table th:last-child{border-radius:9px 0 0 9px}.data-table td{border-bottom:1px solid var(--border);max-width:270px;color:var(--text-2);vertical-align:middle;padding:13px 12px}.data-table tbody tr:last-child td{border-bottom:0}.data-table td strong{color:var(--text);font-size:11px;display:block}.data-table td small{color:var(--text-3);margin-top:4px;font-size:9px;display:block}.data-table td a{color:var(--primary);font-weight:700}.file-cell{text-overflow:ellipsis;white-space:nowrap;text-align:right;direction:ltr;overflow:hidden;max-width:200px!important}.file-cell svg{vertical-align:middle;margin-left:5px}.feedback-cell{align-items:flex-start;gap:5px;max-width:260px;line-height:1.7;display:inline-flex}.score-pill{min-width:36px;height:27px;color:var(--success);background:var(--success-soft);border-radius:8px;place-items:center;padding:0 8px;font-weight:800;display:inline-grid}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;width:max-content;padding:5px 8px;font-size:9.5px;font-weight:750;display:inline-flex}.badge--primary,.badge--info{color:var(--primary);background:var(--primary-soft)}.badge--success{color:var(--success);background:var(--success-soft)}.badge--warning{color:var(--warning);background:var(--warning-soft)}.badge--danger{color:var(--danger);background:var(--danger-soft)}.badge--neutral{color:var(--text-2);background:var(--surface-3)}.connection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.connection-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:17px;gap:19px;padding:19px;display:grid}.connection-card.is-connected{border-color:color-mix(in srgb, var(--success) 24%, var(--border))}.connection-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.connection-card__icon{width:47px;height:47px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;display:grid}.connection-card h2{margin:0;font-size:15px}.connection-card p{min-height:38px;color:var(--text-2);margin:7px 0 0;font-size:10.5px;line-height:1.8}.connection-card dl{gap:9px;margin:16px 0 0;display:grid}.connection-card dl div,.connection-summary div{background:var(--surface-2);border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.connection-card dt,.connection-summary span{color:var(--text-3);font-size:9px}.connection-card dd,.connection-summary strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);margin:0;font-size:10.5px;font-weight:800;overflow:hidden}.connection-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.classes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.class-card{border:1px solid var(--border);background:var(--surface);min-height:235px;box-shadow:var(--shadow-sm);border-radius:17px;flex-direction:column;padding:19px;transition:all .18s;display:flex}.class-card:hover{box-shadow:var(--shadow);border-color:#2f6bed4d;transform:translateY(-3px)}.class-card__top{justify-content:space-between;align-items:center;display:flex}.class-card__icon{width:45px;height:45px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;display:grid}.class-card h2{text-overflow:ellipsis;white-space:nowrap;margin:17px 0 5px;font-size:15px;overflow:hidden}.class-card>p{color:var(--text-3);margin:0;font-size:10px}.class-card__stats{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.class-card__stats span{color:var(--text-2);background:var(--surface-2);border-radius:8px;align-items:center;gap:5px;padding:6px 7px;font-size:9px;display:inline-flex}.class-card footer{border-top:1px solid var(--border);color:var(--text-3);justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;font-size:9px;display:flex}.card-list{gap:10px;display:grid}.card-list__row{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:14px 16px;display:grid}.card-list__row:hover{border-color:#2f6bed4d}.card-list__row>div{flex-direction:column;display:flex}.card-list__row strong{font-size:12.5px}.card-list__row span:not(.badge){color:var(--text-3);margin-top:4px;font-size:10px}.search-box{border:1px solid var(--border);min-height:42px;color:var(--text-3);background:var(--surface);border-radius:11px;align-items:center;gap:8px;padding:0 11px;display:flex}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2f6bed14}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:11px}.search-box button{color:var(--text-3);cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.pagination{color:var(--text-2);justify-content:center;align-items:center;gap:12px;margin-top:17px;font-size:10px;display:flex}.back-link{width:max-content;color:var(--text-2);align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.back-link:hover{color:var(--primary)}.class-hero,.assignment-hero{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;gap:19px;padding:23px;display:grid;position:relative}.class-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start}.class-hero__main,.assignment-hero__heading{align-items:flex-start;gap:14px;display:flex}.class-hero__icon,.assignment-hero__icon{width:54px;height:54px;color:var(--primary);background:var(--primary-soft);border-radius:16px;flex:none;place-items:center;display:grid}.class-hero h1,.assignment-hero h1{margin:4px 0 5px;font-size:24px}.class-hero p,.assignment-hero p{color:var(--text-2);margin:0;font-size:11px;line-height:1.8}.class-hero__meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.join-code{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;align-items:center;gap:8px;padding:7px 10px;display:flex}.join-code>span{color:var(--text-3);font-size:9px}.join-code strong{letter-spacing:.08em;font-size:13px}.join-code button{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:4px;font-size:9px;display:inline-flex}.class-hero__stats{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding-top:17px;display:grid}.class-hero__stats div,.assignment-summary div{color:var(--text-2);border-left:1px solid var(--border);justify-content:center;align-items:center;gap:7px;display:flex}.class-hero__stats div:last-child,.assignment-summary div:last-child{border-left:0}.class-hero__stats strong,.assignment-summary strong{color:var(--text)}.class-hero__stats span,.assignment-summary span{font-size:10px}.online-link{color:var(--primary);grid-column:1/-1;justify-self:start;font-size:10.5px;font-weight:700}.tabs{border-bottom:1px solid var(--border);gap:4px;padding:8px 10px 0;display:flex}.tabs button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:11px 14px;font-size:11px;font-weight:700;display:inline-flex}.tabs button.is-active{color:var(--primary);border-bottom-color:var(--primary)}.tab-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;display:flex}.tab-toolbar>div:first-child{flex-direction:column;display:flex}.tab-toolbar strong{font-size:12.5px}.tab-toolbar span{color:var(--text-3);margin-top:3px;font-size:9.5px}.tab-toolbar .search-box{width:min(310px,100%)}.tab-content{padding:17px 19px 20px}.assignment-list{display:grid}.assignment-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:13px 3px;display:flex}.assignment-row:last-child{border-bottom:0}.assignment-row__main{align-items:center;gap:11px;min-width:0;display:flex}.assignment-row__icon{width:39px;height:39px;color:var(--purple);background:var(--purple-soft);border-radius:11px;flex:none;place-items:center;display:grid}.assignment-row__main>div{flex-direction:column;min-width:0;display:flex}.assignment-row__main strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.assignment-row__main span{color:var(--text-3);margin-top:4px;font-size:9px}.assignment-row__stats{align-items:center;gap:7px;display:flex}.assignment-row__stats>span:not(.badge){color:var(--text-2);background:var(--surface-2);white-space:nowrap;border-radius:7px;padding:5px 7px;font-size:8.5px}.assignment-hero{grid-template-columns:1fr auto}.assignment-hero__heading{min-width:0}.assignment-hero__heading p{max-width:740px}.assignment-meta-grid{border:1px solid var(--border);background:var(--border);border-radius:13px;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.assignment-meta-grid div{background:var(--surface-2);flex-direction:column;gap:5px;padding:12px;display:flex}.assignment-meta-grid span{color:var(--text-3);font-size:8.5px}.assignment-meta-grid strong{font-size:10.5px}.attachment-card{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;grid-column:1/-1;align-items:center;gap:10px;padding:11px 13px;display:flex}.attachment-card>svg{color:var(--primary)}.attachment-card>div{flex-direction:column;flex:1;min-width:0;display:flex}.attachment-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.attachment-card span:not(.badge){color:var(--text-3);margin-top:3px;font-size:8.5px}.assignment-summary{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding-top:17px;display:grid}.tab-toolbar--wrap{align-items:flex-end}.toolbar-actions{align-items:center;gap:9px;flex-direction:row!important;display:flex!important}.segmented{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:3px;flex-direction:row!important;display:inline-flex!important}.segmented button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:9.5px}.segmented button.is-active{color:var(--primary);background:var(--surface);box-shadow:0 2px 8px #1c294d14}.page-loading{min-height:220px;color:var(--text-2);justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.spinner{border:3px solid var(--surface-3);border-top-color:var(--primary);border-radius:50%;width:25px;height:25px;animation:.7s linear infinite spin}.spinner--small{border-width:2px;width:17px;height:17px}@keyframes spin{to{transform:rotate(360deg)}}.state-card{border:1px dashed var(--border);min-height:190px;color:var(--text-3);background:var(--surface);text-align:right;border-radius:16px;justify-content:center;align-items:center;gap:14px;padding:25px;display:flex}.state-card>div{max-width:450px}.state-card strong{color:var(--text);font-size:13px;display:block}.state-card p{color:var(--text-2);margin:5px 0 0;font-size:10.5px;line-height:1.8}.state-card small{direction:ltr;margin-top:5px;font-size:8.5px;display:block}.state-card--error{color:var(--danger);border-style:solid;border-color:color-mix(in srgb, var(--danger) 20%, var(--border));background:var(--danger-soft)}.state-card--warning{color:var(--warning);border-style:solid;border-color:color-mix(in srgb, var(--warning) 24%, var(--border));background:var(--warning-soft)}.billing-status{border:1px solid var(--border);min-height:40px;color:var(--text-2);background:var(--surface);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:800;display:inline-flex}.billing-status.is-ready{color:var(--success);border-color:color-mix(in srgb, var(--success) 24%, var(--border));background:var(--success-soft)}.billing-status.is-warning{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 24%, var(--border));background:var(--warning-soft)}.billing-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.billing-plan-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:18px;grid-template-rows:1fr auto auto;gap:17px;padding:21px;display:grid}.billing-plan-card__top{gap:8px;display:grid}.billing-plan-card__top strong{font-size:18px;line-height:1.55}.billing-plan-card__top p{color:var(--text-2);margin:0;font-size:10.5px;line-height:1.8}.billing-plan-card__duration{width:max-content;color:var(--primary);background:var(--primary-soft);border-radius:9px;padding:6px 9px;font-size:9.5px;font-weight:850}.billing-plan-card__price{background:var(--surface-2);border-radius:13px;gap:7px;padding:14px;display:grid}.billing-plan-card__price b{color:var(--text);font-size:22px;line-height:1.2}.billing-plan-card__price span{color:var(--text-2);font-size:10px;line-height:1.9}.billing-order-list{gap:10px;display:grid}.billing-order-row{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;padding:13px 14px;display:grid}.billing-order-row__icon{width:39px;height:39px;color:var(--primary);background:var(--primary-soft);border-radius:12px;flex:none;place-items:center;display:grid}.billing-order-row strong{font-size:11.5px;display:block}.billing-order-row span:not(.badge):not(.billing-order-row__icon){color:var(--text-3);margin-top:4px;font-size:9.5px;line-height:1.8;display:block}.billing-order-row__meta{justify-items:end;gap:7px;display:grid}.billing-order-row__meta small{color:var(--text-3);direction:ltr;font-size:9px}@media (width<=1180px){.stats-grid{grid-template-columns:repeat(2,1fr)}.billing-plan-grid,.connection-grid,.classes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.plan-card{grid-template-columns:repeat(2,1fr);column-gap:18px;display:grid}.plan-card .card__header,.plan-card__expiry{grid-column:1/-1}.assignment-meta-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.auth-shell{grid-template-columns:1fr}.auth-shell__showcase{display:none}.auth-mobile-brand{display:block}.auth-shell__content{min-height:100vh}.sidebar{display:none}.sidebar--drawer{transition:transform .22s;display:flex;transform:translate(110%)}.sidebar--drawer.is-open{transform:translate(0)}.sidebar__close{display:grid}.drawer-backdrop{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#070c167a;border:0;position:fixed;inset:0}.panel-main{margin-right:0}.topbar__menu{display:grid}.panel-content{padding:23px 18px}.classes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-hero{grid-template-columns:1fr}.class-hero__meta{justify-content:flex-start}.assignment-hero{grid-template-columns:1fr}.assignment-hero>.badge{justify-self:start}}@media (width<=660px){.auth-shell__content{padding:28px 14px}.auth-card{border-radius:19px;padding:25px 20px}.link-steps{grid-template-columns:1fr}.link-step{padding:8px 10px}.topbar{min-height:67px;padding:0 13px}.topbar__title,.profile-menu__copy{display:none}.profile-menu__trigger{padding:4px 6px}.profile-menu__dropdown{left:0}.panel-content{padding:20px 12px}.page-heading,.page-heading--toolbar{flex-direction:column;align-items:stretch}.page-heading--toolbar .search-box{width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.connection-grid,.connection-summary{grid-template-columns:1fr}.stat-card{gap:9px;padding:13px}.stat-card__icon{border-radius:11px;width:39px;height:39px}.stat-card strong{font-size:19px}.classes-grid{grid-template-columns:1fr}.class-row{grid-template-columns:auto 1fr auto}.class-row__stats{display:none}.plan-card{grid-template-columns:1fr}.plan-card .card__header,.plan-card__expiry{grid-column:auto}.card{padding:16px}.card-list__row{grid-template-columns:auto 1fr auto}.card-list__row .badge{display:none}.class-hero,.assignment-hero{padding:18px}.class-hero__main,.assignment-hero__heading{flex-direction:column}.class-hero__stats,.assignment-summary{grid-template-columns:repeat(3,1fr)}.class-hero__stats div,.assignment-summary div{flex-direction:column;gap:3px}.tab-toolbar,.tab-toolbar--wrap{flex-direction:column;align-items:stretch}.tab-toolbar .search-box{width:100%}.toolbar-actions{align-items:stretch;width:100%;flex-direction:column!important}.toolbar-actions .search-box,.segmented{width:100%}.segmented button{flex:1}.billing-status{white-space:normal;text-align:center;justify-content:center;width:100%}.billing-plan-grid{grid-template-columns:1fr}.billing-order-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.billing-order-row__meta{grid-column:1/-1;justify-items:start;padding-right:52px}.assignment-row{flex-direction:column;align-items:flex-start}.assignment-row__stats{flex-wrap:wrap;width:100%}.assignment-meta-grid{grid-template-columns:1fr}.auth-links{gap:9px}}.button--danger{color:#fff;background:var(--danger);box-shadow:0 8px 22px #bf364b33}.button--danger:hover{filter:brightness(.94)}.page-heading__actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.page-heading__actions .search-box{width:min(330px,42vw)}.class-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:9px;padding-top:2px;display:flex}.inline-notice{border:1px solid var(--border);border-radius:12px;align-items:center;gap:9px;padding:11px 13px;font-size:11px;font-weight:700;display:flex}.inline-notice--success{color:var(--success);border-color:color-mix(in srgb, var(--success) 24%, var(--border));background:var(--success-soft)}.field__control--plain{padding-right:12px}.field-help{color:var(--text-3);text-align:left;margin-top:6px;font-size:9px;display:block}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080d188f;place-items:center;padding:18px;animation:.16s modal-fade;display:grid;position:fixed;inset:0;overflow:hidden}.modal-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;flex-direction:column;width:min(520px,100%);max-height:calc(100dvh - 36px);animation:.18s modal-rise;display:flex;overflow:hidden;box-shadow:0 28px 90px #080d1847}.modal-card--danger{border-color:color-mix(in srgb, var(--danger) 24%, var(--border))}.modal-card__header{border-bottom:1px solid var(--border);background:var(--surface);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 21px 15px;display:flex}.modal-card__header h2{margin:0;font-size:17px}.modal-card__header p{color:var(--text-2);margin:6px 0 0;font-size:10.5px;line-height:1.8}.modal-card__body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding:20px 21px;overflow-y:auto}.modal-card__footer{border-top:1px solid var(--border);background:var(--surface-2);flex:none;justify-content:flex-end;align-items:center;gap:9px;padding:14px 21px;display:flex}.warning-box{border:1px solid color-mix(in srgb, var(--warning) 25%, var(--border));color:var(--warning);background:var(--warning-soft);border-radius:13px;align-items:flex-start;gap:12px;padding:14px;display:flex}.warning-box>svg{flex:none;margin-top:1px}.warning-box strong{color:var(--text);font-size:12px;display:block}.warning-box p{color:var(--text-2);margin:6px 0 0;font-size:10px;line-height:1.8}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:translateY(10px)scale(.985)}}@media (width<=660px){.page-heading__actions{flex-direction:column;align-items:stretch;width:100%}.page-heading__actions .search-box,.page-heading__actions .button{width:100%}.class-actions{flex-direction:column;align-items:stretch}.class-actions .button{width:100%}.modal-backdrop{align-items:end;padding:0}.modal-card{border-radius:20px 20px 0 0;width:100%;max-height:92dvh;overflow:hidden}}.button--danger-soft{color:var(--danger);background:var(--danger-soft);border:1px solid color-mix(in srgb, var(--danger) 18%, var(--border))}.button--danger-soft:hover{background:color-mix(in srgb, var(--danger-soft) 82%, var(--danger) 18%)}.assignment-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:9px;display:flex}.modal-card--wide{width:min(720px,100%)}.form-grid{gap:14px;display:grid}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field__control--textarea{align-items:stretch;min-height:132px;padding-top:10px;padding-bottom:10px}.field__control textarea{resize:vertical;width:100%;min-height:108px;color:var(--text);background:0 0;border:0;outline:0;font-size:12.5px;line-height:1.9}.field__control input[type=datetime-local]{text-align:left;direction:ltr}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2f6bed3b}@media (width<=660px){.form-grid--two{grid-template-columns:1fr}.assignment-actions{flex-direction:column;align-items:stretch}.assignment-actions .button{width:100%}}.field__control select{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.toggle-row{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:13px;align-items:flex-start;gap:10px;padding:12px 13px;display:flex}.toggle-row input{accent-color:var(--primary);margin-top:3px}.toggle-row span{gap:4px;display:grid}.toggle-row strong{font-size:11.5px}.toggle-row small{color:var(--text-2);font-size:9.5px;line-height:1.7}.category-inline{color:var(--primary);margin-top:5px;font-size:9px;font-weight:800;display:block}.gradebook-panel{gap:22px;display:grid}.gradebook-toolbar,.section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.gradebook-toolbar>div,.section-heading>div{gap:4px;display:grid}.gradebook-toolbar strong,.section-heading strong{font-size:13px}.gradebook-toolbar span,.section-heading span{color:var(--text-2);font-size:10px}.gradebook-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.gradebook-summary-strip>div{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;gap:7px;padding:14px;display:grid}.gradebook-summary-strip span{color:var(--text-2);font-size:9.5px}.gradebook-summary-strip strong{font-size:20px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.category-card{border:1px solid var(--border);background:var(--surface);border-radius:15px;grid-template-columns:1fr auto;align-items:start;gap:14px;padding:16px;display:grid;position:relative}.category-card.is-inactive{opacity:.62}.category-card h3{margin:3px 0 5px;font-size:14px}.category-card p{color:var(--text-2);margin:0;font-size:10px}.category-card .button{grid-column:1/-1;justify-self:start}.category-weight{color:var(--primary);direction:ltr;font-size:23px}.gradebook-students{border-top:1px solid var(--border);gap:12px;padding-top:3px;display:grid}@media (width<=980px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=660px){.gradebook-toolbar,.section-heading{flex-direction:column;align-items:stretch}.gradebook-toolbar .button{width:100%}.gradebook-summary-strip,.category-grid{grid-template-columns:1fr}}.button--compact{padding:7px 9px;font-size:9px}.table-actions{white-space:nowrap;align-items:center;gap:7px;display:flex}.table-actions .icon-button{flex:none}.file-cell{align-items:center;gap:7px;display:flex}.file-cell .badge{margin-right:4px}.segmented--scroll{scrollbar-width:thin;max-width:100%;overflow-x:auto}.segmented--scroll button{flex:none}.grade-dialog{gap:16px;display:grid}.grade-dialog__student{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;align-items:center;gap:11px;padding:13px;display:flex}.grade-dialog__avatar{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:12px;flex:none;place-items:center;display:grid}.grade-dialog__student>div{flex:1;gap:4px;min-width:0;display:grid}.grade-dialog__student strong{font-size:12px}.grade-dialog__student span:not(.badge):not(.grade-dialog__avatar){color:var(--text-3);font-size:9.5px}.submission-file-card{border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.submission-file-card>div{gap:5px;min-width:0;display:grid}.submission-file-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.submission-file-card span{color:var(--text-3);font-size:9px}.grade-category-box{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;align-content:center;gap:6px;padding:12px 13px;display:grid}.grade-category-box>span{color:var(--text-2);font-size:10px}.grade-category-box strong{color:var(--primary);font-size:12px}.grade-category-box small{color:var(--text-3);font-size:9px;line-height:1.7}.grade-result{border:1px solid color-mix(in srgb, var(--success) 25%, var(--border));color:var(--success);background:var(--success-soft);border-radius:14px;align-items:flex-start;gap:11px;padding:13px;display:flex}.grade-result--warning{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 25%, var(--border));background:var(--warning-soft)}.grade-result>svg{flex:none}.grade-result>div{gap:5px;display:grid}.grade-result strong{color:var(--text);font-size:11.5px}.grade-result span{color:var(--text-2);font-size:9.5px;line-height:1.7}.grade-result__numbers{flex-wrap:wrap;margin-top:2px;gap:8px 15px!important;display:flex!important}.grade-result__numbers b{color:var(--text)}.grade-history{border-top:1px solid var(--border);gap:12px;padding-top:5px;display:grid}.grade-history .section-heading strong{align-items:center;gap:7px;display:inline-flex}.grade-history__list{gap:8px;display:grid}.grade-history__list article{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;grid-template-columns:1fr auto;gap:7px 12px;padding:11px 12px;display:grid}.grade-history__list article>div{gap:3px;display:grid}.grade-history__list strong{font-size:10.5px}.grade-history__list div span{color:var(--text-3);font-size:8.5px}.grade-history__list p{color:var(--text-2);grid-column:1/-1;margin:0;font-size:9.5px;line-height:1.7}.grade-history__list .badge{grid-area:1/2;align-self:start}.muted-copy{color:var(--text-3);margin:0;font-size:10px}.grade-dialog__nav{align-items:center;gap:7px;margin-left:auto;display:flex}.grade-dialog__nav>span{color:var(--text-3);white-space:nowrap;font-size:9px}@media (width<=660px){.table-actions{flex-direction:column;align-items:stretch}.table-actions .button{width:100%}.submission-file-card{flex-direction:column;align-items:stretch}.submission-file-card .button{width:100%}.grade-dialog__student{flex-wrap:wrap;align-items:flex-start}.grade-dialog__student .badge{margin-right:53px}.modal-card__footer{flex-wrap:wrap}.grade-dialog__nav{justify-content:space-between;width:100%;margin:0}.grade-dialog__nav+.button{width:100%}}.assignment-category-manager{border-top:1px solid var(--border);gap:12px;padding-top:3px;display:grid}.assignment-category-manager .section-heading strong{align-items:center;gap:7px;display:inline-flex}.gradebook-warning{border:1px solid color-mix(in srgb, var(--warning) 28%, var(--border));background:var(--warning-soft);border-radius:13px;gap:5px;padding:13px 14px;display:grid}.gradebook-warning strong{font-size:11px}.gradebook-warning span{color:var(--text-2);font-size:9.5px;line-height:1.8}.assignment-category-list{gap:8px;display:grid}.assignment-category-row{border:1px solid var(--border);background:var(--surface);border-radius:13px;grid-template-columns:minmax(0,1fr) minmax(190px,260px) auto;align-items:center;gap:12px;padding:12px 13px;display:grid}.assignment-category-row.is-uncategorized{border-color:color-mix(in srgb, var(--warning) 26%, var(--border));background:color-mix(in srgb, var(--warning-soft) 55%, var(--surface))}.assignment-category-row>div{gap:4px;min-width:0;display:grid}.assignment-category-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.assignment-category-row span{color:var(--text-3);font-size:9px}.assignment-category-row select{border:1px solid var(--border);width:100%;min-height:39px;color:var(--text);background:var(--surface-2);font:inherit;border-radius:10px;outline:0;padding:0 10px;font-size:10px}.assignment-category-row select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2f6bed14}.assignment-category-row__saving{white-space:nowrap;color:var(--primary)!important}.grade-result__numbers small{color:var(--text-3);font-size:8.5px;font-weight:500}@media (width<=760px){.assignment-category-row{grid-template-columns:1fr}.assignment-category-row select{width:100%}}.term-export-card{border:1px solid var(--border-color);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 8%, var(--surface)) 0%, var(--surface) 70%);box-shadow:var(--shadow-sm);border-radius:22px;gap:18px;padding:22px;display:grid}.term-export-card__heading{align-items:center;gap:14px;display:flex}.term-export-card__heading>div{gap:5px;display:grid}.term-export-card__heading strong{font-size:1.05rem}.term-export-card__heading span,.term-export-card__notes span{color:var(--text-muted);line-height:1.8}.term-export-card__icon{width:48px;height:48px;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--surface));border-radius:16px;flex:none;justify-content:center;align-items:center;display:inline-flex}.term-export-card__actions{flex-wrap:wrap;gap:10px;display:flex}.term-export-card__notes{border-top:1px dashed var(--border-color);gap:4px;padding-top:12px;font-size:.88rem;display:grid}.grade-import-stack{gap:16px;display:grid}.grade-import-dropzone{border:1.5px dashed color-mix(in srgb, var(--primary) 45%, var(--border-color));background:color-mix(in srgb, var(--primary) 4%, var(--surface));color:var(--text-muted);cursor:pointer;text-align:center;border-radius:18px;justify-items:center;gap:8px;padding:28px 18px;transition:border-color .2s,background .2s;display:grid;position:relative}.grade-import-dropzone:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.grade-import-dropzone strong{color:var(--text-primary)}.grade-import-dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.grade-import-preview{gap:14px;display:grid}.grade-import-errors{border:1px solid color-mix(in srgb, var(--danger) 32%, var(--border-color));background:color-mix(in srgb, var(--danger) 7%, var(--surface));border-radius:16px;padding:16px}.grade-import-errors strong{color:var(--danger);align-items:center;gap:8px;display:flex}.grade-import-errors ul{color:var(--text-secondary);gap:7px;margin:12px 0 0;padding-right:22px;display:grid}.grade-import-table{border:1px solid var(--border-color);border-radius:14px;max-height:330px;overflow:auto}@media (width<=720px){.term-export-card{padding:16px}.term-export-card__heading{align-items:flex-start}.term-export-card__actions{grid-template-columns:1fr;display:grid}.term-export-card__actions .button{width:100%}}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;display:grid}.form-success{color:var(--success);background:var(--success-soft);border:1px solid color-mix(in srgb, var(--success) 22%, transparent);border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.7}.assignment-row__stats svg{vertical-align:middle;margin-left:4px}.registration-role-note,.application-status{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;align-items:flex-start;gap:11px;margin-bottom:18px;padding:13px 14px;display:flex}.registration-role-note>svg,.application-status>svg{color:var(--primary);flex:none;margin-top:1px}.registration-role-note div,.application-status div{gap:4px;display:grid}.registration-role-note strong,.application-status strong{font-size:12.5px}.registration-role-note span,.application-status p{color:var(--text-2);margin:0;font-size:11px;line-height:1.8}.application-status--pending{border-color:color-mix(in srgb, var(--warning) 25%, var(--border));background:var(--warning-soft)}.application-status--pending>svg{color:var(--warning)}.application-status--approved{border-color:color-mix(in srgb, var(--success) 25%, var(--border));background:var(--success-soft)}.application-status--approved>svg{color:var(--success)}.application-status--rejected{border-color:color-mix(in srgb, var(--danger) 25%, var(--border));background:var(--danger-soft)}.application-status--rejected>svg{color:var(--danger)}.application-status--contacted{border-color:color-mix(in srgb, var(--primary) 25%, var(--border));background:var(--primary-soft)}.onboarding-actions{gap:12px;margin:18px 0;display:grid}.choice-card{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);cursor:pointer;text-align:right;border-radius:15px;align-items:center;gap:14px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.choice-card:hover{border-color:color-mix(in srgb, var(--primary) 34%, var(--border));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.choice-card>svg{color:var(--primary);flex:none}.choice-card span{gap:5px;display:grid}.choice-card strong{font-size:14px}.choice-card small{color:var(--text-2);font-size:11px;line-height:1.7}.choice-card--primary{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));background:var(--primary-soft)}.checkbox-row{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:12px;align-items:flex-start;gap:9px;padding:11px 12px;display:flex}.checkbox-row input{accent-color:var(--primary);margin-top:3px}.checkbox-row span{color:var(--text-2);font-size:11.5px;line-height:1.8}.state-card--success{color:var(--success);border-color:color-mix(in srgb, var(--success) 25%, var(--border));background:var(--success-soft)}.role-switcher{border:1px solid var(--border);min-height:40px;color:var(--text-2);background:var(--surface);border-radius:11px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.role-switcher select{max-width:125px;color:var(--text);cursor:pointer;background:0 0;border:0;outline:0;font-size:11px;font-weight:750}.role-switcher .spin{animation:.7s linear infinite spin}.page-heading--actions{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.application-admin-list,.application-admin-card{gap:14px;display:grid}.application-admin-card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.application-admin-card__head>div{gap:5px;display:grid}.application-admin-card__head strong{font-size:15px}.application-admin-card__head span{color:var(--text-2);font-size:11px}.application-admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.application-admin-grid>div{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;gap:5px;padding:11px;display:grid}.application-admin-grid span{color:var(--text-3);font-size:9.5px}.application-admin-grid b{font-size:11.5px}.application-admin-card__text{color:var(--text-2);margin:0;font-size:11px;line-height:1.9}.application-admin-card__actions{justify-content:flex-end}@media (width<=760px){.role-switcher select{max-width:92px}.page-heading--actions,.application-admin-card__head{flex-direction:column}.application-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-admin-card__actions{flex-direction:column;align-items:stretch}.application-admin-card__actions .button{width:100%}}@media (width<=480px){.role-switcher{padding:0 8px}.role-switcher select{width:78px}.application-admin-grid{grid-template-columns:1fr}}.notification-bell{position:relative}.notification-bell>span{border:2px solid var(--surface);color:#fff;background:var(--danger);border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;font-weight:800;display:grid;position:absolute;inset-block-start:-5px;inset-inline-start:-5px}.notification-list{gap:11px;display:grid}.notification-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:15px;grid-template-columns:auto minmax(0,1fr);gap:13px;padding:17px;display:grid}.notification-card.is-unread{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));background:color-mix(in srgb, var(--primary-soft) 32%, var(--surface))}.notification-card.priority-urgent,.notification-card.priority-high{border-inline-start:4px solid var(--warning)}.notification-card__icon{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;display:grid}.notification-card__body{min-width:0}.notification-card__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-card__head time{color:var(--text-3);white-space:nowrap;font-size:9.5px}.notification-card p{color:var(--text-2);white-space:pre-line;margin:8px 0 0;font-size:11px;line-height:1.9}.notification-card__actions{align-items:center;gap:8px;margin-top:12px;display:flex}.button--small{min-height:34px;padding:6px 10px;font-size:10px}.support-compose,.support-reply,.settings-card{padding:20px}.support-list{gap:10px;display:grid}.support-row{color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 17px;display:grid}.support-row__icon{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;display:grid}.support-row>div:nth-child(2){gap:5px;min-width:0;display:grid}.support-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.support-row span:not(.badge){color:var(--text-3);font-size:9.5px}.support-thread{gap:12px;padding:20px;display:grid}.support-message{background:var(--surface-2);border-radius:15px;width:min(78%,720px);padding:14px 16px}.support-message.is-user{border-bottom-right-radius:5px;justify-self:start}.support-message.is-admin{background:var(--primary-soft);border-bottom-left-radius:5px;justify-self:end}.support-message header{justify-content:space-between;gap:12px;display:flex}.support-message header strong{font-size:11px}.support-message header time{color:var(--text-3);font-size:9px}.support-message p{color:var(--text-2);white-space:pre-line;margin:8px 0 0;font-size:11px;line-height:1.9}.support-attachment{color:var(--primary);align-items:center;gap:5px;margin-top:9px;font-size:9.5px;font-weight:700;display:inline-flex}.support-file{cursor:pointer;width:max-content}.settings-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:15px;display:grid}.settings-card{gap:15px;display:grid}.settings-card h2{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.settings-card>small{color:var(--text-3);line-height:1.8}.email-status{color:var(--warning);background:var(--warning-soft);border-radius:11px;align-items:center;gap:8px;padding:11px 12px;font-size:10px;display:flex}.email-status.is-verified{color:var(--success);background:var(--success-soft)}.preference-list{gap:8px;display:grid}.preference-row{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.preference-row>div{gap:4px;display:grid}.preference-row strong{font-size:11px}.preference-row span{color:var(--text-3);font-size:9px}.preference-row input{width:18px;height:18px;accent-color:var(--primary)}.auth-inline-link{text-align:left;margin-top:-6px;font-size:10px}.auth-inline-link a{color:var(--primary)}.compact-select{border:1px solid var(--border);min-height:40px;color:var(--text);background:var(--surface);border-radius:10px;padding:0 10px}@media (width<=760px){.settings-grid,.notification-card{grid-template-columns:1fr}.notification-card__icon{display:none}.notification-card__head{flex-direction:column;align-items:flex-start}.notification-card__actions{flex-wrap:wrap}.support-message{width:92%}.support-row{grid-template-columns:auto minmax(0,1fr)}.support-row>.badge{grid-column:2;justify-self:start}}.page-loader{place-items:center;min-height:40vh;font-weight:700;display:grid}:root{--primary:#3168e8;--primary-hover:#2557c9;--primary-strong:#1f4caf;--primary-soft:#edf3ff;--primary-subtle:#f6f8ff;--accent:#0d9275;--accent-soft:#e9f8f3;--text:#182033;--text-2:#536073;--text-3:#78859a;--text-inverse:#fff;--surface:#fff;--surface-2:#f5f7fb;--surface-3:#edf1f7;--surface-elevated:#fff;--border:#dfe5ef;--border-strong:#cbd4e2;--success:#087a55;--success-soft:#e8f7f0;--warning:#a85d00;--warning-soft:#fff4d9;--danger:#b52e48;--danger-soft:#ffedf1;--purple:#6652cf;--purple-soft:#f0edff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-pill:999px;--control-sm:36px;--control-md:44px;--control-lg:50px;--font-xs:12px;--font-sm:13px;--font-md:14px;--font-lg:16px;--font-xl:20px;--font-2xl:26px;--font-3xl:32px;--line-tight:1.35;--line-normal:1.7;--line-relaxed:1.9;--shadow-xs:0 1px 2px #1926410a;--shadow-sm:0 8px 24px #19264112;--shadow:0 18px 48px #19264117;--shadow-lg:0 28px 80px #19264124;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.32s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--sidebar-width:272px;--sidebar-collapsed-width:88px;--topbar-height:76px;--content-max:1480px;--focus-ring:0 0 0 3px #3168e833}:root[data-theme=dark]{--primary:#7ba2ff;--primary-hover:#94b4ff;--primary-strong:#b4caff;--primary-soft:#1b2d53;--primary-subtle:#111b2d;--accent:#51c9aa;--accent-soft:#16352f;--text:#eef3fc;--text-2:#b0bbcc;--text-3:#8390a4;--surface:#151b26;--surface-2:#0d121b;--surface-3:#222b39;--surface-elevated:#1a2230;--border:#2a3545;--border-strong:#3a4658;--success:#61d3a7;--success-soft:#173a2e;--warning:#f0b65f;--warning-soft:#493618;--danger:#ff8799;--danger-soft:#49242d;--purple:#b0a0ff;--purple-soft:#30294f;--shadow-xs:0 1px 2px #00000029;--shadow-sm:0 10px 28px #00000038;--shadow:0 20px 54px #0000004d;--shadow-lg:0 30px 90px #00000061;--focus-ring:0 0 0 3px #7ba2ff47}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{font-size:var(--font-md);line-height:var(--line-normal)}::selection{color:var(--text-inverse);background:var(--primary)}button,a,input,textarea,select{transition-duration:var(--duration-normal);transition-timing-function:var(--ease-standard)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{box-shadow:var(--focus-ring);outline:0}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed}.skip-link{z-index:200;border-radius:var(--radius-md);color:var(--text-inverse);background:var(--primary-strong);box-shadow:var(--shadow-sm);padding:10px 14px;position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.eyebrow{font-size:var(--font-xs);letter-spacing:0}.page-stack{gap:var(--space-6)}.page-heading{align-items:flex-start}.page-heading h1{margin:var(--space-1) 0 var(--space-2);font-size:clamp(25px, 2.4vw, var(--font-3xl));line-height:var(--line-tight)}.page-heading p{max-width:760px;font-size:var(--font-md);line-height:var(--line-relaxed)}.page-heading__actions{flex-wrap:wrap}.form-error,.form-alert{font-size:var(--font-xs)}.field{gap:var(--space-2);font-size:var(--font-sm)}.field__control{min-height:var(--control-lg);border-radius:var(--radius-md)}.field__control input,.field__control textarea,.field__control select{font-size:var(--font-md)}.field-help{font-size:var(--font-xs);line-height:var(--line-normal)}.data-table{font-size:var(--font-sm)}.data-table th{font-size:var(--font-xs)}.data-table td strong{font-size:var(--font-sm)}.data-table td small{font-size:var(--font-xs)}.badge{font-size:11px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.button{min-height:var(--control-md);border-radius:var(--radius-md);font-size:var(--font-sm);box-shadow:none;padding:9px 16px;transition-property:color,background,border-color,box-shadow,transform}.button>span{align-items:center;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button--primary{background:var(--primary);box-shadow:0 8px 20px #3168e82e}.button--primary:hover{background:var(--primary-hover)}.button--secondary{border-color:color-mix(in srgb, var(--primary) 20%, var(--border))}.button--ghost:hover{color:var(--text);background:var(--surface-2)}.button--size-sm,.button--small,.button--compact{min-height:var(--control-sm);font-size:var(--font-xs);padding:6px 11px}.button--size-lg{min-height:var(--control-lg);font-size:var(--font-md);padding-inline:20px}.icon-button{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);transition-property:color,background,border-color,transform,box-shadow}.icon-button:hover{border-color:color-mix(in srgb, var(--primary) 22%, var(--border));transform:translateY(-1px)}.icon-button:active{transform:translateY(0)}.card,.stat-card,.notification-card,.connection-card,.class-card,.card-list__row{border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card{padding:var(--space-6);border-color:var(--border)}.card__header{margin-bottom:var(--space-5)}.card__header h2{font-size:var(--font-lg)}.card__header p{margin-top:var(--space-1);font-size:var(--font-sm);line-height:var(--line-normal)}.stat-card{padding:var(--space-5)}.stat-card strong{font-size:26px}.stat-card span:last-child{font-size:var(--font-sm)}.state-card{min-height:160px;padding:var(--space-7);border-radius:var(--radius-lg)}.state-card strong{font-size:var(--font-lg)}.state-card p{font-size:var(--font-sm);line-height:var(--line-relaxed)}.page-loading{min-height:280px;font-size:var(--font-sm)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--surface-3) 25%, color-mix(in srgb, var(--surface) 72%, var(--surface-3)) 50%, var(--surface-3) 75%);background-size:220% 100%;animation:1.35s linear infinite skeleton-shimmer;display:block;overflow:hidden}.skeleton--rounded{border-radius:var(--radius-pill)}.page-skeleton>div:first-child{gap:var(--space-3);display:grid}@keyframes skeleton-shimmer{to{background-position-x:-220%}}.modal-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.modal-card__header h2{font-size:var(--font-xl)}.modal-card__header p{font-size:var(--font-sm)}.modal-card__body{font-size:var(--font-md)}.notification-bell>span{min-width:20px;height:20px;font-size:9px;inset-block-start:-4px;inset-inline-start:-4px}.notification-card__head strong{font-size:var(--font-md)}.notification-card__head time{font-size:var(--font-xs)}.notification-card p{font-size:var(--font-sm)}.search-box{min-height:var(--control-md);border-radius:var(--radius-md)}.search-box input{font-size:var(--font-sm)}.pagination{font-size:var(--font-xs)}.role-switcher{min-height:var(--control-md);padding-inline:var(--space-3);border-radius:var(--radius-md);transition:border-color var(--duration-normal) var(--ease-standard), background var(--duration-normal) var(--ease-standard);position:relative}.role-switcher:hover{border-color:color-mix(in srgb, var(--primary) 24%, var(--border));background:var(--primary-subtle)}.role-switcher select{max-width:136px;font-size:var(--font-xs)}.tabs{gap:var(--space-2);padding-inline:var(--space-4);scrollbar-width:thin;overflow-x:auto}.tabs button{min-height:var(--control-md);padding:10px var(--space-4);font-size:var(--font-sm);white-space:nowrap}.progress{height:8px}.student-callout{align-items:center;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:flex}.student-callout>div{flex:1}.student-callout strong{font-size:var(--font-md);display:block}.student-callout p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--font-sm)}.student-callout--warning{border-color:color-mix(in srgb, var(--warning) 42%, var(--border));background:color-mix(in srgb, var(--warning) 8%, var(--surface))}.student-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.student-dashboard-grid,.student-class-tools,.student-summary-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);display:grid}.student-compact-list,.student-grade-list,.student-history-list{gap:var(--space-2);display:grid}.student-compact-list>a,.student-grade-list>a,.student-history-list>div{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:62px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:inherit;text-decoration:none;display:flex}.student-compact-list>a:hover,.student-grade-list>a:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border));background:var(--primary-subtle)}.student-compact-list div,.student-grade-list div{gap:3px;display:grid}.student-compact-list div:last-child{justify-items:end}.student-compact-list span,.student-grade-list span,.student-compact-list time{color:var(--text-muted);font-size:var(--font-xs)}.student-score{min-width:44px;height:44px;padding-inline:var(--space-2);border-radius:var(--radius-md);background:var(--primary-subtle);color:var(--primary);font-size:var(--font-lg);place-items:center;font-weight:800;display:inline-grid}.student-score--large{border-radius:var(--radius-lg);width:72px;height:72px;font-size:28px}.student-class-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.student-class-card{gap:var(--space-3);min-height:148px;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:inherit;box-shadow:var(--shadow-xs);transition:transform var(--duration-normal) var(--ease-standard), border-color var(--duration-normal) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard);grid-template-columns:auto 1fr;text-decoration:none;display:grid;position:relative}.student-class-card:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border));box-shadow:var(--shadow-md);transform:translateY(-2px)}.student-class-card__icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--primary);background:var(--primary-subtle);place-items:center;display:grid}.student-class-card>div:nth-child(2){align-content:start;gap:4px;display:grid}.student-class-card strong{font-size:var(--font-md)}.student-class-card span{color:var(--text-muted);font-size:var(--font-xs)}.student-class-card__stats{gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;margin-top:auto;display:flex}.student-class-card__stats span{border-radius:var(--radius-pill);background:var(--surface-2);padding:5px 9px}.student-online-badge{grid-column:1/-1;align-items:center;gap:5px;display:inline-flex;color:var(--success)!important}.student-join-form,.student-profile-form{align-items:end;gap:var(--space-3);display:flex}.student-join-form .field,.student-profile-form .field{flex:1}.student-profile-summary{align-items:center;gap:var(--space-3);min-height:70px;display:flex}.student-profile-summary>div{flex:1;gap:3px;display:grid}.student-profile-summary span{color:var(--text-muted);font-size:var(--font-xs)}.student-grade-hero{align-items:center;gap:var(--space-4);padding-block:var(--space-2) var(--space-5);color:var(--primary);display:flex}.student-grade-hero>div{display:grid}.student-grade-hero strong{font-size:34px;line-height:1}.student-grade-hero span{color:var(--text-muted);font-size:var(--font-xs);margin-top:5px}.student-summary-metrics{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.student-summary-metrics span{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-muted);font-size:var(--font-xs);gap:4px;display:grid}.student-summary-metrics b{color:var(--text);font-size:var(--font-md)}.student-summary-metrics--stack{grid-template-columns:1fr}.student-category-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.student-category-grid>div{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);display:grid}.student-category-grid span{color:var(--text-muted);font-size:var(--font-xs)}.student-category-grid .progress span{background:var(--primary);height:100%;display:block}.student-grade-class-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.student-grade-class-card{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:inherit;box-shadow:var(--shadow-xs);text-decoration:none;display:grid}.student-grade-class-card:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.student-grade-class-card__top{align-items:center;gap:var(--space-3);display:flex}.student-grade-class-card__top>span{border-radius:var(--radius-md);background:var(--primary-subtle);width:42px;height:42px;color:var(--primary);place-items:center;display:grid}.student-grade-class-card__top div{gap:3px;display:grid}.student-grade-class-card__top small,.student-grade-class-card__meta{color:var(--text-muted);font-size:var(--font-xs)}.student-grade-class-card__score{align-items:baseline;gap:var(--space-2);display:flex}.student-grade-class-card__score svg{color:var(--primary)}.student-grade-class-card__score strong{font-size:30px}.student-grade-class-card__score span{color:var(--text-muted);font-size:var(--font-xs)}.student-grade-class-card__meta{justify-content:space-between;display:flex}.student-assignment-grid{align-items:stretch}.student-detail-list{gap:var(--space-3);display:grid}.student-detail-list span{justify-content:space-between;align-items:baseline;gap:var(--space-4);color:var(--text-muted);font-size:var(--font-sm);display:flex}.student-detail-list b{color:var(--text);text-align:end}.text-success{color:var(--success)!important}.student-attachment-row,.student-selected-file,.student-grade-result,.student-replace-confirm{align-items:center;gap:var(--space-4);display:flex}.student-attachment-row>div,.student-grade-result>div{gap:4px;display:grid}.student-attachment-row span,.student-grade-result small{color:var(--text-muted);font-size:var(--font-xs)}.student-selected-file{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2)}.student-selected-file span{flex:1}.student-selected-file small{color:var(--text-muted)}.student-rubric-list{gap:var(--space-2);display:grid}.student-rubric-list>div{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.student-rubric-list span{align-items:center;gap:var(--space-2);display:inline-flex}.student-rubric-total{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex}.student-history-list>div{justify-content:flex-start}.student-history-list__icon{border-radius:var(--radius-md);width:38px;height:38px;color:var(--primary);background:var(--primary-subtle);place-items:center;display:grid}.student-history-list>div>div:nth-child(2){flex:1;gap:3px;display:grid}.student-history-list>div>div:last-child{color:var(--text-muted);font-size:var(--font-xs);justify-items:end;gap:3px;display:grid}.student-replace-confirm>div{gap:var(--space-2) var(--space-4);flex:1;grid-template-columns:auto 1fr;display:grid}.student-replace-confirm span{color:var(--text-muted)}@media (width<=1100px){.student-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-class-grid,.student-grade-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.student-dashboard-grid,.student-class-tools,.student-summary-grid{grid-template-columns:1fr}.student-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-class-grid,.student-grade-class-grid{grid-template-columns:1fr}.student-join-form,.student-profile-form{flex-direction:column;align-items:stretch}.student-callout{flex-wrap:wrap;align-items:flex-start}.student-callout .button{width:100%}.student-summary-metrics{grid-template-columns:1fr}.student-detail-list span,.student-rubric-list>div,.student-rubric-total{flex-direction:column;align-items:flex-start}.student-history-list>div{align-items:flex-start}}.class-workspace__content{padding:var(--space-5)}.tabs--five{scrollbar-width:thin;overflow-x:auto}.tabs--five button{min-width:max-content}.class-overview-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.class-overview-welcome{grid-column:1/-1}.class-overview-welcome h2{margin:var(--space-2) 0;font-size:var(--font-2xl)}.class-overview-welcome p{max-width:760px;color:var(--text-muted)}.class-overview-stats{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.class-overview-stats>div{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);gap:4px;display:grid}.class-overview-stats svg{color:var(--primary)}.class-overview-stats strong{font-size:var(--font-xl)}.class-overview-stats span{color:var(--text-muted);font-size:var(--font-sm)}.overview-key-value{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border);display:flex}.overview-key-value:last-child{border-bottom:0}.overview-key-value span{color:var(--text-muted)}.online-class-card{align-items:center;gap:var(--space-3);color:inherit;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);display:flex}.online-class-card>div{flex:1;gap:4px;min-width:0;display:grid}.online-class-card span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.class-tab-stack{gap:var(--space-5);display:grid}.roster-summary-card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);display:grid}.roster-summary-card>div:first-child{align-items:flex-start;gap:var(--space-3);display:flex}.roster-summary-card__icon{border-radius:var(--radius-lg);width:46px;height:46px;color:var(--primary);background:var(--primary-subtle);flex:none;place-items:center;display:grid}.roster-summary-card p{color:var(--text-muted);margin:4px 0 0}.roster-summary-card__stats{gap:var(--space-3);flex-wrap:wrap;display:flex}.roster-summary-card__stats span{background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:8px 12px}.roster-summary-card__stats strong{color:var(--text)}.file-dropzone{justify-items:center;gap:var(--space-2);padding:var(--space-7);border:1.5px dashed var(--border-strong);border-radius:var(--radius-xl);text-align:center;cursor:pointer;background:var(--surface-2);display:grid}.file-dropzone:hover{border-color:var(--primary);background:var(--primary-subtle)}.file-dropzone svg{color:var(--primary)}.file-dropzone span{color:var(--text-muted);font-size:var(--font-sm)}.file-dropzone--compact{padding:var(--space-5)}.roster-upload-start,.roster-preview{gap:var(--space-4);display:grid}.roster-preview__summary{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.roster-preview__summary>div{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);gap:3px;display:grid}.roster-preview__summary span{color:var(--text-muted);font-size:var(--font-xs)}.roster-preview__summary strong{font-size:var(--font-lg)}.roster-mode{gap:var(--space-2);border:0;padding:0;display:grid}.roster-mode legend{margin-bottom:var(--space-2);font-weight:800}.roster-mode label{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex}.roster-mode label:has(input:checked){border-color:var(--primary);background:var(--primary-subtle)}.roster-mode label span{gap:3px;display:grid}.roster-mode small{color:var(--text-muted)}.roster-errors{max-height:180px;padding:var(--space-3);border:1px solid var(--danger-border);border-radius:var(--radius-md);background:var(--danger-subtle);overflow:auto}.roster-errors p{margin:6px 0 0}.settings-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-value{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.settings-value span{color:var(--text-muted)}.join-code--settings{margin-bottom:var(--space-4)}.assignment-management-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.assignment-attachment-manager{align-items:center;gap:var(--space-3);display:flex}.assignment-attachment-manager__icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--primary);background:var(--primary-subtle);flex:none;place-items:center;display:grid}.assignment-attachment-manager>div{flex:1;gap:4px;min-width:0;display:grid}.assignment-attachment-manager>div>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.assignment-attachment-manager span{color:var(--text-muted);font-size:var(--font-sm)}.assignment-attachment-manager__actions{grid-auto-flow:column;align-items:center;flex:none!important;display:flex!important}.rubric-summary-card{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.rubric-summary-card>div{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);gap:4px;display:grid}.rubric-summary-card span{color:var(--text-muted);font-size:var(--font-xs)}.rubric-chip-list{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.rubric-chip-list span{color:var(--primary);background:var(--primary-subtle);font-size:var(--font-xs);border-radius:999px;padding:7px 10px;font-weight:700}.rubric-builder{gap:var(--space-4);display:grid}.setting-switch{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.setting-switch input{margin-top:4px}.setting-switch span{gap:3px;display:grid}.setting-switch small{color:var(--text-muted)}.setting-switch.is-disabled{opacity:.55}.rubric-builder__header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.rubric-builder__header>div{gap:3px;display:grid}.rubric-builder__header span{color:var(--text-muted);font-size:var(--font-xs)}.rubric-builder__items{gap:var(--space-2);display:grid}.rubric-item-editor{align-items:end;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr) 120px auto;display:grid}.rubric-item-editor>svg{color:var(--text-muted);align-self:center}.rubric-item-editor label{gap:5px;display:grid}.rubric-item-editor label span{color:var(--text-muted);font-size:var(--font-xs)}.rubric-item-editor input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:40px;color:var(--text);padding:0 10px}.assignment-history-list{display:grid}.assignment-history-list article{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--border);display:flex}.assignment-history-list article:last-child{border-bottom:0}.assignment-history-list__icon{width:38px;height:38px;color:var(--primary);background:var(--primary-subtle);border-radius:50%;flex:none;place-items:center;display:grid}.assignment-history-list article>div{flex:1;min-width:0}.assignment-history-list p{color:var(--text-muted);margin:4px 0 8px}.assignment-history-list footer{gap:var(--space-3);color:var(--text-muted);font-size:var(--font-xs);flex-wrap:wrap;display:flex}.assignment-history-list footer span,.assignment-history-list footer time{align-items:center;gap:5px;display:inline-flex}.icon-button--danger{color:var(--danger)}.info-box{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--warning-subtle);display:flex}.info-box p{color:var(--text-muted);margin:4px 0 0}@media (width<=900px){.class-overview-grid,.settings-grid,.assignment-management-grid{grid-template-columns:1fr}.class-overview-welcome{grid-column:auto}.roster-preview__summary,.rubric-summary-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.class-workspace__content{padding:var(--space-3)}.class-overview-stats{grid-template-columns:1fr}.roster-summary-card__stats{grid-template-columns:1fr;display:grid}.roster-preview__summary,.rubric-summary-card,.rubric-item-editor{grid-template-columns:1fr}.rubric-item-editor>svg{display:none}.assignment-attachment-manager{flex-wrap:wrap;align-items:flex-start}.assignment-attachment-manager__actions{justify-content:flex-end;width:100%}}.rubric-grading-panel{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--primary) 5%, var(--surface));display:grid}.rubric-grading-list{gap:var(--space-3);display:grid}.rubric-score-row{align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);grid-template-columns:minmax(0,1fr) 130px;display:grid}.rubric-score-row>span{gap:3px;display:grid}.rubric-score-row small{color:var(--text-muted)}.rubric-score-row input{width:100%;min-height:var(--control-md);border:1px solid var(--border-strong,var(--border));border-radius:var(--radius-md);background:var(--surface);color:var(--text);padding-inline:var(--space-3);font:inherit}.rubric-grading-summary{justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border);flex-wrap:wrap;display:flex}.grade-import-table small,.data-table td small{color:var(--text-muted);margin-top:4px;display:block}@media (width<=720px){.rubric-score-row{grid-template-columns:1fr}.rubric-grading-summary{flex-direction:column}}.panel-shell{background:radial-gradient(circle at 7% 3%, color-mix(in srgb, var(--primary-soft) 52%, transparent) 0, transparent 28%), var(--surface-2);min-height:100dvh}.sidebar{width:var(--sidebar-width);padding:var(--space-5) var(--space-4);border-inline-start:0;border-left:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, var(--primary-soft));transition:width var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard);box-shadow:-1px 0 #fff6}.sidebar__brand-row{min-height:52px;padding:0 var(--space-1) var(--space-5)}.sidebar__collapse{background:0 0;border:0;flex:none;width:36px;height:36px}.sidebar__close{display:inline-grid}.sidebar__nav{gap:var(--space-5);overscroll-behavior:contain;padding-inline:1px;overflow-y:auto}.sidebar__group{gap:var(--space-1);display:grid}.sidebar__section-label{margin:0 var(--space-3) var(--space-1);letter-spacing:.01em;font-size:11px;font-weight:750}.sidebar__link{min-height:46px;padding-inline:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-sm);transition-property:color,background,transform;transition-duration:var(--duration-fast);font-weight:680}.sidebar__link:hover{transform:translate(-2px)}.sidebar__link.is-active{color:var(--primary);background:linear-gradient(90deg, color-mix(in srgb, var(--primary-soft) 82%, var(--surface)), var(--primary-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 10%, transparent)}.sidebar__link.is-active:before{border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:4px;height:26px;left:auto;right:-16px}.sidebar__badge{margin-inline-start:auto}.sidebar__bottom{padding-top:var(--space-5)}.sidebar__hint{padding:var(--space-3);border-radius:var(--radius-md);background:linear-gradient(145deg, var(--primary-subtle), var(--surface-2))}.sidebar__hint strong{font-size:var(--font-xs)}.sidebar__hint span{font-size:11px;line-height:var(--line-normal)}.panel-main{transition:margin-inline-start var(--duration-slow) var(--ease-standard);margin:0;margin-inline-start:var(--sidebar-width)}.panel-shell--collapsed .sidebar--desktop{width:var(--sidebar-collapsed-width)}.panel-shell--collapsed .panel-main{margin-inline-start:var(--sidebar-collapsed-width)}.panel-shell--collapsed .sidebar--desktop .sidebar__brand-row{justify-content:center}.panel-shell--collapsed .sidebar--desktop .sidebar__collapse{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);position:absolute;inset-block-start:26px;inset-inline-end:-18px}.panel-shell--collapsed .sidebar--desktop .sidebar__section-label,.panel-shell--collapsed .sidebar--desktop .sidebar__link>span,.panel-shell--collapsed .sidebar--desktop .sidebar__hint,.panel-shell--collapsed .sidebar--desktop .sidebar__badge{display:none}.panel-shell--collapsed .sidebar--desktop .sidebar__link{justify-content:center;padding:0}.panel-shell--collapsed .sidebar--desktop .sidebar__link:hover{transform:none}.panel-shell--collapsed .sidebar--desktop .sidebar__link.is-active:before{left:auto;right:-16px}.topbar{min-height:var(--topbar-height);padding-inline:clamp(var(--space-4), 2.4vw, var(--space-8));border-color:color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25)}.topbar__heading{gap:2px;display:grid}.breadcrumb{align-items:center;gap:var(--space-1);color:var(--text-3);font-size:11px;display:flex}.topbar__title{font-size:var(--font-lg);line-height:var(--line-tight);margin:0}.topbar__actions{gap:var(--space-2)}.profile-menu__trigger{min-height:var(--control-lg);padding:4px 6px 4px var(--space-3);border-radius:var(--radius-md);transition:border-color var(--duration-normal) var(--ease-standard), background var(--duration-normal) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard)}.profile-menu__trigger:hover{border-color:color-mix(in srgb, var(--primary) 22%, var(--border));background:var(--primary-subtle)}.profile-menu__trigger>svg{transition:transform var(--duration-normal) var(--ease-standard)}.profile-menu__trigger>svg.is-rotated{transform:rotate(180deg)}.avatar{border-radius:var(--radius-md);width:38px;height:38px;font-size:var(--font-xs)}.profile-menu__copy{min-width:112px}.profile-menu__copy strong{font-size:var(--font-sm)}.profile-menu__copy small{font-size:11px}.profile-menu__dropdown{inset-inline:0 auto;top:calc(100% + var(--space-2));width:252px;padding:var(--space-2);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:dropdown-enter var(--duration-normal) var(--ease-standard)}.profile-menu__identity{padding:var(--space-3);font-size:var(--font-sm);align-items:flex-start}.profile-menu__identity>div{gap:2px;display:grid}.profile-menu__identity strong{color:var(--text)}.profile-menu__identity span{color:var(--text-3);font-size:11px}.profile-menu__dropdown a,.profile-menu__dropdown button{align-items:center;gap:var(--space-2);width:100%;min-height:42px;margin-top:var(--space-1);padding:9px var(--space-3);border-radius:var(--radius-md);color:var(--text-2);cursor:pointer;font-size:var(--font-sm);background:0 0;border:0;display:flex}.profile-menu__dropdown a:hover{color:var(--primary);background:var(--primary-soft)}.profile-menu__dropdown button{color:var(--danger)}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-5px)scale(.98)}}.panel-content{width:min(100%, var(--content-max));max-width:none;min-height:calc(100dvh - var(--topbar-height));padding:clamp(var(--space-5), 3vw, var(--space-10))}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080e1985}@media (width<=1100px){.profile-menu__copy{display:none}.profile-menu__trigger{padding-inline:5px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.sidebar--desktop{display:none}.sidebar--drawer{width:min(320px,100vw - 42px);box-shadow:var(--shadow-lg);display:flex;transform:translate(110%)}.sidebar--drawer.is-open{transform:translate(0)}.sidebar--drawer .sidebar__collapse{display:none}.panel-main,.panel-shell--collapsed .panel-main{margin-inline-start:0}.topbar__menu{display:inline-grid}.topbar{padding-inline:var(--space-4)}.panel-content{padding:var(--space-6) var(--space-4) var(--space-10)}}@media (width<=720px){:root{--topbar-height:68px}.topbar__title{font-size:var(--font-sm)}.breadcrumb{display:none}.topbar__actions{gap:var(--space-1)}.role-switcher{padding-inline:var(--space-2)}.role-switcher select{width:88px;max-width:88px}.profile-menu__trigger{min-height:var(--control-md)}.avatar{width:34px;height:34px}.page-heading--actions{flex-direction:column}.page-heading__actions{justify-content:stretch;width:100%}.page-heading__actions>*{flex:1}.page-heading h1{font-size:25px}.page-heading p{font-size:var(--font-sm)}.card{padding:var(--space-5)}.stats-grid{gap:var(--space-3)}.stat-card{padding:var(--space-4)}.stat-card strong{font-size:22px}}@media (width<=520px){.panel-content,.topbar{padding-inline:var(--space-3)}.topbar__heading{display:none}.topbar__actions{margin-inline-start:auto}.role-switcher svg{display:none}.role-switcher select{width:80px}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:88px}.page-heading h1{font-size:23px}.card{padding:var(--space-4);border-radius:var(--radius-lg)}.profile-menu__dropdown{inset-inline:var(--space-3);top:calc(var(--topbar-height) - 4px);width:auto;position:fixed}}.button--danger-ghost{border-color:color-mix(in srgb, var(--danger) 35%, var(--border));color:var(--danger);background:0 0}.button--danger-ghost:hover{background:color-mix(in srgb, var(--danger) 9%, transparent)}.inline-notice--warning{border-color:color-mix(in srgb, var(--warning) 38%, var(--border));background:color-mix(in srgb, var(--warning) 10%, var(--surface))}.online-manager{gap:var(--space-5);grid-column:1/-1;display:grid}.online-manager__current{justify-content:space-between;align-items:flex-start;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 38%), var(--surface);display:flex}.online-manager__current h2,.online-provider-card h3,.online-broadcast-card h2,.online-history-card h2,.connection-link-panel h2{margin:var(--space-1) 0 var(--space-2)}.online-manager__current p,.online-provider-card p,.connection-link-panel p{color:var(--text-muted);margin:0;line-height:1.9}.online-manager__current-actions,.button-row,.connection-card__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.online-link-list{gap:var(--space-2);display:grid}.online-link-list a{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);background:var(--surface);grid-template-columns:auto auto minmax(0,1fr) auto;text-decoration:none;display:grid}.online-link-list code{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);overflow:hidden}.online-provider-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.online-provider-card{gap:var(--space-3);min-height:100%;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.online-provider-card .button{margin-top:auto}.online-provider-card--manual .button{margin-top:0}.online-provider-card__icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--primary) 12%, var(--surface));width:44px;height:44px;color:var(--primary);place-items:center;display:inline-grid}.online-provider-status{align-items:center;gap:var(--space-2);color:var(--text-muted);min-height:24px;display:flex}.online-broadcast-card,.online-history-card{padding:var(--space-5)}.online-broadcast-summary{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.online-broadcast-summary>div{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);display:grid}.online-broadcast-summary span{color:var(--text-muted);font-size:var(--text-sm)}.online-broadcast-summary strong{font-size:var(--text-xl)}.channel-picker{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.channel-picker label,.channel-picker__fixed{align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:auto auto minmax(0,1fr);display:grid}.channel-picker__fixed{background:color-mix(in srgb, var(--success) 8%, var(--surface));grid-template-columns:auto minmax(0,1fr)}.channel-picker strong,.channel-picker span{display:block}.channel-picker span{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.online-history-list{gap:var(--space-2);display:grid}.online-history-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.online-history-item:last-child{border-bottom:0}.online-history-item__icon{border-radius:var(--radius-md);width:38px;height:38px;color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface));place-items:center;display:grid}.online-history-item__content{gap:3px;display:grid}.online-history-item__content>span,.online-history-item__content>small{color:var(--text-muted);font-size:var(--text-xs)}.delivery-chips{margin-top:var(--space-1);flex-wrap:wrap;gap:5px;display:flex}.delivery-chips span{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-muted);border-radius:999px;padding:3px 7px;font-size:11px}.connection-link-panel{gap:var(--space-4);display:grid}.connection-link-panel code{padding:var(--space-4);border:1px dashed color-mix(in srgb, var(--primary) 45%, var(--border));border-radius:var(--radius-md);background:var(--surface-subtle);font-size:var(--text-md);overflow-wrap:anywhere;display:block}.connection-card{flex-direction:column;display:flex}.connection-card__actions{padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:auto}.connection-card__actions small,.connection-hint{color:var(--text-muted);line-height:1.8}@media (width<=1080px){.online-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-provider-card--manual{grid-column:1/-1}.online-broadcast-summary,.channel-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.online-manager__current{flex-direction:column}.online-manager__current-actions,.online-manager__current-actions .button{width:100%}.online-provider-grid,.online-broadcast-summary,.channel-picker{grid-template-columns:1fr}.online-provider-card--manual{grid-column:auto}.online-link-list a{grid-template-columns:auto minmax(0,1fr) auto}.online-link-list code{grid-column:1/-1}}.account-settings-grid,.billing-lifecycle-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.account-fact-list,.email-account-summary{gap:var(--space-2);color:var(--text-2);font-size:var(--font-sm);display:grid}.email-account-summary strong{font-size:var(--font-md)}.account-security-option{margin-block:var(--space-2)}.session-list{gap:var(--space-3);display:grid}.session-row{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.session-row.is-current{border-color:color-mix(in srgb, var(--primary) 42%, var(--border))}.session-row__icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--primary);background:var(--primary-soft);place-items:center;display:grid}.session-row__main,.session-row__meta{gap:4px;display:grid}.session-row__main strong{align-items:center;gap:var(--space-2);display:flex}.session-row__main em{color:var(--primary);font-size:var(--font-xs);font-style:normal}.session-row__main span,.session-row__main small,.session-row__meta small{color:var(--text-3);font-size:var(--font-xs)}.session-row__meta{text-align:end;justify-items:end}.form-alert--success{border-color:color-mix(in srgb, var(--success) 30%, var(--border));color:var(--success);background:var(--success-soft)}.button--danger-ghost{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 28%, var(--border));background:0 0}.access-status-card{align-items:center;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.access-status-card.is-expired{border-color:color-mix(in srgb, var(--danger) 36%, var(--border))}.access-status-card__icon{border-radius:var(--radius-lg);width:48px;height:48px;color:var(--primary);background:var(--primary-soft);place-items:center;display:grid}.access-status-card>div:nth-child(2){gap:4px;display:grid}.access-status-card span,.access-status-card p{color:var(--text-3);font-size:var(--font-sm)}.access-status-card strong{font-size:var(--font-lg)}.access-status-card__days{justify-items:center;font-size:28px;font-weight:800;display:grid}.access-status-card__days small{color:var(--text-3);font-size:var(--font-xs);font-weight:500}.purchase-workspace{gap:var(--space-5);display:grid}.plan-selector-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.plan-select-card{gap:var(--space-2);padding:var(--space-4);text-align:start;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);background:var(--surface-2);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard);display:grid}.plan-select-card:hover{transform:translateY(-2px)}.plan-select-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.plan-select-card span,.plan-select-card small{color:var(--text-3);font-size:var(--font-xs)}.plan-select-card strong{font-size:var(--font-md)}.plan-select-card b{font-size:var(--font-lg)}.addon-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.addon-grid .section-heading{grid-column:1/-1}.addon-control{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.addon-control>div{gap:4px;display:grid}.addon-control span{color:var(--text-3);font-size:var(--font-xs)}.addon-control input{width:84px}.quote-summary{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.quote-summary>div{gap:4px;display:grid}.quote-summary span{color:var(--text-3);font-size:var(--font-xs)}.quote-summary b{font-size:var(--font-sm)}.quote-summary__total b{color:var(--primary);font-size:var(--font-lg)}.purchase-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.manual-payment-card{gap:var(--space-4);display:grid}.manual-card-details{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.manual-card-details span{color:var(--text-3);font-size:var(--font-sm)}.receipt-upload-row{align-items:end;gap:var(--space-3);grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr) auto;display:grid}.billing-order-row--expanded{align-items:start}.billing-order-row--expanded small{color:var(--text-3);margin-top:4px;display:block}@media (width<=900px){.account-settings-grid,.billing-lifecycle-grid{grid-template-columns:1fr}.quote-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-upload-row{grid-template-columns:1fr}}@media (width<=720px){.addon-grid{grid-template-columns:1fr}.session-row{grid-template-columns:auto minmax(0,1fr)}.session-row__meta{text-align:start;grid-column:2;justify-items:start}.access-status-card{grid-template-columns:auto minmax(0,1fr)}.access-status-card__days{grid-column:2;justify-items:start}.manual-card-details,.quote-summary{grid-template-columns:1fr}}.admin-console{--admin-accent:color-mix(in srgb, var(--primary) 85%, #6d4aff)}.admin-stat-grid{gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.admin-stat-card{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--primary-subtle) 40%, var(--surface)));box-shadow:var(--shadow-xs);display:flex}.admin-stat-card>svg{color:var(--admin-accent);flex:none}.admin-stat-card>div{gap:3px;min-width:0;display:grid}.admin-stat-card strong{font-size:var(--font-xl);line-height:1}.admin-stat-card span{color:var(--text-muted);font-size:var(--font-xs)}.admin-two-column{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-panel-card{padding:var(--space-5)}.admin-panel-card>header,.admin-detail-panel>header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.admin-panel-card h2,.admin-detail-panel h2{font-size:var(--font-lg);margin:3px 0 0}.admin-panel-card header>a{color:var(--primary);font-size:var(--font-xs);font-weight:750}.admin-metric-list,.admin-health-list{gap:var(--space-2);display:grid}.admin-metric-list>div,.admin-health-list>div{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.admin-metric-list span,.admin-health-list span{color:var(--text-muted);font-size:var(--font-xs)}.admin-activity-list{display:grid}.admin-activity-list>div{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,1fr) auto;display:grid}.admin-activity-list>div:last-child{border-bottom:0}.admin-activity-list>div>svg{color:var(--primary)}.admin-activity-list>div>div{gap:3px;display:grid}.admin-activity-list span,.admin-activity-list time{color:var(--text-muted);font-size:var(--font-xs)}.admin-filterbar{align-items:end;gap:var(--space-3);padding:var(--space-4);grid-template-columns:minmax(220px,2fr) minmax(170px,1fr) auto;display:grid}.admin-filterbar .field{margin:0}.admin-master-detail{gap:var(--space-4);grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:start;display:grid}.admin-master-detail--wide{grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr)}.admin-list-table{padding:var(--space-2);overflow:hidden}.admin-list-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:0;border-bottom:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-align:start;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.admin-list-row:last-child{border-bottom:0}.admin-list-row:hover,.admin-list-row.is-selected{background:var(--primary-subtle)}.admin-list-row>div:not(.admin-role-chips){gap:4px;min-width:0;display:grid}.admin-list-row small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-role-chips{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.admin-detail-panel{top:calc(var(--topbar-height) + var(--space-4));gap:var(--space-4);padding:var(--space-5);display:grid;position:sticky}.admin-detail-panel header p{color:var(--text-muted);margin:4px 0 0}.admin-detail-list{gap:var(--space-2);margin:0;display:grid}.admin-detail-list>div{justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);display:flex}.admin-detail-list dt{color:var(--text-muted);font-size:var(--font-xs)}.admin-detail-list dd{text-align:end;font-size:var(--font-sm);align-items:center;gap:5px;margin:0;font-weight:700;display:inline-flex}.admin-role-editor,.admin-custom-access,.admin-mini-timeline{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);display:grid}.admin-role-editor h3,.admin-custom-access h3,.admin-mini-timeline h3{align-items:center;gap:var(--space-2);font-size:var(--font-sm);margin:0;display:flex}.admin-role-editor>div{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.admin-role-editor>div>span{align-items:center;gap:var(--space-2);display:inline-flex}.button--small{min-height:34px;font-size:var(--font-xs);padding:6px 10px}.admin-usage-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.admin-usage-grid>div{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);gap:4px;display:grid}.admin-usage-grid span{color:var(--text-muted);font-size:var(--font-xs)}.admin-usage-grid strong{font-size:var(--font-lg)}.admin-action-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-action-grid .button{justify-content:flex-start}.admin-inline-inputs{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.admin-inline-inputs label{gap:5px;display:grid}.admin-inline-inputs span{color:var(--text-muted);font-size:10px}.admin-inline-inputs input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:38px;color:var(--text);background:var(--surface);padding:0 8px}.admin-mini-timeline>div{justify-content:space-between;gap:var(--space-3);font-size:var(--font-xs);display:flex}.admin-mini-timeline time{color:var(--text-muted)}.admin-order-icon{border-radius:var(--radius-md);width:38px;height:38px;color:var(--primary);background:var(--primary-subtle);place-items:center;display:grid}.admin-conflict-list{gap:var(--space-2);display:grid}.admin-conflict-list>div{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--warning) 30%, var(--border));border-radius:var(--radius-md);background:var(--warning-subtle);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.admin-conflict-list>div>svg{color:var(--warning)}.admin-conflict-list>div>div{gap:4px;display:grid}.admin-conflict-list span{color:var(--text-muted);font-size:var(--font-xs)}.admin-audit-table{padding:var(--space-3)}.admin-audit-table article{gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.admin-audit-table article:last-child{border-bottom:0}.admin-audit-table article>svg{color:var(--primary)}.admin-audit-table article>div{gap:4px;display:grid}.admin-audit-table article span,.admin-audit-table article time{color:var(--text-muted);font-size:var(--font-xs)}.admin-audit-table details{grid-column:2/-1}.admin-audit-table summary{color:var(--primary);cursor:pointer;font-size:var(--font-xs)}.admin-audit-table pre,.admin-code-block{max-height:420px;margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--radius-md);color:var(--text-2);background:var(--surface-2);text-align:left;white-space:pre-wrap;word-break:break-word;direction:ltr;font-size:11px;line-height:1.7;overflow:auto}.check-row{min-height:var(--control-md);align-items:center;gap:var(--space-2);padding-bottom:7px;display:inline-flex}@media (width<=1200px){.admin-stat-grid,.admin-inline-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.admin-two-column,.admin-master-detail,.admin-master-detail--wide{grid-template-columns:1fr}.admin-detail-panel{position:static}.admin-filterbar{grid-template-columns:1fr 1fr}}@media (width<=640px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filterbar,.admin-inline-inputs,.admin-action-grid{grid-template-columns:1fr}.admin-list-row{grid-template-columns:auto minmax(0,1fr)}.admin-list-row>:last-child{grid-column:2;justify-content:flex-start}.admin-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-conflict-list>div,.admin-audit-table article{grid-template-columns:auto minmax(0,1fr)}.admin-conflict-list button,.admin-audit-table time{grid-column:2;justify-self:start}.admin-audit-table details{grid-column:1/-1}}