:root{--ink:#0f2744;--muted:#5b7190;--paper:#eef3fb;--paper-2:#ffffff;--line:#d7e4f4;--accent:#1d6fd6;--accent-2:#123a7a;--accent-soft:#e8f1fc;--danger:#b42318;--ok:#0f7b4c;--side:#0d2a52;--side-2:#123a7a;--shadow:0 10px 30px rgba(18,58,122,0.08);--radius:16px}*{box-sizing:border-box}body,html{margin:0;padding:0}html{min-height:100%}body,html{overflow-x:clip}body{min-height:100dvh;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-family:Vazirmatn,Tahoma,sans-serif;background:radial-gradient(900px 420px at 100% -10%,#d7e8ff 0,transparent 55%),radial-gradient(700px 320px at -10% 110%,#cfe0f8 0,transparent 50%),var(--paper);color:var(--ink)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.hero{background:linear-gradient(160deg,rgba(29,111,214,.25),transparent 40%),linear-gradient(180deg,#0d2a52,#123a7a 55%,#1d6fd6);color:#eef5ff;padding:72px 56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:280px;height:280px;border:24px solid rgba(255,255,255,.08);border-radius:50%;left:-80px;bottom:-90px}.hero h1{font-size:40px;font-weight:800;margin:12px 0 8px;line-height:1.3}.hero p{font-size:16px;opacity:.9;max-width:440px;line-height:1.9}.mark{letter-spacing:.18em;font-size:12px;opacity:.7}.hero-slides{margin-top:28px;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);max-width:520px;min-height:96px;position:relative;z-index:1}.hero-slide{text-align:right;direction:rtl}.hero-slide strong{display:block;margin-bottom:10px;font-size:15px;line-height:1.7;text-align:justify;text-align-last:center;text-justify:inter-word}.hero-slide p{margin:0;font-size:14px;opacity:.95;max-width:none;line-height:2;text-align:justify;text-justify:inter-word;text-align-last:right;white-space:pre-wrap;word-spacing:.02em;-webkit-hyphens:none;hyphens:none}.hero-dots{display:flex;gap:8px;margin-top:12px}.hero-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.35);cursor:pointer}.hero-dots button.active{background:#fff}.hero-foot{position:relative;z-index:1;margin-top:24px}.hero-foot .copyright{opacity:.75;font-size:13px;margin-top:4px}.panel{display:flex;align-items:center;justify-content:center;padding:40px 24px}.card{width:min(520px,100%);background:var(--paper-2);border:1px solid var(--line);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}.card.wide{width:100%;max-width:none}.card h2{margin:0 0 8px;font-size:22px}.card .sub,.page-sub{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.8}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head h2{margin:0 0 6px;font-size:26px}label{display:block;font-size:13px;margin:0 0 6px;color:var(--muted);font-weight:600}input,select,textarea{width:100%;max-width:280px;border:1px solid var(--line);background:#fff;padding:0 12px;margin-bottom:12px;font-family:inherit;font-size:15px;color:var(--ink);border-radius:12px}input,select{height:40px}textarea{min-height:90px;padding:10px 12px;max-width:min(100%,560px)}.ai-compose textarea,.broadcast-edit-form textarea,.cartable-compose textarea,.hub-embed form>textarea,.letter-body,.letter-editor textarea{max-width:100%}input[type=checkbox],input[type=radio]{width:auto;max-width:none;height:auto;min-height:0!important;min-width:0;padding:0;margin:0;border-radius:4px;display:inline-block;vertical-align:middle;accent-color:var(--accent)}input[type=file]{height:auto;min-height:44px;max-width:min(100%,420px);padding:10px 12px}.form-grid,.form-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,210px));grid-gap:10px 12px;gap:10px 12px;margin-bottom:12px;align-items:end}.form-grid.three{grid-template-columns:repeat(auto-fill,minmax(140px,190px))}.form-grid>div,.form-row>div{min-width:0}.form-grid .fa-cal,.form-grid input,.form-grid select,.form-grid textarea,.form-row .fa-cal,.form-row input,.form-row select,.form-row textarea{margin-bottom:0;width:100%;max-width:100%}.card select,.card.wide>select,.main form>select{max-width:240px}.card.wide .form-grid input,.card.wide .form-grid select,.card.wide .form-row input,.card.wide .form-row select,.hub-embed .form-grid input,.hub-embed .form-grid select,.hub-embed .form-row input,.hub-embed .form-row select{max-width:100%}.form-grid .span-2,.form-row .span-2{grid-column:span 2;max-width:440px}.form-grid .field-sm,.form-grid .field-sm input,.form-grid .field-sm select,.form-row .field-sm,.form-row .field-sm input,.form-row .field-sm select{max-width:140px}.fa-cal{max-width:210px}.fa-cal-btn{height:40px}.fa-cal-pop{width:268px;max-width:92vw}input:focus,select:focus,textarea:focus{outline:2px solid #b9d4f8;border-color:var(--accent)}.btn,button{height:46px;border:0;background:linear-gradient(180deg,#2b7de0,var(--accent));color:white;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;padding:0 18px;border-radius:12px;box-shadow:0 8px 18px rgba(29,111,214,.22);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover,button:hover{filter:brightness(1.06);text-decoration:none}.btn.secondary,button.secondary{background:var(--accent-soft);color:var(--accent-2);box-shadow:none;border:1px solid #cfe0f6}.btn.ghost,button.ghost{background:transparent;color:var(--accent-2);box-shadow:none}button.danger{background:linear-gradient(180deg,#d2453b,var(--danger));box-shadow:0 8px 18px rgba(180,35,24,.2)}button.full{width:100%;height:50px}button:disabled{opacity:.6;cursor:default;filter:none}.actions{display:flex;gap:8px;flex-wrap:wrap}.err,.error{color:var(--danger)}.err,.error,.ok{font-size:13px;margin:0 0 12px}.ok{color:var(--ok)}.links{margin-top:16px;display:flex;justify-content:space-between;font-size:13px}.schools{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.schools span{border:1px solid rgba(255,255,255,.22);padding:8px 12px;font-size:12px;border-radius:999px;background:rgba(255,255,255,.08)}.appbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top) 24px 0;height:calc(68px + env(safe-area-inset-top));border-bottom:1px solid var(--line);background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.menu-btn{display:none;width:42px;height:42px;padding:0;flex-direction:column;gap:5px;background:var(--accent-soft);color:var(--accent-2);box-shadow:none;border:1px solid #cfe0f6}.menu-btn span{display:block;width:18px;height:2px;background:var(--accent-2);border-radius:2px}.nav-backdrop{display:none}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(180deg,#2b7de0,#123a7a);color:#fff;display:grid;place-items:center;font-size:15px;box-shadow:0 8px 16px rgba(18,58,122,.25)}.userchip{background:var(--accent-soft);border:1px solid #d5e6f8;border-radius:999px;padding:6px 12px 6px 6px;font-size:13px;color:inherit;text-decoration:none;cursor:pointer}.appbar-end,.userchip{display:flex;align-items:center;gap:10px}.logout-top{height:40px;padding:0 14px;background:#fff;color:var(--danger);border:1px solid #f0c7c3;box-shadow:none;font-size:13px}.logout-top:hover{background:#fff5f4;filter:none}a.userchip:hover{border-color:var(--accent)}.avatar{width:32px;height:32px;background:var(--accent-2);color:#fff;display:grid;place-items:center;font-weight:800}.avatar,.user-avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.user-avatar{display:inline-block;background:var(--accent-2)}.user-avatar.fallback{color:#fff;display:inline-grid;place-items:center;font-weight:800}.profile-avatar-row{gap:18px}.online-users-head,.profile-avatar-row{display:flex;align-items:flex-start;flex-wrap:wrap}.online-users-head{justify-content:space-between;gap:12px;margin-bottom:12px}.online-users-head h3{margin:0 0 4px}.online-count-badge{min-width:88px;text-align:center;background:#e8f7ee;border:1px solid #b7e0c5;border-radius:14px;padding:10px 14px}.online-count-badge b{display:block;font-size:26px;color:#1b7a45;line-height:1.1}.online-count-badge span{color:#3d6b52;font-size:12px}.online-user-cell{display:flex;align-items:center;gap:10px}.online-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2);flex-shrink:0}.layout{display:grid;grid-template-columns:268px 1fr;min-height:calc(100vh - 68px);min-width:0}.side{background:linear-gradient(180deg,var(--side),#0b2142);color:#d7e6fb;padding:18px 12px 24px}.side .nav-label,.side a,.side button.nav-sec{display:flex;align-items:center;gap:8px;padding:9px 12px;color:#d7e6fb;border-radius:12px;text-decoration:none;font-size:14px;width:100%;background:transparent;box-shadow:none;height:auto;font-weight:600;text-align:right}.side a:hover{background:rgba(255,255,255,.08);text-decoration:none}.side a.active{background:#1d6fd6;color:#fff;box-shadow:0 8px 16px rgba(0,0,0,.18)}.nav-sec{justify-content:space-between;color:#9cb6d8!important;font-size:12px!important;letter-spacing:.04em;margin-top:10px}.nav-sec span{display:flex;align-items:center;gap:8px}.nav-kids{padding:0 4px 6px}.side-nav-flat{display:flex;flex-direction:column;gap:4px}.nav-flat{display:flex!important;align-items:center;gap:10px;padding:12px 14px!important;border-radius:12px;font-weight:700!important}.nav-flat-icon{width:1.4em;text-align:center;opacity:.9}.hub-embed>.page-head,.hub-embed>.page-sub:first-of-type,.hub-embed>h2:first-child{display:none}.hub-embed .card.wide{box-shadow:none;border:0;padding:0;background:transparent;max-width:100%}.main{padding:24px 28px 48px;min-width:0;overflow-x:clip}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);max-width:100%}.table{width:100%;border-collapse:collapse;background:var(--paper-2)}.table td,.table th{border-bottom:1px solid var(--line);padding:12px 10px;text-align:right;font-size:14px;vertical-align:middle}.table th{background:#f6f9fe;color:var(--muted);font-weight:700;white-space:nowrap}.table-wrap.matrix .table td:first-child,.table-wrap.matrix .table th:first-child{position:-webkit-sticky;position:sticky;right:0;background:var(--paper-2);z-index:1;min-width:132px;max-width:48vw;box-shadow:-6px 0 10px -8px rgba(18,58,122,.25)}.table-wrap.matrix .table th:first-child{z-index:2;background:#f6f9fe}.table-wrap.matrix .table td:not(:first-child),.table-wrap.matrix .table th:not(:first-child){text-align:center;min-width:68px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.workspace-identity{padding:18px 20px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(13,42,82,.06),transparent 42%),var(--paper)}.workspace-identity-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.workspace-avatar{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:20px;font-weight:700;color:#fff;background:var(--accent-2,#0d2a52);flex-shrink:0;object-fit:cover}.workspace-name{margin:0;font-size:20px;line-height:1.4}.workspace-role{margin:2px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.workspace-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 16px;gap:10px 16px;margin:0}.workspace-meta dt{margin:0;font-size:12px;color:var(--muted)}.workspace-meta dd{margin:2px 0 0;font-size:14px;font-weight:600;line-height:1.7}.workspace-teachers{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.workspace-teachers strong{display:block;margin-bottom:6px;font-size:13px}.workspace-teachers ul{margin:0;padding:0 18px 0 0;column-count:2;gap:12px}.workspace-teachers li{margin-bottom:4px;font-size:13px;line-height:1.7}@media (max-width:720px){.workspace-meta,.workspace-teachers ul{grid-template-columns:1fr;column-count:1}}.stat{background:var(--paper-2);border:1px solid var(--line);padding:18px;border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:-20px;top:-20px;width:90px;height:90px;border-radius:50%;background:var(--accent-soft)}.stat b{display:block;font-size:28px;color:var(--accent-2);position:relative}.stat span{color:var(--muted);font-size:13px;position:relative}.pill{display:inline-flex;align-items:center;background:var(--accent-soft);color:var(--accent-2);border-radius:999px;padding:4px 10px;margin-left:4px;margin-bottom:4px}.hint,.pill{font-size:12px}.hint{color:var(--muted);margin:-4px 0 12px}label.check{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--ink);font-weight:500}label.check input{width:auto;height:auto;margin:0}.pwa-banner{position:fixed;right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;background:#0d2a52;color:#eef5ff;border-radius:16px;padding:14px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;box-shadow:0 12px 30px rgba(13,42,82,.35)}.pwa-banner p{margin:4px 0 0;font-size:12px;opacity:.88;line-height:1.7}.pwa-banner .pwa-actions{display:flex;gap:8px;flex-shrink:0}.pwa-banner button{height:40px;padding:0 14px}body:has(.pwa-banner){padding-bottom:150px}@media (max-width:980px){.shell{grid-template-columns:1fr;min-height:100dvh}.hero{min-height:180px;padding:28px 20px}.hero h1{font-size:28px}.panel{padding:20px 16px 32px}.layout{grid-template-columns:1fr;min-height:calc(100dvh - 68px - env(safe-area-inset-top));min-width:0}.stats{grid-template-columns:1fr 1fr}.form-grid,.form-grid.three,.form-row{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.form-grid .span-2,.form-row .span-2{grid-column:span 2;max-width:none}.form-grid .field-sm,.form-row .field-sm{max-width:none}.card .form-grid input,.card .form-grid select,.form-grid .field-sm input,.form-grid .field-sm select,.form-row .field-sm input,.form-row .field-sm select,.hub-embed .form-grid input,.hub-embed .form-grid select{max-width:100%}.menu-btn{display:inline-flex}.brand-text{font-size:14px;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userchip-meta{display:none}.logout-top{padding:0 10px;font-size:12px;height:38px}.appbar{padding:env(safe-area-inset-top) 12px 0;gap:8px}.appbar-end{gap:6px;min-width:0}.main{padding:14px 12px 96px;min-width:0}.page-head h2{font-size:22px}.page-head .actions{width:100%}.page-head .actions .btn,.page-head .actions a.btn{flex:1 1}.card{padding:16px;max-width:100%}.card select,.card.wide>select,.fa-cal,.main form>select{max-width:100%;width:100%}.settings-tab-panel{padding:14px;overflow:visible}.hub-embed,.hub-panel{overflow:visible}.hub-embed{min-width:0}.settings-tab-head h3{font-size:17px}.hub-nav{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.settings-tabs{flex-wrap:wrap;overflow-x:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-inline:0;padding:8px}.settings-tabs button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);white-space:normal;min-height:40px;height:auto;padding:8px 12px;box-shadow:none}.actions{gap:8px}.actions>.btn,.actions>a.btn,.actions>button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px);min-width:min(100%,140px)}.table td,.table th{padding:10px 8px;font-size:13px}.table .actions .btn,.table .actions button{height:36px;min-height:36px;padding:0 10px;font-size:12px;flex:0 0 auto}.roles-mobile{display:block}.roles-desktop{display:none}.nav-backdrop{inset:0;background:rgba(8,20,40,.45);z-index:25;border:0;box-shadow:none;border-radius:0;height:auto;width:auto}.nav-backdrop,.side{display:block;position:fixed}.side{top:0;right:0;bottom:0;width:min(82vw,300px);z-index:30;transform:translateX(110%);transition:transform .22s ease;overflow:auto;padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}.side.open{transform:translateX(0)}.pwa-banner{flex-direction:column;align-items:stretch}.pwa-banner .pwa-actions{width:100%}.pwa-banner .pwa-actions button{flex:1 1}.btn,button,input:not([type=checkbox]):not([type=radio]),select{min-height:44px}.week-nav{flex-wrap:wrap}.week-nav strong{min-width:0;flex:1 1 100%;order:-1}}@media (display-mode:standalone){.pwa-banner{display:none}}.fa-cal{position:relative}.fa-cal-btn{width:100%;text-align:right;font-family:inherit;font-weight:600;box-shadow:none}.fa-cal-btn,.fa-cal-pop{background:#fff;color:var(--ink);border:1px solid var(--line)}.fa-cal-pop{position:absolute;z-index:50;top:calc(100% + 6px);right:0;width:min(320px,92vw);border-radius:12px;padding:12px;box-shadow:var(--shadow)}.fa-cal-nav{display:flex;gap:8px;margin-bottom:8px;align-items:center}.fa-cal-nav select{flex:1 1;color:var(--ink);background:#fff}.fa-cal-nav button{min-height:36px;min-width:36px;padding:0;background:#eef3fb;color:var(--ink);box-shadow:none;border:1px solid var(--line)}.fa-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;text-align:center}.fa-cal-w{font-size:12px;color:var(--muted);padding:4px 0}.fa-cal-grid button{min-height:36px;padding:0;border-radius:8px;background:#e8eef7;color:#0f2744;border:0;box-shadow:none;font-weight:700}.fa-cal-grid button.on{background:var(--accent);color:#fff}.fa-cal-time{display:grid;grid-template-columns:auto 1fr auto 1fr;grid-gap:8px;gap:8px;align-items:center;margin-top:10px}.fa-cal-time button{grid-column:1/-1}.fa-time{display:flex;gap:8px;align-items:center}.fa-time select{flex:1 1}.exam-lock{-webkit-user-select:none;-moz-user-select:none;user-select:none}.exam-stem{display:inline;background:transparent;border:none;box-shadow:none;min-height:0;padding:0;margin:0;line-height:1.8;color:inherit;overflow-wrap:anywhere;word-break:break-word}.exam-stem p{margin:0 0 .35em}.exam-stem p:last-child{margin-bottom:0}.exam-lock .exam-stem img,.exam-lock img,.exam-stem img{max-width:100%!important;height:auto!important;display:block}.exam-lock .math-frac,.exam-lock .math-inline,.exam-stem .math-frac,.exam-stem .math-inline{max-width:100%;overflow-x:auto}.cheat-banner{background:#fde8e8;color:var(--danger);padding:10px 12px;border-radius:10px;margin-bottom:12px}.audit-detail{background:#f6f9fe;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink);text-align:right}.audit-detail p{margin:0 0 6px;font-size:13px}.audit-detail pre{margin:8px 0 0;white-space:pre-wrap;word-break:break-word;font-size:12px;color:#234;background:#fff;padding:8px;border-radius:8px;max-height:220px;overflow:auto}.letter-editor{margin-bottom:12px}.letter-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;align-items:center}.letter-toolbar button{height:34px;min-width:34px;padding:0 10px;font-size:13px}.letter-toolbar select{width:auto;max-width:140px;height:34px;margin:0}.letter-body,.letter-paper{background:#fffdf8;border:1px solid #e4dcc8;border-radius:4px;min-height:280px;padding:22px 24px;line-height:2;color:#1a2a3a;box-shadow:inset 0 0 0 6px #fff,0 1px 0 #efe6d2}.letter-paper:focus{outline:2px solid #b9d4f8}.math-palette{margin:0 0 10px;padding:12px;border:1px solid #d5e0ee;border-radius:10px;background:#f7fafc}.math-frac-builder{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.math-frac-builder input{width:88px;max-width:30vw;margin:0;height:34px}.math-group{margin-bottom:10px}.math-group-title{font-size:12px;color:#5b7190;margin-bottom:6px}.math-keys{display:flex;flex-wrap:wrap;gap:6px}.math-key{min-width:40px;height:36px;padding:0 10px;border:1px solid #c9d7ea;border-radius:8px;background:#fff;color:#123a7a;font:inherit;font-size:15px;line-height:1;cursor:pointer}.math-key:hover{background:#eef4fb;border-color:#9bb6d8}.math-inline{display:inline;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;font-family:Cambria Math,Times New Roman,Segoe UI Symbol,serif;white-space:nowrap}.math-frac{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 4px;line-height:1.1;font-size:.95em}.math-frac .den,.math-frac .num{padding:0 4px;text-align:center}.math-frac .bar{display:block;width:100%;border-top:1.5px solid;margin:1px 0}.math-vec{text-decoration:overline}.math-blank{border-bottom:1px dotted #8aa0bc;padding:0 2px}.letter-body .math-inline,.letter-paper .math-inline{white-space:normal}.letter-view{background:#fff;color:#1a2a3a}.letter-preview{background:#f6f9fe;border:1px dashed var(--line);border-radius:10px;padding:10px 12px;margin-bottom:12px}.cartable-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;padding:14px 16px;border:1px solid #d5e0ee;border-radius:12px;background:linear-gradient(135deg,#f7fafc,#eef4fb 55%,#f8fafc)}.cartable-title{margin:0 0 4px;font-size:1.15rem;color:#123a7a}.cartable-badge{flex-shrink:0;background:#123a7a;color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.cartable-compose{border-top:3px solid #123a7a}.cartable-compose-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.cartable-compose-head h3{margin:0}.cartable-inbox{border:1px solid #d5e0ee;border-radius:12px;padding:12px;background:#fff}.cartable-inbox-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.cartable-inbox-head h3{margin:0}.cartable-table th{background:#edf2f8;color:#1a3558;font-weight:700}.cartable-row-unread,.cartable-row-unread td{background:#f3f7fd}.cartable-view{border-top:3px solid #123a7a}.cartable-view-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.pill.doc-letter{background:#e8eef8;color:#1a3a6b}.pill.doc-notice{background:#fde8d8;color:#8a3b0c}.pill.doc-circular{background:#e6f4ea;color:#1b5e30}.pill.doc-work{background:#efe6fb;color:#5b2a8a}.sign-box{display:flex;align-items:center;gap:12px;margin:8px 0 14px;color:var(--muted);font-size:12px}.sign-box img{max-height:56px;background:#fff;padding:4px;border:1px solid var(--line);border-radius:6px}.attach-list{margin:0 0 12px;padding:0;list-style:none}.attach-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f6f9fe;border:1px solid var(--line);border-radius:8px;padding:6px 10px;margin-bottom:6px;font-size:13px}.attach-list button{height:32px;padding:0 10px}.meal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.meal-card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;min-width:0}.meal-card-photo{height:140px;background:linear-gradient(180deg,#e8f1fb,#f6f9fe);overflow:hidden}.meal-card-photo img{width:100%;height:140px;object-fit:cover;display:block}.meal-card-photo.empty{display:grid;place-items:center;color:var(--muted);font-size:32px}.meal-card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1 1}.meal-card-body h3{margin:0;font-size:16px}.meal-card-body p{margin:0}.meal-card .actions{margin-top:auto;padding-top:8px}.meal-card .actions button{height:38px;padding:0 12px;font-size:13px}.meal-order{display:flex;flex-direction:column;gap:14px}.meal-order-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,rgba(29,111,214,.12),rgba(18,58,122,.04)),var(--paper-2);border:1px solid var(--line)}.meal-order-hero h3{margin:0 0 6px;font-size:20px;color:var(--accent-2)}.meal-order-hero p{margin:0;color:var(--muted);line-height:1.8;font-size:14px;max-width:52ch}.meal-order-badge{flex-shrink:0;background:var(--accent);color:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.meal-order-empty{padding:28px 18px;text-align:center;border:1px dashed var(--line);border-radius:18px;background:var(--paper-2)}.meal-order-days{display:flex;flex-direction:column;gap:18px}.meal-day-block{background:var(--paper-2);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.meal-day-block.today{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),var(--shadow)}.meal-day-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.meal-day-head strong{font-size:17px;margin-left:8px}.meal-day-head span{color:var(--muted);font-size:13px}.meal-day-head em{font-style:normal;margin-right:8px;background:var(--accent-soft);color:var(--accent-2);padding:2px 10px}.meal-day-head em,.meal-picked{border-radius:999px;font-size:12px;font-weight:700}.meal-picked{background:#e8f7ef;color:var(--ok);padding:6px 12px}.meal-option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.meal-option-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fbfcfe;display:flex;flex-direction:column;min-height:320px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.meal-option-card:hover{border-color:#b9d0ef;box-shadow:0 12px 28px rgba(18,58,122,.08);transform:translateY(-1px)}.meal-option-card.selected{border-color:var(--ok);box-shadow:0 0 0 2px rgba(15,123,76,.15);background:#f4fbf7}.meal-option-photo{position:relative;height:180px;background:linear-gradient(160deg,#d9e9fb,#f4f8fd 60%,#eef4fb);overflow:hidden}.meal-option-photo img{width:100%;height:180px;object-fit:cover;display:block}.meal-option-photo.empty{display:grid;place-items:center;font-size:42px}.meal-price-chip{position:absolute;left:12px;bottom:12px;background:rgba(15,39,68,.88);color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.meal-price-chip.free{background:rgba(15,123,76,.92)}.meal-option-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1 1}.meal-option-body h4{margin:0;font-size:17px;line-height:1.5}.meal-desc{margin:0;color:var(--ink);font-size:13px;line-height:1.85;min-height:3.6em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.meal-desc.muted{color:var(--muted)}.meal-option-body .actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.meal-option-body .actions button{min-height:40px}.week-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 8px}.week-nav strong{min-width:180px;text-align:center}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:10px;gap:10px}.week-cell{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;min-height:168px;padding:10px;display:flex;flex-direction:column;gap:6px}.week-cell.today{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.week-cell.empty{background:#f7f9fc}.week-cell .wd{font-size:12px;color:var(--muted);font-weight:700}.week-cell h4{margin:0;font-size:14px;line-height:1.5}.week-cell img{width:100%;height:72px;object-fit:cover;border-radius:10px;display:block}.week-cell .actions button{height:34px;font-size:12px;padding:0 8px}@media (max-width:980px){.week-grid{grid-template-columns:1fr 1fr}.meal-option-grid{grid-template-columns:1fr}.meal-order-hero{flex-direction:column}.meal-option-photo,.meal-option-photo img{height:160px}}img{max-width:100%;height:auto}.ai-body,.hub-embed,.letter-body,.letter-paper{overflow-wrap:anywhere;word-break:break-word}.ai-body{line-height:2;font-size:15px}.ai-body h2,.ai-body h3,.ai-body h4{color:var(--accent-2);margin:18px 0 8px}.ai-body p{margin:0 0 10px}.ai-body ul{margin:0 0 12px 18px}.activity-domains{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:10px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.activity-domains button{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:12px;padding:9px 12px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.activity-domains button em{font-style:normal;font-size:11px;font-weight:800;min-width:1.4em;padding:1px 6px;border-radius:999px;background:rgba(0,0,0,.06);color:inherit}.activity-domains button:hover{background:var(--accent-soft);color:var(--accent-2)}.activity-domains button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.activity-domains button.active em{background:rgba(255,255,255,.22)}.settings-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:10px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.settings-tabs button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:12px;padding:10px 14px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.settings-tabs button:hover{background:var(--accent-soft);color:var(--accent-2)}.settings-tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-tab-panel{margin-bottom:24px}.settings-tab-head{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.settings-tab-head h3{margin:0 0 4px;font-size:20px}.settings-tab-head .page-sub{margin:0}.hub-page{display:grid;grid-gap:12px;gap:12px}.hub-page-head{margin-bottom:0}.hub-page-head h2{font-size:22px;margin:0 0 4px}.hub-page-head .page-sub{margin:0;font-size:13px}.hub-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;gap:8px;margin:0;padding:0;background:transparent;border:0;box-shadow:none}.hub-nav-item{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#fff;color:inherit;font:inherit;text-align:right;cursor:pointer;box-shadow:0 4px 12px rgba(18,58,122,.04);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;min-width:0;min-height:58px}.hub-nav-item:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(18,58,122,.08)}.hub-nav-item.active{border-width:1.5px;box-shadow:0 0 0 2px rgba(29,111,214,.12),0 8px 18px rgba(18,58,122,.08)}.hub-nav-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.hub-nav-text{display:grid;grid-gap:1px;gap:1px;min-width:0}.hub-nav-text strong{font-size:.9rem;line-height:1.3;font-weight:800}.hub-nav-text small{color:var(--muted);font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-nav-item.tone-blue .hub-nav-icon{background:#d9eaff;color:#1d6fd6}.hub-nav-item.tone-teal .hub-nav-icon{background:#d4f3ec;color:#0b8a6e}.hub-nav-item.tone-amber .hub-nav-icon{background:#ffe8bf;color:#c27000}.hub-nav-item.tone-violet .hub-nav-icon{background:#e4dbff;color:#6a45c7}.hub-nav-item.tone-rose .hub-nav-icon{background:#ffd7dc;color:#c23045}.hub-nav-item.tone-slate .hub-nav-icon{background:#e8eef5;color:#3d5570}.hub-nav-item.tone-blue.active{border-color:#1d6fd6;background:#f3f8ff}.hub-nav-item.tone-teal.active{border-color:#0b8a6e;background:#f1fbf8}.hub-nav-item.tone-amber.active{border-color:#c27000;background:#fff8eb}.hub-nav-item.tone-violet.active{border-color:#6a45c7;background:#f7f3ff}.hub-nav-item.tone-rose.active{border-color:#c23045;background:#fff4f5}.hub-nav-item.tone-slate.active{border-color:#3d5570;background:#f4f7fb}.hub-panel{margin-bottom:16px}.hub-panel-head{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.hub-panel-head h3{margin:0 0 2px;font-size:1.05rem}.hub-panel-head .page-sub{margin:0;font-size:12px}.roles-mobile{display:none}.roles-desktop{display:block}.roles-list{display:flex;flex-direction:column;gap:8px}.roles-list label.check{background:#f7fafc;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0}.mobile-cards{display:none}.desktop-only{display:block}@media (max-width:720px){.settings-tabs{flex-wrap:wrap;overflow-x:visible}.settings-tabs button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);white-space:normal;font-size:12px;padding:8px 10px}.hub-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hub-nav-item{padding:10px;min-height:64px;align-items:flex-start}.hub-nav-icon{width:34px;height:34px;border-radius:10px}.hub-nav-text strong{font-size:.86rem}.hub-nav-text small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hub-page-head h2{font-size:20px}.hub-panel{padding:12px}.hub-panel-head h3{font-size:1rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-inline:0;max-width:100%}.table{min-width:0;width:100%}.table-wrap>.table{min-width:480px}.form-grid,.form-grid.three,.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.card>input:not([type=checkbox]):not([type=radio]),.card>select,.card>textarea,.form-grid .fa-cal,.form-grid input,.form-grid select,.form-grid textarea,.form-row .fa-cal,.form-row input,.form-row select,.form-row textarea,.main form>input:not([type=checkbox]):not([type=radio]),.main form>select,.main form>textarea{max-width:100%;width:100%}input,select,textarea{font-size:16px}.actions .btn,.actions button,.btn,button.secondary{font-size:14px}.mobile-cards{display:flex;flex-direction:column;gap:10px}.desktop-only{display:none!important}.stats{grid-template-columns:1fr 1fr}.roles-desktop{display:none}.roles-mobile{display:block}.mobile-card,.user-card{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.mobile-card h4,.user-card h4{margin:0 0 8px;font-size:15px}.mobile-card .meta,.user-card .meta{color:var(--muted);font-size:13px;margin:0 0 6px;line-height:1.7}.mobile-card .actions,.user-card .actions{margin-top:10px}}@media (max-width:520px){.form-grid,.form-grid.three,.form-row{grid-template-columns:1fr}.form-grid .span-2,.form-row .span-2{grid-column:auto;max-width:none}.hub-nav{grid-template-columns:1fr 1fr}}.dash-home{display:grid;grid-gap:14px;gap:14px}.dash-home-student{gap:16px}.dash-top-row{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.dash-top-row .dash-hero{flex:1.1 1 280px;min-width:0}.dash-top-row .dash-msg-chip{flex:1 1 260px;width:auto;max-width:none;min-height:0;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:linear-gradient(135deg,#dff0ff,#eef6ff 42%,#ffffff);box-shadow:0 8px 22px rgba(18,58,122,.06)}.dash-top-row .dash-msg-chip.has-unread{border-color:color-mix(in srgb,var(--accent) 18%,var(--line));box-shadow:0 8px 22px rgba(18,58,122,.06)}.dash-hero{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:linear-gradient(135deg,#dff0ff,#eef6ff 42%,#ffffff);box-shadow:0 8px 22px rgba(18,58,122,.06)}.dash-hero-avatar{width:56px!important;height:56px!important;border-radius:18px!important;box-shadow:0 6px 16px rgba(18,58,122,.18)}.dash-hero-hello{margin:0;font-size:13px;color:var(--muted)}.dash-hero-title{margin:2px 0 8px;font-size:1.35rem;line-height:1.3;color:var(--accent-2)}.dash-hero-chips{display:flex;flex-wrap:wrap;gap:6px}.dash-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#1d6fd6;color:#fff}.dash-chip.soft{background:#e8f1fc;color:var(--accent-2);font-weight:600}.dash-section-title{margin:4px 0 0;font-size:.98rem;color:var(--accent-2)}.dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.dash-stat{display:grid;justify-items:center;align-content:center;grid-gap:2px;gap:2px;min-height:84px;padding:12px 8px;border-radius:16px;border:1px solid transparent;text-align:center;box-shadow:0 6px 16px rgba(18,58,122,.05)}.dash-stat b{font-size:1.55rem;line-height:1.1;font-weight:800}.dash-stat span{font-size:12px;font-weight:600;opacity:.85}.dash-stat.tone-blue{background:#e8f2ff;color:#124a9c;border-color:#c9ddf8}.dash-stat.tone-teal{background:#e6f7f3;color:#0b6e5a;border-color:#c5ebe2}.dash-stat.tone-amber{background:#fff4df;color:#9a5b00;border-color:#f5e0b5}.dash-stat.tone-rose{background:#ffe8ea;color:#a11f32;border-color:#f4c9d0}.dash-stat.tone-violet{background:#efe8ff;color:#5b3db3;border-color:#d9ccf5}.dash-stat.tone-slate{background:#eef2f7;color:#31465f;border-color:#d5dee9}.dash-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.dash-shortcut{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;border:1px solid var(--line);background:#fff;text-decoration:none!important;color:inherit;box-shadow:0 6px 16px rgba(18,58,122,.05);transition:transform .15s ease,box-shadow .15s ease}.dash-shortcut:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(18,58,122,.1)}.dash-shortcut-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.dash-shortcut.tone-blue .dash-shortcut-icon{background:#d9eaff;color:#1d6fd6}.dash-shortcut.tone-teal .dash-shortcut-icon{background:#d4f3ec;color:#0b8a6e}.dash-shortcut.tone-amber .dash-shortcut-icon{background:#ffe8bf;color:#c27000}.dash-shortcut.tone-violet .dash-shortcut-icon{background:#e4dbff;color:#6a45c7}.dash-shortcut.tone-rose .dash-shortcut-icon{background:#ffd7dc;color:#c23045}.dash-shortcut-text{display:grid;grid-gap:2px;gap:2px;min-width:0}.dash-shortcut-text strong{font-size:.95rem;line-height:1.3}.dash-shortcut-text small{color:var(--muted);font-size:11px;line-height:1.4}.dash-teachers{margin-top:2px}.dash-teacher-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.dash-teacher-chips li{display:grid;grid-gap:2px;gap:2px;padding:8px 12px;border-radius:14px;background:#fff;border:1px solid var(--line);min-width:140px}.dash-teacher-chips strong{font-size:12px;color:var(--accent)}.dash-teacher-chips span{font-size:13px;font-weight:600}.workspace-identity.is-compact{margin-bottom:0;padding:14px 16px}.workspace-identity.is-compact .workspace-identity-head{margin-bottom:0}.dash-msg-chip{display:inline-flex;align-items:center;gap:10px;max-width:min(100%,420px);width:-moz-fit-content;width:fit-content;margin:0;padding:10px 12px;border-radius:16px;border:1px solid #c9ddf8;background:linear-gradient(180deg,#f5f9ff,#eaf3ff);box-shadow:0 6px 16px rgba(18,58,122,.08);cursor:pointer;color:inherit;font:inherit;text-align:right}.dash-msg-chip.has-unread{border-color:#1d6fd6;box-shadow:0 0 0 2px rgba(29,111,214,.14),0 6px 16px rgba(18,58,122,.08)}.dash-msg-chip:disabled{opacity:.7;cursor:wait}.dash-msg-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#1d6fd6;color:#fff}.dash-msg-body{display:grid;grid-gap:2px;gap:2px;min-width:0;flex:1 1}.dash-msg-kicker{font-size:11px;font-weight:700;color:#1d6fd6;line-height:1.3}.dash-msg-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.92rem;font-weight:700;line-height:1.45;color:var(--ink)}.dash-msg-cta{flex-shrink:0;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #c9ddf8;color:var(--accent-2);font-size:12px;font-weight:700;white-space:nowrap}.dash-message-modal-root{position:fixed;inset:0;z-index:80;display:grid;place-items:end center;padding:0}.dash-message-modal-backdrop{position:absolute;inset:0;border:0;padding:0;margin:0;background:rgba(15,23,22,.45);cursor:pointer}.dash-message-modal{position:relative;z-index:1;width:min(640px,100%);max-height:min(88vh,720px);display:flex;flex-direction:column;margin:0;border-radius:16px 16px 0 0;background:var(--card,#fff);box-shadow:0 -8px 32px rgba(0,0,0,.18);overflow:hidden}.dash-message-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 10px;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);flex-shrink:0}.dash-message-modal-title{margin:6px 0 0;font-size:1.15rem;line-height:1.4}.dash-message-modal-body{padding:14px 16px;overflow:auto;flex:1 1;font-size:1.02rem;line-height:1.8;-webkit-overflow-scrolling:touch}.dash-message-modal-list{padding:10px 16px 16px;border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);max-height:28vh;overflow:auto;flex-shrink:0}.dash-messages{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.dash-messages li{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}@media (min-width:720px){.dash-message-modal-root{place-items:center;padding:24px}.dash-message-modal{border-radius:16px;max-height:min(82vh,680px)}}@media (max-width:900px){.dash-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-msg-chip{max-width:100%;width:100%}.dash-hero{align-items:flex-start}}@media (max-width:420px){.dash-shortcuts{grid-template-columns:1fr}}.broadcast-manage-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}.live-session-cards{display:grid;grid-gap:10px;gap:10px;margin-top:8px}.mobile-cards.live-session-cards{display:none}@media (max-width:720px){.mobile-cards.live-session-cards{display:grid}}.live-session-card{padding:14px;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:0 6px 16px rgba(18,58,122,.05)}.live-session-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}.live-session-card-top h3{margin:0;font-size:1.02rem;line-height:1.4}.live-session-desc{margin:0 0 10px;white-space:pre-wrap;font-size:.92rem;line-height:1.7;color:var(--ink)}.live-session-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.live-session-actions .btn,.live-session-actions a.btn,.live-session-actions button{flex:1 1 auto;min-width:min(100%,140px);text-align:center;text-decoration:none!important}.live-join-btn{background:linear-gradient(180deg,#2b7de0,var(--accent))!important;color:#fff!important;border:0!important;font-weight:800;min-height:44px}@media (max-width:720px){.live-session-actions .btn,.live-session-actions a.btn,.live-session-actions button{flex:1 1 100%;width:100%}.hub-page{gap:10px}.hub-nav{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--paper);padding-bottom:4px}.dash-shortcuts .dash-shortcut{min-height:64px}.dash-shortcut-text strong{font-size:.9rem}}.broadcast-manage-list>li{padding:12px 14px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:12px;background:var(--paper-2,#f7f7f5)}.broadcast-manage-list>li.is-disabled{opacity:.72}.broadcast-manage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.broadcast-manage-preview{margin:8px 0 10px;color:var(--muted,#6b7280);font-size:.92rem;line-height:1.65}.broadcast-edit-form{display:grid;grid-gap:8px;gap:8px}.assign-attach-grid{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 14px}.assign-attach-item{margin:0;max-width:min(100%,360px);background:var(--paper-2,#f7f7f5);border:1px solid var(--line,#e5e2dc);border-radius:12px;overflow:hidden}.assign-attach-item img,.assign-attach-item video{display:block;width:100%;max-height:420px;object-fit:contain;background:#111}.assign-attach-item figcaption{padding:6px 10px;font-size:12px;color:var(--muted,#666)}.assign-cal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.assign-cal-grid,.assign-cal-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px}.assign-cal-weekdays{margin-top:12px;margin-bottom:4px;text-align:center;color:var(--muted);font-size:13px;font-weight:600}.assign-cal-cell{min-height:78px;border:1px solid var(--line,#e5e2dc);border-radius:10px;background:var(--paper-2,#faf9f6);padding:6px;text-align:right;cursor:pointer;display:flex;flex-direction:column;gap:3px;color:inherit}.assign-cal-cell.empty{border:0;background:transparent;min-height:0;cursor:default}.assign-cal-cell.today{border-color:color-mix(in srgb,var(--accent,#0b6e4f) 55%,transparent)}.assign-cal-cell.selected{outline:2px solid var(--accent,#0b6e4f);outline-offset:1px;background:color-mix(in srgb,var(--accent,#0b6e4f) 10%,#fff)}.assign-cal-cell.has-hw{background:color-mix(in srgb,var(--accent,#0b6e4f) 7%,var(--paper-2,#faf9f6))}.assign-cal-day{font-weight:700;font-size:14px}.assign-cal-title{display:block;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent,#0b6e4f)}.assign-cal-more{font-size:11px;color:var(--muted)}@media (max-width:720px){.assign-cal-cell{min-height:64px;padding:4px}.assign-cal-title{font-size:10px}}.chat-container{display:flex;height:calc(100vh - 210px);min-height:540px;max-height:840px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-top:10px}.chat-sidebar{width:320px;flex-shrink:0;border-left:1px solid var(--line);display:flex;flex-direction:column;background:color-mix(in srgb,var(--paper) 65%,#fff)}.chat-sidebar-head{padding:14px 16px;border-bottom:1px solid var(--line);background:var(--paper-2)}.chat-class-list{flex:1 1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.chat-class-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--paper-2);text-align:right;cursor:pointer;width:100%;height:auto;min-height:auto;box-shadow:0 1px 3px rgba(18,58,122,.04);color:var(--ink);font-weight:400;justify-content:flex-start;transition:all .16s ease;position:relative;flex-shrink:0;box-sizing:border-box}.chat-class-item:hover{background:color-mix(in srgb,var(--accent) 5%,#fff);border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 4px 10px rgba(18,58,122,.08);filter:none}.chat-class-item.active{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 4px 14px rgba(29,111,214,.16);filter:none}.chat-class-icon{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,#fff);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;margin-top:1px}.chat-class-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:right}.chat-class-name{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;line-height:1.4;width:100%}.chat-class-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--ink)}.chat-class-time{font-size:11px;color:var(--muted);flex-shrink:0;font-weight:400}.chat-class-sub{font-size:11.5px;line-height:1.35}.chat-class-snippet,.chat-class-sub{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-class-snippet{font-size:12px;line-height:1.4;margin-top:2px}.chat-class-snippet.hint{color:color-mix(in srgb,var(--muted) 80%,transparent)}.chat-class-snippet .sender{font-weight:600;color:var(--accent-2)}.chat-main-area{flex:1 1;flex-direction:column;min-width:0}.chat-main-area,.chat-main-header{display:flex;background:var(--paper-2)}.chat-main-header{padding:12px 18px;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between}.chat-back-btn{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:0 10px;font-size:14px;cursor:pointer;color:var(--ink);height:32px;min-height:32px;box-shadow:none;font-weight:400}.chat-pinned-banner{display:flex;align-items:center;gap:10px;padding:8px 16px;background:color-mix(in srgb,var(--accent-soft) 70%,#fff);border-bottom:1px solid var(--line)}.chat-messages-container{flex:1 1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--paper) 40%,transparent) 0,transparent 80%)}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;color:var(--muted)}.chat-empty-state h3,.chat-empty-state h4{margin:12px 0 4px;color:var(--ink)}.chat-date-divider{display:flex;align-items:center;justify-content:center;margin:14px 0 8px;position:relative}.chat-date-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line);z-index:0}.chat-date-divider span{position:relative;z-index:1;background:var(--paper);border:1px solid var(--line);padding:3px 14px;border-radius:16px;font-size:11.5px;color:var(--muted);font-weight:600}.chat-bubble-row{display:flex;align-items:flex-end;gap:10px;width:100%}.chat-bubble-row.mine,.chat-bubble-row.other{justify-content:flex-start}.chat-bubble-row.mine .chat-bubble{background:color-mix(in srgb,var(--accent) 9%,#fff);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-bottom-right-radius:4px}.chat-bubble-row.other .chat-bubble{background:#ffffff;border:1px solid var(--line);border-bottom-left-radius:4px}.chat-bubble{max-width:min(85%,560px);padding:10px 14px;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.chat-sender-avatar{flex-shrink:0;margin-bottom:2px}.chat-bubble-head{display:flex;align-items:center;gap:6px;margin-bottom:4px}.chat-sender-name{font-size:12px;font-weight:700;color:var(--ink)}.chat-role-badge{font-size:10px;padding:1px 6px;border-radius:10px;font-weight:600}.chat-role-badge.teacher{background:#fef08a;color:#854d0e}.chat-role-badge.student{background:var(--paper);color:var(--muted)}.chat-role-badge.admin{background:#e0e7ff;color:#3730a3}.chat-bubble-body{font-size:13.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;color:var(--ink)}.chat-attachments{margin-top:8px;display:flex;flex-direction:column;gap:8px}.chat-media-item{border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#000;max-width:380px;position:relative}.chat-media-item img,.chat-media-item video{display:block;width:100%;max-height:320px;object-fit:contain}.chat-media-item img{cursor:zoom-in;transition:opacity .15s ease}.chat-media-item img:hover{opacity:.94}.chat-media-name{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;font-size:11px;color:var(--muted);background:var(--paper-2)}.chat-audio-item{padding:6px 10px;background:var(--paper);border:1px solid var(--line);border-radius:10px;max-width:100%}.chat-audio-item audio{width:100%;min-width:220px;height:36px}.chat-file-pill{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--paper);border:1px solid var(--line);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s,background .15s;max-width:100%}.chat-file-pill:hover{background:color-mix(in srgb,var(--accent) 8%,#fff);border-color:var(--accent)}.chat-file-name{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-bubble-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.chat-time{font-size:10.5px;color:var(--muted)}.chat-bubble-actions{display:flex;align-items:center;gap:4px}.chat-action-btn{height:24px;min-height:24px;padding:0 6px;font-size:12px;line-height:1;opacity:.7;cursor:pointer;border-radius:6px;border:none;background:transparent;box-shadow:none;color:inherit;font-weight:400;display:inline-flex;align-items:center;justify-content:center}.chat-action-btn:hover{opacity:1;background:rgba(0,0,0,.06);filter:none}.chat-action-btn.danger:hover{background:rgba(180,35,24,.1);color:var(--danger)}.chat-selected-file-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--accent-soft);border-top:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.chat-input-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line);background:var(--paper-2)}.chat-attach-btn{width:40px;height:40px;min-height:40px;border-radius:50%;border:1px solid var(--line);background:var(--paper);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:none;font-weight:400;color:var(--ink);padding:0;transition:background .15s,border-color .15s}.chat-attach-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,#fff);border-color:var(--accent);filter:none}.chat-textarea{flex:1 1;min-height:40px;max-height:120px;resize:none;padding:8px 14px;border-radius:20px;border:1px solid var(--line);background:var(--paper);font-family:inherit;font-size:13.5px;line-height:1.5;outline:none;transition:border-color .15s,background .15s}.chat-textarea:focus{border-color:var(--accent);background:#ffffff}.chat-send-btn{width:40px;height:40px;min-height:40px;border-radius:50%;border:none;background:var(--accent);color:#ffffff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 4px 10px rgba(29,111,214,.25);font-weight:400;padding:0;transition:background .15s,transform .1s}.chat-send-btn:hover:not(:disabled){background:var(--accent-2);transform:scale(1.05);filter:none}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-image-preview-root{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.93);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;animation:chatFadeIn .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-image-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:rgba(15,23,42,.75);color:#f8fafc;border-bottom:1px solid rgba(255,255,255,.12);flex-shrink:0;z-index:10}.chat-image-preview-close-btn{width:38px;height:38px;min-height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.15);color:#ffffff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px rgba(0,0,0,.3)}.chat-image-preview-close-btn:hover{background:rgba(239,68,68,.95);border-color:rgba(239,68,68,1);transform:scale(1.08)}.chat-image-preview-download-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#ffffff!important;font-size:12.5px;font-weight:600;text-decoration:none!important;transition:all .15s ease}.chat-image-preview-download-btn:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.03)}.chat-image-preview-body{flex:1 1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;cursor:zoom-out}.chat-image-preview-img{max-width:95vw;max-height:calc(100dvh - 110px);object-fit:contain;border-radius:10px;box-shadow:0 16px 48px rgba(0,0,0,.7);cursor:default;animation:chatScaleUp .22s ease-out}.chat-modal-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:chatFadeIn .15s ease-out}.chat-modal-card{background:var(--paper-2);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 45px -10px rgba(0,0,0,.25);width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:chatScaleUp .18s ease-out}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--paper)}.chat-modal-close-btn{width:32px;height:32px;min-height:32px;border-radius:50%;border:1px solid var(--line);background:var(--paper-2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:var(--muted);transition:all .15s}.chat-modal-close-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.chat-modal-body{padding:16px 18px;overflow-y:auto;flex:1 1}@keyframes chatFadeIn{0%{opacity:0}to{opacity:1}}@keyframes chatScaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:inline-flex!important}.hide-mobile{display:none!important}.chat-container{height:calc(100dvh - 165px);min-height:480px;max-height:none;border-radius:12px;margin-top:4px}.chat-sidebar{width:100%}.chat-main-area.hide-mobile,.chat-sidebar.hide-mobile{display:none!important}.chat-sidebar-head{padding:10px 12px}.chat-class-list{padding:6px;gap:6px}.chat-class-item{padding:10px 12px;gap:10px;border-radius:12px}.chat-class-icon{width:38px;height:38px;font-size:18px}.chat-main-header{padding:8px 10px;gap:6px}.chat-header-title{font-size:14px!important;line-height:1.3;margin:0}.chat-header-sub,.chat-header-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 160px)}.chat-header-sub{font-size:11px!important;margin-top:2px}.chat-messages-container{padding:10px 8px;gap:8px}.chat-bubble-row{gap:6px}.chat-bubble{max-width:90%;padding:8px 11px;border-radius:12px}.chat-bubble-body{font-size:13px;line-height:1.6}.chat-media-item{max-width:100%}.chat-media-item img,.chat-media-item video{max-height:240px}.chat-input-toolbar{padding:6px 8px;gap:6px}.chat-textarea{font-size:16px!important;padding:8px 12px;border-radius:18px}.chat-attach-btn,.chat-send-btn{width:38px;height:38px;min-height:38px}}@media print{.appbar,.logout-top,.menu-btn,.nav-backdrop,.no-print,.side{display:none!important}.layout{display:block;background:#fff}.main{padding:0!important;max-width:none}.ai-report,.card{box-shadow:none;border:0}body{background:#fff}}