*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Cairo,Tahoma,Segoe UI,sans-serif;background:#f5f7fa;color:#14213a;font-size:15px;line-height:1.6}:root{--green: #1b3560;--green-dark: #10233f;--green-darkest: #0a1628;--gold: #c9971c;--gold-dark: #8a6510;--surface: #fff;--surface-2: #eef2f7;--border: #e2e7ef;--muted: #6b7280;--danger: #b42d2d;--success: #15803d;--warning: #b45309;--info: #1e5490}.hp-wrap{position:relative;display:flex;flex-direction:column;max-width:100%}.hp-wrap>input[type=date]{display:none}.hp-field{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);font-family:inherit;font-size:14px;cursor:pointer;color:inherit;text-align:right}.hp-field:hover{border-color:var(--gold)}.hp-icon{font-size:13px}.hp-main{white-space:nowrap}.hp-main.empty{color:var(--muted)}.hp-caret{font-size:10px;color:var(--muted);margin-right:auto;padding-right:6px}.hp-sub{font-size:11px;color:var(--muted);margin-top:3px}.hp-sub:empty{display:none}.hp-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:500;width:282px;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;box-shadow:0 18px 50px #10233f40;padding:12px}.hp-pop.up{top:auto;bottom:calc(100% + 6px)}.hp-tabs{display:flex;gap:4px;background:var(--surface-2);border-radius:9px;padding:3px;margin-bottom:10px}.hp-tab{flex:1;border:none;background:transparent;padding:6px;border-radius:7px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer}.hp-tab.active{background:var(--green-dark);color:#fff}.hp-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.hp-title{text-align:center;font-weight:800;font-size:14px;color:var(--green-dark)}.hp-title-sub{font-size:10.5px;font-weight:400;color:var(--muted);margin-top:1px}.hp-nav{width:30px;height:30px;flex-shrink:0;border:1px solid var(--border);background:var(--surface);border-radius:8px;font-size:16px;cursor:pointer;color:var(--green-dark)}.hp-nav:hover{background:var(--surface-2)}.hp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.hp-wd{font-size:10px;color:var(--muted);text-align:center;padding:3px 0;font-weight:700}.hp-day{border:1.5px solid transparent;background:transparent;border-radius:8px;padding:6px 0;font-family:inherit;font-size:13px;cursor:pointer;text-align:center;color:inherit}.hp-day:hover{background:var(--surface-2)}.hp-day.today{border-color:var(--gold)}.hp-day.selected{background:var(--green-dark);color:#fff;font-weight:700}.hp-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.hp-today-btn{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:700;color:var(--green-dark);cursor:pointer}.hp-foot-info{font-size:11px;color:var(--muted)}header{background:var(--green);color:#fff;padding:14px 16px;position:sticky;top:0;z-index:50;box-shadow:0 4px 20px #1b356040}.header-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.logo{width:42px;height:42px;background:var(--gold);color:var(--green-dark);border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px}.brand-name{font-weight:700;font-size:20px}.brand-tag{font-size:10px;background:var(--gold);color:var(--green-dark);padding:2px 6px;border-radius:4px;font-weight:700;margin-right:6px}.school-switcher{margin-right:auto;padding:7px 14px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:18px;font-size:12.5px;font-weight:600;cursor:pointer;color:#fff;display:flex;align-items:center;gap:6px;font-family:inherit}.school-switcher:hover{background:#ffffff38}.header-widgets{margin-right:auto;display:flex;flex-direction:column;align-items:stretch;gap:6px}.header-widgets .school-switcher{margin-right:0;border-radius:12px;text-align:center}.header-clock{display:flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:5px 12px;user-select:none}.hc-face{width:46px;height:46px;flex-shrink:0;display:block}.hcf-rim{fill:#ffffff0f;stroke:var(--gold);stroke-width:1.4}.hcf-tick{stroke:#ffffff59;stroke-width:1;stroke-linecap:round}.hcf-tick.major{stroke:var(--gold);stroke-width:1.6}.hcf-hour{stroke:#fff;stroke-width:2.6;stroke-linecap:round}.hcf-min{stroke:#fff;stroke-width:1.7;stroke-linecap:round}.hcf-sec{stroke:var(--gold);stroke-width:1;stroke-linecap:round}.hcf-cap{fill:var(--gold)}.hc-dates{display:flex;flex-direction:column;line-height:1.4;border-right:1px solid rgba(255,255,255,.15);padding-right:10px}.hc-hijri{font-size:11.5px;font-weight:700;color:#fff;white-space:nowrap}.hc-greg{font-size:10.5px;color:#fff9;white-space:nowrap}@media (prefers-reduced-motion: reduce){.hcf-sec{display:none}}@media (max-width: 560px){.hc-face{width:38px;height:38px}.hc-greg{display:none}.header-clock{padding:4px 10px;gap:8px}}.tabs-bar{display:flex;gap:4px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.tabs-bar::-webkit-scrollbar{display:none}.tab{flex-shrink:0;padding:8px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#ffffffd9;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .15s}.tab:hover{background:#ffffff26;color:#fff}.tab.active{background:var(--gold);color:var(--green-dark);font-weight:700;border-color:var(--gold)}.sub-tab{padding:10px 16px;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:13.5px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .2s}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.settings-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 12px;cursor:pointer;text-align:center;transition:all .3s;font-family:inherit}.settings-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #1b35601a;border-color:var(--gold)}.settings-card .sc-icon{width:52px;height:52px;margin:0 auto 10px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff}.settings-card .sc-title{font-weight:800;color:var(--green-darkest);font-size:13.5px;margin-bottom:4px}.settings-card .sc-desc{font-size:11.5px;color:var(--muted)}.template-card{background:#fff;border:2px solid var(--border);border-radius:16px;padding:18px;cursor:pointer;transition:all .3s;font-family:inherit;text-align:right;position:relative}.template-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 12px 30px #1b35601f}.template-card.featured{border-color:var(--gold);background:#fff7e6}.template-card .tc-emoji{font-size:36px;margin-bottom:8px}.template-card .tc-name{font-weight:800;font-size:16px;color:var(--green-darkest);margin-bottom:4px}.template-card .tc-desc{font-size:12.5px;color:var(--muted);line-height:1.5}.template-card .tc-badge{position:absolute;top:-10px;left:14px;background:var(--gold);color:var(--green-darkest);padding:3px 10px;border-radius:100px;font-size:10.5px;font-weight:800}.tpl-category{margin-bottom:18px}.tpl-cat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--green-darkest);border-radius:12px 12px 0 0}.tpl-cat-title{font-weight:800;color:var(--gold);font-size:14.5px}.tpl-cat-desc{color:#ffffffb3;font-size:11px}.tpl-cat-body{background:var(--surface-2);border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;padding:12px}.tpl-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-card.compact{padding:12px}.template-card.compact .tc-emoji{font-size:26px;margin-bottom:4px}.template-card.compact .tc-name{font-size:14px}.template-card.compact .tc-desc{font-size:11.5px;line-height:1.4}.sub-tab:hover{color:var(--green-dark)}.sub-tab.active{color:var(--green-dark);border-bottom-color:var(--gold)}.load-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:6px}.load-name{flex:1;font-weight:600;font-size:13.5px;color:var(--text)}.load-count{font-weight:800;padding:4px 10px;border-radius:8px;min-width:32px;text-align:center;font-size:13px}.load-low{background:#fef3c7;color:#92400e}.load-fair{background:#dcfce7;color:#15803d}.load-high{background:#fee2e2;color:#991b1b}.sup-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:10px;transition:all .2s}.sup-card:hover{box-shadow:0 4px 12px #1b356014}.sup-card.urgent{border-color:#fca5a5;background:#fef2f2}.sup-type{font-weight:800;color:var(--green-dark);font-size:14.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.sup-teachers{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.sup-actions{display:flex;gap:6px;flex-wrap:wrap}main{max-width:1400px;margin:0 auto;padding:20px 16px 60px}.page{display:none}.page.active{display:block}.page-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px}.page-title{font-size:24px;color:var(--green-dark);font-weight:700;margin-bottom:4px}.page-desc{color:var(--muted);font-size:13.5px}.btn{padding:9px 16px;border-radius:9px;border:none;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green-dark)}.btn-gold{background:var(--gold);color:var(--green-dark)}.btn-red{background:var(--danger);color:#fff}.btn-ghost{background:var(--surface-2);color:var(--green-dark);border:1px solid var(--border)}.btn-sm{padding:6px 10px;font-size:12px}.btn-icon{width:32px;height:32px;padding:0;border-radius:8px;justify-content:center}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:12px}.hero{background:var(--green);color:#fff;border-radius:16px;padding:24px;margin-bottom:20px}.hero h2{font-size:22px;margin-bottom:6px}.hero p{opacity:.9;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center}.stat-clickable{cursor:pointer;transition:all .2s;position:relative}.stat-clickable:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1b356026;border-color:var(--gold)}.stat-clickable:active{transform:translateY(-1px)}.stat-hint{font-size:10px;color:var(--gold-dark);margin-top:6px;font-weight:700;opacity:.85}.stat-number{font-size:26px;font-weight:800;color:var(--green-dark);line-height:1;margin-bottom:4px}.stat-label{font-size:11.5px;color:var(--muted)}.list-item{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:15px}.avatar.gold{background:var(--gold);color:var(--green-dark)}.item-main{flex:1;min-width:0}.item-title{font-weight:600;font-size:14.5px}.item-sub{font-size:12.5px;color:var(--muted);margin-top:3px}.item-actions{display:flex;gap:4px;flex-shrink:0}.chip{display:inline-block;padding:2px 8px;border-radius:100px;font-size:11px;background:var(--surface-2);color:var(--muted);margin-inline-end:3px;font-weight:500}.chip.green{background:#e8f5ee;color:var(--success)}.chip.gold{background:#f5ead1;color:var(--gold-dark)}.chip.red{background:#fef2f2;color:var(--danger)}.progress{height:8px;background:var(--surface-2);border-radius:100px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;background:var(--green);border-radius:100px}.info-box{background:#fff7e6;border:1px solid var(--gold);border-radius:11px;padding:12px 16px;margin-bottom:18px;display:flex;gap:10px;align-items:flex-start}.info-box-icon{font-size:20px;flex-shrink:0}.info-box-text{font-size:13px;color:var(--gold-dark);line-height:1.55}.info-box-text strong{color:var(--green-dark)}.info-box.green{background:#f0fdf4;border-color:var(--success)}.info-box.green .info-box-text{color:var(--success)}.modal-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:9996;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:17px;font-weight:700;color:var(--green-dark)}.modal-close{width:32px;height:32px;border:none;background:var(--surface-2);border-radius:8px;cursor:pointer;font-size:16px;color:var(--muted)}.modal-body{padding:22px}.modal-footer{padding:16px 22px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--green-dark);font-weight:600;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;background:#fff;color:var(--green-dark)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #1b356014}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.table-wrap{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{background:var(--green);color:#fff;padding:10px 6px;font-weight:600;font-size:12.5px}td{padding:6px 4px;text-align:center;border-bottom:1px solid var(--border);vertical-align:middle;position:relative;min-height:54px;height:54px}tr:last-child td{border-bottom:none}tr:nth-child(2n) td{background:#fafaf7}.cell-subj{font-weight:700;font-size:12px;color:var(--green-dark)}.cell-teach{font-size:10.5px;color:var(--muted);margin-top:2px}.cell-empty{color:#ccc;font-style:italic;cursor:pointer}.cell-empty:hover{background:#f0fdf4!important;color:var(--success)}.cell-content{cursor:pointer;padding:4px;border-radius:6px}.cell-content:hover{background:#1b35600f!important}.day-name{background:var(--surface-2)!important;font-weight:700;color:var(--green-dark);font-size:12.5px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background:var(--green-dark);color:#fff;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;box-shadow:0 8px 30px #0000004d;z-index:10001;opacity:0;transition:all .3s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.success{background:var(--success)}.toast.danger{background:var(--danger)}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.class-card{padding:14px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;position:relative}.class-card:hover{background:var(--gold);border-color:var(--gold)}.class-grade{font-size:11.5px;color:var(--muted);font-weight:500}.class-section{font-size:18px;font-weight:800;color:var(--green-dark);margin:4px 0}.class-leader{font-size:11px;color:var(--gold-dark);font-weight:600}.class-students{font-size:10.5px;color:var(--muted);margin-top:2px}.class-actions-btn{position:absolute;top:6px;left:6px;display:flex;gap:3px;opacity:0;transition:opacity .15s}.class-card:hover .class-actions-btn{opacity:1}.ca-btn{width:24px;height:24px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 6px #00000026;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center}.ca-btn.edit{color:var(--info)}.ca-btn.delete{color:var(--danger)}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state .icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state .title{font-size:16px;color:var(--green-dark);font-weight:600;margin-bottom:6px}.empty-state .desc{font-size:13px;margin-bottom:14px}.school-info-card{background:var(--green);color:#fff;border-radius:14px;padding:20px;margin-bottom:20px}.school-info-card h3{font-size:20px;margin-bottom:14px}.school-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13.5px}.school-info-row:last-child{border-bottom:none}.school-info-row .label{opacity:.7}.school-info-row .value{font-weight:600}.suggestion-card{background:#f0fdf4;border:1px solid var(--success);border-right:4px solid var(--success);border-radius:10px;padding:12px 14px;margin:6px 0}.suggestion-title{font-weight:700;color:var(--success);font-size:13.5px;margin-bottom:4px}.suggestion-body{font-size:12.5px;color:var(--green-dark)}@keyframes ctaIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){#upgrade-cta{animation:none!important}}@media (max-width: 480px){#upgrade-cta{bottom:12px!important;left:12px!important;right:12px!important;width:auto!important}}.sv-box{background:#fffdf7;border:1px solid var(--gold);border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:0 6px 20px #051a130f}.sv-title{display:flex;align-items:center;gap:7px;font-weight:800;color:var(--green-darkest);font-size:14px;margin-bottom:12px}.sv-title:after{content:"";flex:1;height:1px;background:transparent}.sv-row{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}.sv-card{flex:1;min-width:140px;padding:12px 14px;border-radius:12px;cursor:pointer;font-family:inherit;text-align:right;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.sv-card:hover{transform:translateY(-2px)}.sv-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sv-card-name{font-weight:800;font-size:13.5px;display:flex;align-items:center;gap:6px}.sv-card-desc{font-size:10.5px;margin-top:3px;opacity:.75}.sv-card-count{font-size:10.5px;margin-top:6px;font-weight:700}.sv-card.is-idle{background:var(--surface);color:var(--green-darkest);border:1px solid var(--border);box-shadow:0 2px 6px #051a130d}.sv-card.is-idle:hover{border-color:var(--gold);box-shadow:0 8px 20px #051a131a}.sv-card.is-idle .sv-card-count{color:var(--muted)}.sv-card.is-main-active{background:var(--green-darkest);color:#fff;border:1px solid var(--green-dark);box-shadow:0 6px 16px #051a1347}.sv-card.is-main-active .sv-card-count{color:var(--gold)}.sv-card.is-sub-active{background:#7c2d12;color:#fff;border:1px solid #b45309;box-shadow:0 6px 16px #7c2d1247}.sv-card.is-sub-active .sv-card-count{color:#fcd34d}.sv-card.is-sub-idle{background:var(--surface);color:#92400e;border:1px solid #fed7aa;box-shadow:0 2px 6px #7c2d120f}.sv-card.is-sub-idle:hover{border-color:#b45309;box-shadow:0 8px 20px #7c2d121f}.sv-card.is-sub-idle .sv-card-count{color:#b45309}.sv-card.sv-generate{background:#1e3a5f;color:#fff;border:1px solid #1d4ed8;font-weight:800;box-shadow:0 6px 16px #1d4ed847}.sv-card.sv-generate:hover{box-shadow:0 10px 24px #1d4ed857}.pw-wrap{position:relative;display:block}.pw-wrap>input{padding-left:42px!important}.pw-toggle{position:absolute;left:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--muted);cursor:pointer;transition:color .18s ease,background .18s ease}.pw-toggle:hover{color:var(--green-dark);background:#1b356012}.pw-toggle:focus-visible{outline:2px solid var(--green);outline-offset:1px;color:var(--green-dark)}.pw-toggle svg{width:19px;height:19px;display:block;pointer-events:none}.pw-toggle .pw-icon-hide,.pw-toggle.is-revealed .pw-icon-show{display:none}.pw-toggle.is-revealed .pw-icon-hide{display:block}.pw-wrap>input::-ms-reveal,.pw-wrap>input::-ms-clear{display:none}.paywall-close{position:absolute;top:14px;left:14px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:var(--surface-2);border:1px solid var(--border);border-radius:50%;color:var(--muted);cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease}.paywall-close:hover{color:var(--green-darkest);background:#ece4d6;border-color:var(--gold)}.paywall-close:focus-visible{outline:2px solid var(--green);outline-offset:2px}.paywall-close svg{width:17px;height:17px;display:block;pointer-events:none}.link-btn{background:none;border:none;padding:2px 4px;font-family:inherit;font-size:13px;font-weight:700;color:var(--green);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--green-darkest)}.link-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}.verify-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff7e6;border-bottom:1px solid var(--gold);color:#6b4f1d;font-size:13px;font-weight:600;padding:9px 16px}.verify-banner .vb-text{flex:1;min-width:200px}.verify-banner .link-btn{color:#92400e}.verify-banner .link-btn:hover{color:#6b4f1d}.verify-banner .vb-close{background:none;border:none;color:#92400e;cursor:pointer;font-size:17px;line-height:1;padding:2px 6px;border-radius:6px}.verify-banner .vb-close:hover{background:#6b4f1d1a}.idea-h2{font-size:17px;font-weight:800;color:var(--green-dark);margin:22px 0 10px}.idea-h2:first-of-type{margin-top:14px}.idea-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.idea-step{margin-bottom:0;border-top:3px solid var(--gold)}.idea-step-num{font-size:12px;font-weight:800;color:var(--gold-dark);letter-spacing:1px;margin-bottom:6px}.idea-step-title{font-size:14.5px;font-weight:800;color:var(--green-dark);margin-bottom:4px}.idea-step-desc{font-size:12.5px;color:var(--muted);line-height:1.6}.idea-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.idea-tier{margin-bottom:0}.idea-tier-label{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:6px}.idea-tier-value{font-size:18px;font-weight:800;color:var(--gold-dark);margin-bottom:6px}.idea-tier-name{font-size:13.5px;font-weight:800;color:var(--green-dark);margin-bottom:4px}.idea-tier-desc{font-size:12.5px;color:var(--muted);line-height:1.6}.idea-fineprint{font-size:12px;color:var(--muted);line-height:1.7;margin:10px 2px 0}.idea-cond-intro{font-size:13px;font-weight:700;color:var(--green-dark);margin-bottom:10px}.idea-conds,.idea-notes{list-style:none;display:grid;gap:9px}.idea-conds li,.idea-notes li{font-size:13px;color:var(--muted);line-height:1.65;padding-right:24px;position:relative}.idea-conds li strong,.idea-notes li strong{color:var(--green-dark)}.idea-conds li:before{content:"✓";position:absolute;right:0;top:0;color:var(--success);font-weight:800}.idea-notes li:before{content:"•";position:absolute;right:4px;top:-1px;color:var(--gold-dark);font-weight:800;font-size:16px}.idea-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.idea-link{margin-bottom:0;display:flex;align-items:center;gap:12px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.idea-link:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 8px 20px #1b35601f}.idea-link-icon{font-size:26px;flex-shrink:0}.idea-link-title{font-size:14px;font-weight:800;color:var(--green-dark);margin-bottom:3px}.idea-link-desc{font-size:12px;color:var(--muted);line-height:1.55}.idea-link-arrow{margin-right:auto;font-size:18px;color:var(--gold-dark);flex-shrink:0}@media (max-width: 900px){.idea-steps{grid-template-columns:repeat(2,1fr)}.idea-tiers,.idea-links{grid-template-columns:1fr}}@media (max-width: 520px){.idea-steps{grid-template-columns:1fr}}.stage-switcher{display:block;margin-top:6px}#semester-select,.stage-switcher .stage-select{min-width:132px;width:132px}.stage-switcher[hidden]{display:none}.stage-tab{border:0;background:transparent;color:#ffffffd9;border-radius:100px;padding:4px 12px;font:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap}.stage-tab.on{background:var(--gold,#c9971c);color:#1a1405;font-weight:700}#allocations-content .alloc-head{display:grid;gap:10px;margin-bottom:12px}#allocations-content .chips{display:flex;gap:6px;flex-wrap:wrap}#allocations-content .chip.red{background:#fee2e2;color:#991b1b}#allocations-content .tabs{display:flex;gap:6px;overflow-x:auto}#allocations-content .tabs button{border:1px solid var(--border,#e5e7eb);background:#fff;border-radius:100px;padding:6px 14px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}#allocations-content .tabs button[aria-selected=true]{background:var(--green-dark,#1b3560);color:#fff;border-color:transparent}#allocations-content .actions{display:flex;gap:8px;flex-wrap:wrap}#allocations-content .alert,#alloc-preview-body .alert{background:#fff7e6;border:1px solid #f0d49a;border-radius:10px;padding:10px 12px;font-size:13px}#alloc-preview-body .alert.danger{background:#fee2e2;border-color:#fca5a5}#allocations-content .table-wrap,#alloc-preview-body{overflow-x:auto}#allocations-content table,#alloc-preview-body table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;border-radius:10px;margin-bottom:10px}#allocations-content th,#allocations-content td,#alloc-preview-body th,#alloc-preview-body td{padding:8px;border-bottom:1px solid #eee;text-align:right}#allocations-content tr.bad td{background:#fef2f2}#allocations-content tr.warn td{background:#fffbeb}#allocations-content details{background:#fff;border:1px solid #eee;border-radius:12px;padding:10px 12px;margin-bottom:10px}#allocations-content summary{cursor:pointer;font-weight:700}#allocations-content .note{font-size:12px;color:var(--muted)}.sections-bar{display:flex;gap:4px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.sections-bar::-webkit-scrollbar,.sub-tabs::-webkit-scrollbar{display:none}.sections-bar button{flex-shrink:0;padding:9px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#ffffffd9;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.sections-bar button.on{background:var(--gold);color:#1a1405;border-color:transparent}.sub-tabs{display:flex;gap:6px;overflow-x:auto;padding:8px 0 0;scrollbar-width:none}.sub-tabs:empty{display:none}.sub-tabs button{flex-shrink:0;padding:5px 13px;background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:100px;color:#fffc;font:inherit;font-size:12.5px;cursor:pointer}.sub-tabs button.on{background:#fff;color:var(--green-dark);font-weight:700;border-color:#fff}.bottom-nav{display:none}@media (max-width: 760px){.sections-bar{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9990;background:#fff;border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 16px #10233f0f}.bottom-nav button{flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;font-size:11px;color:var(--muted);padding:3px 0;cursor:pointer}.bottom-nav .bn-ic{font-size:19px;line-height:1.2;filter:grayscale(.6)}.bottom-nav button.on{color:var(--green-dark);font-weight:700}.bottom-nav button.on .bn-ic{filter:none}main{padding-bottom:84px!important}.toast{bottom:84px}}.more-sheet{position:fixed;inset:0;background:#0a162873;z-index:9997;display:flex;align-items:flex-end}.more-card{background:#fff;width:100%;border-radius:18px 18px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px));max-height:80vh;overflow:auto}.more-sec{font-weight:700;color:var(--green-dark);margin:6px 0 8px}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.more-grid button{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:12px;font:inherit;font-size:13.5px;cursor:pointer;text-align:right}.tabs-bar[hidden]{display:none!important}.journey .jr-bar{height:8px;background:var(--surface-2);border-radius:6px;overflow:hidden;margin:10px 0 6px}.journey .jr-bar i{display:block;height:100%;background:var(--gold);border-radius:6px}.jr-steps{list-style:none;margin:0;padding:0}.jr-steps .jr{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.jr-steps .jr:last-child{border-bottom:0}.jr-n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;flex:none;border:2px solid var(--border);background:#fff}.jr.done .jr-n{background:var(--gold);border-color:var(--gold);color:#1a1405}.jr.current .jr-n{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.jr.locked{opacity:.55}.jr-t{flex:1;display:flex;flex-direction:column;font-size:14px}.jr-t small{font-size:12px;color:var(--muted)}.rv-list{margin:8px 0 0;padding-inline-start:18px;font-size:13.5px}.rv-list li{margin-bottom:6px}.rv-list .btn{margin-inline-start:6px}@media (max-width: 760px){header{position:relative}}.hero.hero-compact{padding:16px 18px;margin-bottom:14px}.hero-row{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.hero-compact h2{font-size:19px;margin-bottom:2px}.hero-actions{display:flex;gap:6px;flex-wrap:wrap}.hero-ghost{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.more-sheet{animation:fadeIn .18s ease-out}.more-card{animation:sheetUp .24s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 40px #0a16282e}.more-handle{width:42px;height:5px;border-radius:5px;background:#d6dde8;margin:0 auto 12px}.more-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.more-head b{font-size:16px;color:var(--green-dark)}.more-close{border:0;background:var(--surface-2);width:34px;height:34px;border-radius:10px;font-size:15px;cursor:pointer;color:var(--muted)}.more-sec{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:700;margin:14px 0 8px}.more-sec:after{content:"";flex:1;height:1px;background:var(--border)}.more-grid{grid-template-columns:repeat(3,1fr)}.more-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 6px;background:#fff;border:1px solid var(--border);border-radius:14px;font-size:12.5px;font-weight:600;color:var(--ink,#14213a);transition:transform .12s,box-shadow .12s}.more-grid button:active{transform:scale(.96)}.more-grid button.on{border-color:var(--gold);box-shadow:0 0 0 2px #c9971c40}.more-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:21px}.q-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.q-legend>div{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.5}.q-legend b{display:block;font-size:14px;color:var(--green-dark);margin-bottom:2px}.q-legend span{color:var(--muted)}@media (max-width:560px){.q-legend{grid-template-columns:1fr}}.q-ok{color:var(--success);font-weight:700}.q-bad{color:var(--danger);font-weight:700}.q-warn{color:var(--warning);font-weight:700}.q-info{color:var(--info);font-weight:600}.q-trio{display:inline-block;font-size:12px;color:var(--muted);margin-inline-start:6px;white-space:nowrap}.q-trio b{color:var(--green-dark)}body.no-students [data-extra=students],body.no-grades [data-extra=grades],body.no-evaluations [data-extra=evaluations]{display:none!important}@media (max-width: 420px){.modal-backdrop{padding:10px}.modal [style*="grid-template-columns:1fr 1fr"],.modal [style*="grid-template-columns: 1fr 1fr"],.modal [style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:1fr!important}.modal .field,.modal label{min-width:0}.hp-field{min-width:0;max-width:100%}.hp-main{white-space:normal}[style*="grid-template-columns:1fr 1fr"]>.btn,[style*="grid-template-columns: 1fr 1fr"]>.btn{min-width:0;white-space:normal}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1 1 auto}}@media (max-width: 360px){.page [style*="grid-template-columns:1fr 1fr"],.page [style*="grid-template-columns: 1fr 1fr"],.page [style*="grid-template-columns:repeat(2"]{grid-template-columns:1fr!important}}#page-assistant button{white-space:normal;max-width:100%}@media (max-width:560px){.q-legend{gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.q-legend>div{border:0;border-radius:0;border-bottom:1px solid var(--border);padding:7px 10px}.q-legend>div:last-child{border-bottom:0}.q-legend b{display:inline;margin-inline-end:6px}}.today-card{border-inline-start:4px solid var(--gold)}.td-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.td-head b{font-size:15px;color:var(--green-dark)}.td-date{font-size:12.5px;color:var(--muted);margin-inline-start:auto}.td-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.td-tile{background:var(--surface-2);border-radius:12px;padding:10px 8px;text-align:center}.td-tile b{display:block;font-size:22px;line-height:1.2;color:var(--green-dark)}.td-tile span{font-size:11.5px;color:var(--muted)}.td-tile.bad b{color:var(--danger)}.td-tile.warn b{color:var(--warning)}.td-tile.ok b{color:var(--success)}.td-actions{display:flex;gap:8px;flex-wrap:wrap}.td-actions .btn{flex:1 1 140px}#page-home .stats-grid{gap:8px}#page-home .stat-card{padding:10px 6px}#page-home .stat-number{font-size:20px}#page-home .stat-hint{display:none}.header-clock .hc-face,.brand-tag{display:none!important}.header-clock{background:none!important;border:0!important;padding:0!important}.hc-hijri{font-size:12px;opacity:.85}header{padding:10px 14px}.header-top{margin-bottom:8px;gap:10px}.header-widgets{display:flex;align-items:center;gap:8px;margin-inline-start:auto;flex-wrap:wrap}#semester-select{width:auto;padding:6px 10px;font-size:12.5px;border-radius:10px}#user-bar{padding:6px 14px!important;font-size:12px!important;border-bottom:1px solid rgba(201,151,28,.35)!important}@media (max-width:760px){.header-top{flex-wrap:nowrap}.header-widgets{gap:6px}.header-clock{display:none!important}#semester-select{max-width:150px;font-size:12px;padding:5px 8px}.sub-tabs{padding-top:4px}}.hero.hero-compact{background:transparent!important;color:var(--green-dark);padding:4px 2px 0;margin-bottom:10px}.hero-compact #homeSubtitle{display:none}.hero-compact h2{font-size:18px}.hero-compact .hero-ghost{background:var(--surface-2);color:var(--green-dark);border:1px solid var(--border)}.status-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;background:#fff;border:1px solid var(--border);border-inline-start:4px solid var(--green-dark);border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:13.5px}.status-bar.ok{border-inline-start-color:var(--success)}.status-bar.warn{border-inline-start-color:var(--warning)}.status-bar.bad{border-inline-start-color:var(--danger)}.sched-primary{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.sched-primary #generate-all-btn{flex:1 1 220px}.sched-view{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.seg{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:3px;gap:3px;overflow-x:auto;max-width:100%}.seg .btn{border:0!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important;white-space:nowrap}.seg .btn.btn-gold{background:#fff!important;color:var(--green-dark)!important;font-weight:700;box-shadow:0 1px 3px #10233f1f!important}#schedule-controls{flex:1 1 180px;display:flex}#schedule-controls select{width:100%}.sched-hint{font-size:12.5px;padding:8px 12px!important}.sched-tools{margin-top:14px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 14px}.sched-tools summary{cursor:pointer;font-weight:700;color:var(--green-dark)}.sched-tools-row{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.sched-tools-sub{font-size:12.5px;color:var(--muted);font-weight:700;margin:12px 0 6px}.sched-hint:empty{display:none!important}.today-actions{display:flex;gap:6px;flex-wrap:wrap}.today-h{font-size:16px;color:var(--green-dark);margin:16px 0 8px}.decisions>b{font-size:15px;color:var(--green-dark)}.decisions ul{list-style:none;margin:8px 0 0;padding:0}.decisions .dec{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:9px 10px;border-radius:10px;margin-bottom:6px;font-size:13.5px;background:var(--surface-2);border-inline-start:3px solid var(--border)}.decisions .dec.bad{border-inline-start-color:var(--danger);background:#fef2f2}.decisions .dec.warn{border-inline-start-color:var(--warning);background:#fffbeb}.dec-ok{margin:8px 0 0;color:var(--success);font-size:13.5px}.today-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.today-link{text-align:right;cursor:pointer;display:flex;flex-direction:column;gap:2px;margin:0;font:inherit}.today-link b{color:var(--green-dark)}.today-link span{font-size:12px;color:var(--muted)}@media (max-width:420px){.today-links{grid-template-columns:1fr}}.day-view{display:none}@media (max-width: 600px){#schedule-content .table-wrap{display:none}.day-view{display:block}}.dv-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:8px;scrollbar-width:none}.dv-chips::-webkit-scrollbar{display:none}.dv-chip{flex:1 0 auto;border:1px solid var(--border);background:#fff;border-radius:100px;padding:8px 14px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer}.dv-chip.on{background:var(--green-dark);color:#fff;border-color:var(--green-dark);font-weight:700}.dv-list{display:flex;flex-direction:column;gap:6px}.dv-row{display:flex;align-items:center;gap:12px;width:100%;text-align:right;background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font:inherit;cursor:pointer;min-height:56px}.dv-row.empty{border-style:dashed;background:transparent}.dv-row.bad{border-color:#fca5a5;background:#fef2f2}.dv-p{display:flex;flex-direction:column;align-items:center;min-width:52px;border-inline-end:1px solid var(--border);padding-inline-end:10px}.dv-p b{font-size:18px;color:var(--green-dark);line-height:1.1}.dv-p small{font-size:11px;color:var(--muted)}.dv-body{display:flex;flex-direction:column;gap:2px;font-size:14px}.dv-body span{font-size:12.5px;color:var(--muted)}.dv-empty,.dv-cont{color:var(--muted);font-size:13px}.dv-break{font-size:12px;color:var(--gold-dark);text-align:center;padding:2px 0}@media (max-width: 600px){.btn{min-height:40px}.btn-sm{min-height:34px}input,select,textarea{font-size:16px}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:100%!important;width:100%;border-radius:18px 18px 0 0;max-height:92vh;padding-bottom:env(safe-area-inset-bottom,0px)}.modal-footer{position:sticky;bottom:0;background:#fff;padding-top:10px;border-top:1px solid var(--border)}.page-header{gap:10px}.page-title{font-size:20px}.table-wrap{-webkit-overflow-scrolling:touch}.sub-tabs button{padding:7px 14px}}:root{--r-sm:8px;--r:12px;--r-lg:14px;--sh:0 1px 2px rgba(16,35,63,.06);--sh-lg:0 12px 32px rgba(16,35,63,.14);--ink:#14213a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:10px;font:inherit;font-size:14px;font-weight:600;line-height:1.3;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-decoration:none}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-green{background:var(--green-dark);color:#fff}.btn-green:hover{background:var(--green)}.btn-gold{background:var(--gold);color:#1a1405}.btn-gold:hover{background:#b88914}.btn-ghost{background:#fff;color:var(--green-dark);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2)}.btn-red{background:#fff;color:var(--danger);border-color:#fecaca}.btn-red:hover{background:#fef2f2}.btn-sm{padding:6px 12px;font-size:12.5px;border-radius:var(--r-sm)}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--r-sm)}.card,.stat-card,.settings-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh)}.card{padding:16px;margin-bottom:12px}.stat-card{padding:12px}.settings-card{transition:border-color .15s}.settings-card:hover{transform:none;box-shadow:var(--sh);border-color:var(--gold)}.settings-card .sc-icon{width:44px;height:44px;font-size:22px;border-radius:12px}.info-box{background:#f8fafc;border:1px solid var(--border);border-inline-start:3px solid var(--gold);border-radius:var(--r);padding:10px 14px;margin-bottom:14px}.info-box-text{color:var(--ink)}.info-box.green{background:#f0fdf4;border-color:#bbf7d0;border-inline-start-color:var(--success)}.chip{padding:2px 10px;font-size:11.5px;border-radius:100px;font-weight:600}.modal{border-radius:16px;box-shadow:var(--sh-lg)}.modal-header{padding:14px 18px}.modal-title{font-size:16px;font-weight:700;color:var(--green-dark)}.modal-close{width:34px;height:34px;border-radius:var(--r-sm)}.modal-body{padding:16px 18px}.modal-footer{padding:12px 18px;gap:8px}.page-title{color:var(--green-dark);font-weight:800}.page-desc{color:var(--muted)}.field label{font-weight:600;font-size:13px;color:var(--ink)}.field input,.field select,.field textarea{border-radius:10px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.empty-state .icon{opacity:.35;font-size:40px}:root{--t-navy:#eef3fb;--t-navy-i:#1b3560;--t-gold:#fbf5e6;--t-gold-i:#8a6510;--t-sage:#edf7f1;--t-sage-i:#2f7a55;--t-sky:#ecf5fd;--t-sky-i:#2a6aa8;--t-rose:#fdf0f0;--t-rose-i:#b4443a;--t-amber:#fdf5e8;--t-amber-i:#b36a12;--t-lav:#f2f0fb;--t-lav-i:#5b4fa8}.td-tile{position:relative;border:1px solid transparent;padding:12px 8px 10px}.td-tile i{font-style:normal;font-size:17px;display:block;margin-bottom:2px;opacity:.9}.td-tile.t-amber{background:var(--t-amber)}.td-tile.t-amber b{color:var(--t-amber-i)}.td-tile.t-rose{background:var(--t-rose)}.td-tile.t-rose b{color:var(--t-rose-i)}.td-tile.t-sky{background:var(--t-sky)}.td-tile.t-sky b{color:var(--t-sky-i)}.td-tile b{font-size:24px}.stat-card.t-gold{background:var(--t-gold);border-color:#f1e3bd}.stat-card.t-gold .stat-number{color:var(--t-gold-i)}.stat-card.t-sky{background:var(--t-sky);border-color:#d4e7f8}.stat-card.t-sky .stat-number{color:var(--t-sky-i)}.stat-card.t-sage{background:var(--t-sage);border-color:#d3eadc}.stat-card.t-sage .stat-number{color:var(--t-sage-i)}.stat-card.t-lav{background:var(--t-lav);border-color:#e0dcf5}.stat-card.t-lav .stat-number{color:var(--t-lav-i)}.class-card{border:1px solid var(--border);border-top:3px solid var(--tc,var(--t-navy-i));background:var(--tb,#fff);transition:border-color .15s,box-shadow .15s}.class-card:hover{background:var(--tb,#fff);border-color:var(--tc);box-shadow:0 4px 14px #10233f14}.class-card.tone-0{--tb:var(--t-sky);--tc:var(--t-sky-i)}.class-card.tone-1{--tb:var(--t-sage);--tc:var(--t-sage-i)}.class-card.tone-2{--tb:var(--t-gold);--tc:var(--t-gold-i)}.class-card.tone-3{--tb:var(--t-lav);--tc:var(--t-lav-i)}.class-card.tone-4{--tb:var(--t-rose);--tc:var(--t-rose-i)}.class-card.tone-5{--tb:var(--t-amber);--tc:var(--t-amber-i)}.class-card .class-section{color:var(--tc)}.avatar.tone-0{background:var(--t-sky);color:var(--t-sky-i)}.avatar.tone-1{background:var(--t-sage);color:var(--t-sage-i)}.avatar.tone-2{background:var(--t-gold);color:var(--t-gold-i)}.avatar.tone-3{background:var(--t-lav);color:var(--t-lav-i)}.avatar.tone-4{background:var(--t-rose);color:var(--t-rose-i)}.avatar.tone-5{background:var(--t-amber);color:var(--t-amber-i)}.avatar[class*=tone-]{font-weight:800}.q-legend>div:nth-child(1){background:var(--t-navy)}.q-legend>div:nth-child(2){background:var(--t-gold)}.q-legend>div:nth-child(3){background:var(--t-sage)}.today-card{background:#fff}.sub-tabs{gap:8px;padding:10px 0 2px}.sub-tabs button{flex:0 0 auto;width:78px;min-height:70px;padding:8px 4px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#ffffffe0;text-align:center}.sub-tabs .st-ic{font-size:21px;line-height:1}.sub-tabs .st-l{font-size:11.5px;line-height:1.25;white-space:normal}.sub-tabs button.on{background:#fff;color:var(--green-dark);border-color:#fff;box-shadow:0 4px 12px #0000002e}@media (max-width:600px){.sub-tabs button{width:72px;min-height:66px}}.td-tile.zero b{color:var(--success)!important}.ic{display:block;flex:none}.sq-navy{background:#1b3560}.sq-gold{background:#c9971c}.sq-sky{background:#2a6aa8}.sq-green{background:#2f7a55}.sq-rose{background:#b4443a}.sq-amber{background:#c07a1a}.sq-violet{background:#5b4fa8}[class*=sq-]{color:#fff}.sections-bar button{display:inline-flex;align-items:center;gap:6px}.sub-tabs .st-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ffffff1f;color:#fff;font-size:0}.sub-tabs button.on .st-ic{background:var(--green-dark);color:#fff}.bottom-nav .bn-ic{filter:none!important;color:var(--muted);display:grid;place-items:center;font-size:0}.bottom-nav button.on .bn-ic{color:var(--gold)}.more-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:0;box-shadow:0 4px 10px #10233f26}.td-tile .td-ic{width:34px;height:34px;border-radius:10px;display:grid!important;place-items:center;margin:0 auto 6px!important;color:#fff;font-size:0}.td-tile.t-amber .td-ic{background:#c07a1a}.td-tile.t-rose .td-ic{background:#b4443a}.td-tile.t-sky .td-ic{background:#2a6aa8}.td-tile.t-amber{border-color:#f3e0bf}.td-tile.t-rose{border-color:#f5d3cf}.td-tile.t-sky{border-color:#cfe2f5}.today-link{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.today-link .tl-ic{grid-row:1/3;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff}.fix-box:empty{display:none}.fix-box{margin:6px 0 4px}.fix-opt{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--t-sage);border:1px solid #d3eadc;border-radius:10px;padding:8px 10px;margin-bottom:6px;font-size:12.5px}.acts{background:var(--surface-2);border-radius:14px;padding:10px 12px;margin-bottom:12px}.acts-h{font-weight:800;color:var(--green-dark);font-size:14px;margin-bottom:6px}.act{display:flex;align-items:center;gap:10px;width:100%;text-align:right;background:transparent;border:0;border-bottom:1px solid var(--border);padding:10px 2px;font:inherit;cursor:pointer;color:inherit}.act:last-child{border-bottom:0}.act-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;color:#fff;background:#1b3560}.act.bad .act-ic{background:#b4443a}.act.warn .act-ic{background:#c07a1a}.act.info .act-ic{background:#2a6aa8}.act-t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.act-t b{font-size:14px;color:var(--ink)}.act-t small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-go{color:var(--muted);font-size:20px}.bk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (max-width:600px){.bk-grid{grid-template-columns:1fr 1fr}}.bk-slot{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px}.bk-slot.main{background:var(--t-navy);border-color:#cfdcf0}.bk-slot.empty{border-style:dashed}.bk-slot b{color:var(--green-dark)}.bk-slot small{color:var(--muted);font-size:12px}.bk-acts{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}@media (min-width: 1024px){html,body{font-size:16px}main{max-width:1240px;padding:24px 28px 60px}#page-schedule{max-width:1400px;margin-inline:auto}main:has(#page-schedule.active){max-width:1440px}header{padding:10px 28px}header>*{max-width:1240px;margin-inline:auto}#user-bar{padding-inline:28px!important}.header-top{margin-bottom:6px}.sections-bar{gap:6px}.sections-bar button{padding:8px 16px;font-size:14px}.sub-tabs{gap:6px;padding:8px 0 2px}.sub-tabs button{width:auto;min-height:0;flex-direction:row;gap:8px;padding:6px 14px 6px 10px;border-radius:12px}.sub-tabs .st-ic{width:28px;height:28px;border-radius:8px}.sub-tabs .st-ic svg{width:17px;height:17px}.sub-tabs .st-l{font-size:13.5px;white-space:nowrap}.page-title{font-size:26px}.page-desc{font-size:14.5px}.sched-primary #generate-all-btn{flex:0 1 420px}.td-actions .btn{flex:0 1 260px}#page-home.active{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0 20px;align-items:start}#page-home>*{grid-column:1 / -1}#page-home>#home-today{grid-column:1;grid-row:span 3}#page-home>#home-journey,#page-home>#home-feed{grid-column:2}#page-home #home-journey .card,#page-home #home-feed .card{margin-top:0}.td-tile b{font-size:28px}.act-t b{font-size:15px}.today-links{grid-template-columns:1fr 1fr}table{font-size:14px}.q-legend>div{font-size:13px}}@media (min-width: 1440px){html,body{font-size:16.5px}}button.td-tile{font:inherit;cursor:pointer;width:100%;transition:transform .12s,box-shadow .12s}button.td-tile:hover{box-shadow:0 4px 14px #10233f1a}button.td-tile:active{transform:scale(.97)}button.td-tile:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tl-list{list-style:none;margin:0;padding:0}.tl-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.tl-list li:last-child{border-bottom:0}.av-s{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;font-weight:800;background:var(--t-amber);color:var(--t-amber-i)}.tl-t{flex:1;display:flex;flex-direction:column;min-width:0}.tl-t small{color:var(--muted);font-size:12.5px}.cell-warn:empty{display:none}.cell-warn{margin-top:6px;border-radius:10px;padding:8px 10px;font-size:13px}.cell-warn.bad{background:#fdf0f0;color:#8f2a22;border:1px solid #f5d3cf}.cell-warn.warn{background:#fdf5e8;color:#7a4a0c;border:1px solid #f3e0bf}#undo-bar{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);z-index:10002;display:flex;align-items:center;gap:14px;background:#10233f;color:#fff;border-radius:14px;padding:10px 12px 10px 16px;box-shadow:0 10px 30px #0a16284d;transition:transform .2s;overflow:hidden;min-width:260px;max-width:92vw}#undo-bar.show{transform:translate(-50%)}#undo-bar .ub-msg{flex:1;font-size:14px}#undo-bar .ub-btn{border:0;background:#c9971c;color:#1a1405;font:inherit;font-weight:800;border-radius:10px;padding:7px 14px;cursor:pointer}#undo-bar .ub-time{position:absolute;left:0;bottom:0;height:3px;background:#c9971c;width:100%;animation:ubt 6s linear forwards}@keyframes ubt{0%{width:100%}to{width:0}}@media (max-width:760px){#undo-bar{bottom:92px}}.save-status{font-size:11.5px;font-weight:700;border-radius:100px;padding:3px 10px;white-space:nowrap}.save-status.ok{background:#2f7a552e;color:#bfe8cf}.save-status.busy{background:#c9971c38;color:#f5dc9c}.save-status.bad{background:#b4443a;color:#fff}.save-status.off{background:#5f6b7d;color:#fff}.pc-unit{border:1px solid var(--border);border-radius:12px;padding:8px 10px;margin:8px 0;background:#fff}.pc-u-h{font-weight:700;color:var(--green-dark);margin-bottom:4px}.pc-opt{display:flex;gap:8px;align-items:flex-start;padding:6px 4px;border-top:1px dashed var(--border);cursor:pointer}.pc-opt small{display:block;color:var(--muted);font-size:12px}.pc-impact{background:var(--t-navy);border-radius:12px;padding:10px 12px;margin-top:10px}.pc-nums{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0;font-size:13px}details.why{margin-top:4px;background:var(--surface-2);border-radius:10px;padding:6px 10px;font-size:12.5px}details.why summary{cursor:pointer;font-weight:700;color:var(--green-dark)}details.why div{margin-top:3px;line-height:1.6}.fi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.fi{border:1px solid var(--border);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;font-size:12.5px}.fi b{color:var(--green-dark)}.fi span{color:var(--muted)}.fi i{font-style:normal;font-weight:700}.fi.ok{background:var(--t-sage)}.fi.ok i{color:var(--t-sage-i)}.fi.warn{background:var(--t-amber)}.fi.warn i{color:var(--t-amber-i)}.fair-t td,.fair-t th{text-align:center;white-space:nowrap}.fair-t td:first-child{text-align:right}.fair-t td.hi{background:#fdf0f0;color:#b4443a;font-weight:800}.th-sort{border:0;background:none;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:0}.th-sort.on{text-decoration:underline;text-underline-offset:4px}.exec-range{font-size:12.5px;color:var(--muted);margin:4px 0 10px}.exec-tiles{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.exec-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px}.exec-cols ol,.exec-cols ul{margin:4px 0 0;padding-inline-start:20px;font-size:13px}.pt-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px 10px;align-items:center;max-width:420px}.pt-h{font-size:12px;color:var(--muted);font-weight:700}.pt-n{font-weight:800;color:var(--green-dark);text-align:center}.dv-empty-state{display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:var(--t-gold);border:1px solid #f1e3bd;border-radius:12px;padding:12px 14px;margin-bottom:10px}.dv-empty-state b{color:var(--green-dark)}.dv-empty-state span{font-size:13px;color:var(--muted)}.fair-t td.best{background:var(--t-sage);color:var(--t-sage-i);font-weight:800}.tv-subs{font-size:9px;color:#2f7a55;margin-top:2px;line-height:1.3}.sb-card{margin-bottom:12px}.sb-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.sb-head b{color:var(--green-dark);font-size:15px}.sb-t{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}.sb-t th{background:var(--navy);color:#fff;padding:5px}.sb-t td{border:1px solid var(--border);padding:4px;text-align:center;vertical-align:top;height:44px}.sb-t td.day{background:var(--t-navy);font-weight:700;width:70px}.sb-t td.sb b{display:block;font-size:10.5px}.sb-t td.sb small{display:block;font-size:9.5px;color:var(--muted);line-height:1.3}.sb-t td.r1{background:#e6f3ec}.sb-t td.r1 b{color:#2f7a55}.sb-t td.r2{background:#e8f1fb}.sb-t td.r2 b{color:#2a6aa8}.sb-t td.r3{background:#fbf1df}.sb-t td.r3 b{color:#9c5a0e}.sb-i+.sb-i{border-top:1px dashed rgba(16,35,63,.15);margin-top:3px;padding-top:3px}.welcome .wl-hello{font-size:22px;font-weight:800;color:var(--green-dark)}.welcome .wl-hello b{color:var(--gold)}.welcome .wl-sub{color:var(--muted);font-size:13.5px;margin:6px 0 14px}.wl-chips{display:flex;gap:8px;flex-wrap:wrap}.wl-chip{position:relative;cursor:pointer}.wl-chip input{position:absolute;opacity:0;inset:0;cursor:pointer}.wl-chip span{display:inline-block;border:1.5px solid var(--border);border-radius:12px;padding:9px 18px;font-weight:700;color:var(--green-dark);background:#fff;transition:.15s}.wl-chip input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}.wl-chip input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.wl-note{text-align:center;font-size:12px;color:var(--muted);margin-top:8px}.dlg{z-index:10020!important}.dlg .dlg-msg{font-size:15px;line-height:1.8;color:var(--text);display:block}.dlg .dlg-title{font-weight:800;color:var(--green-dark);font-size:17px;margin-bottom:10px}.alloc-hint{font-size:13px;color:var(--muted);background:var(--t-gold);border-radius:10px;padding:8px 12px;margin:0 0 10px}.alloc-row{cursor:pointer}.alloc-row:hover td{background:#f6f9fd}.sheet{padding:16px}.sheet-head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.sheet-head b{color:var(--green-dark);font-size:16px}.sheet-head span{color:var(--muted);font-size:13px}.sheet-list{display:flex;flex-direction:column;gap:6px}.sheet-item{display:flex;gap:12px;align-items:center;text-align:right;border:1px solid var(--border);background:#fff;border-radius:12px;padding:11px 12px;font:inherit;cursor:pointer;color:var(--text)}.sheet-item:hover{background:#f6f9fd}.sheet-item b{display:block;font-size:14.5px}.sheet-item small{display:block;color:var(--muted);font-size:12px}.sheet-item .si-ic{font-size:20px;width:28px;text-align:center}.sheet-item.danger b{color:var(--danger)}#schedule-content table{min-width:640px}#schedule-content .card,#schedule-content .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:640px){.att-item{flex-wrap:wrap}.att-item .item-main{flex:1 1 calc(100% - 60px)}.att-item .att-btns{flex:1 1 100%;justify-content:stretch}.att-item .att-btns>*{flex:1 1 auto}}@media (max-width:640px){.t-item{flex-wrap:wrap}.t-item .item-main{flex:1 1 calc(100% - 60px);min-width:0}.t-item .item-actions{flex:1 1 100%;justify-content:flex-start;margin-top:6px}}.hp-veil{position:fixed;inset:0;background:#0a142873;z-index:10030}.hp-pop.sheet{position:fixed!important;inset:50% 12px auto!important;transform:translateY(-50%);z-index:10031;max-height:86vh;overflow:auto;width:auto!important}.sb-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.sb-wrap .sb-t{min-width:620px}.sb-card>summary{list-style:none;cursor:pointer}.sb-card>summary::-webkit-details-marker{display:none}.sb-open{margin-inline-start:auto;font-size:12.5px;color:var(--muted)}.sb-card[open] .sb-open{visibility:hidden}.sb-list{display:none}.sb-day{margin-top:10px}.sb-day>b{display:block;color:var(--green-dark);font-size:13.5px;margin-bottom:4px}.sb-line{display:flex;gap:8px;align-items:baseline;font-size:13px;padding:6px 8px;border-radius:8px;margin-bottom:3px}.sb-line .sb-p{font-weight:700;white-space:nowrap;min-width:62px}.sb-line small{color:var(--muted)}.sb-line.r1{background:#e6f3ec}.sb-line.r2{background:#e8f1fb}.sb-line.r3{background:#fbf1df}@media (max-width:760px){.sb-list{display:block}.sb-card .sb-wrap{display:none}}.sched-view{flex-direction:column;align-items:stretch}.vtabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.vtab{--c:#2a6aa8;--soft:#e8f1fb;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:10px;text-align:right;border:1.5px solid color-mix(in srgb,var(--c) 22%,#fff);background:linear-gradient(160deg,#fff 35%,var(--soft));border-radius:16px;padding:12px;font:inherit;cursor:pointer;color:var(--green-dark);transition:transform .18s,box-shadow .25s,border-color .25s;box-shadow:0 6px 16px -12px #10233f66}.vtab:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px #10233f80}.vtab .vt-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:var(--soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 18%,transparent)}.vtab .vt-tx b{display:block;font-size:14px;line-height:1.3}.vtab .vt-tx small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}.vtab.v-sky{--c:#2a6aa8;--soft:#e8f1fb}.vtab.v-sage{--c:#2f7a55;--soft:#e6f3ec}.vtab.v-lav{--c:#5b4fa8;--soft:#efedf9}.vtab.v-gold{--c:#a87a10;--soft:#fbf1df}.vtab.on{background:linear-gradient(150deg,#1b3560,#10233f 60%);color:#fff;border-color:#c9971c;box-shadow:0 14px 28px -14px #10233fb3,0 0 0 3px #c9971c38}.vtab.on .vt-tx small{color:#c9d3e3}.vtab.on .vt-ic{background:#ffffff1f;color:#f1d27a;box-shadow:inset 0 0 0 1px #f1d27a59}.vtab.on:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%);transform:translate(120%);animation:vtshine 3.8s ease-in-out infinite}.vtab.on:before{content:"";position:absolute;inset-inline-end:10px;top:10px;width:7px;height:7px;border-radius:50%;background:#f1d27a;box-shadow:0 0 #f1d27a99;animation:vtpulse 2.2s infinite}@keyframes vtshine{0%,55%{transform:translate(120%)}to{transform:translate(-120%)}}@keyframes vtpulse{70%{box-shadow:0 0 0 7px #f1d27a00}to{box-shadow:0 0 #f1d27a00}}@media (max-width:760px){.vtabs{grid-template-columns:1fr 1fr;gap:8px}.vtab{padding:10px}.vtab .vt-ic{width:36px;height:36px}.vtab .vt-tx b{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.vtab.on:after,.vtab.on:before{animation:none}.vtab{transition:none}}@media (max-width:900px){.bottom-nav{gap:4px;padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px));background:#fffffff0;backdrop-filter:blur(12px);border-top:1px solid #e6ebf2;box-shadow:0 -8px 24px -12px #10233f40}.bottom-nav button{--c:#2a6aa8;--soft:#e8f1fb;border-radius:14px;padding:6px 0 5px;gap:3px;position:relative;transition:background .2s,transform .15s;color:#56627a;font-weight:600}.bottom-nav button:active{transform:scale(.95)}.bottom-nav button .bn-ic{width:34px;height:30px;border-radius:10px;background:var(--soft);color:var(--c)!important;transition:.2s}.bottom-nav button[data-sec=home]{--c:#2a6aa8;--soft:#e8f1fb}.bottom-nav button[data-sec=setup]{--c:#2f7a55;--soft:#e6f3ec}.bottom-nav button[data-sec=tables]{--c:#a87a10;--soft:#fbf1df}.bottom-nav button[data-sec=today]{--c:#b4443a;--soft:#fbeceb}.bottom-nav button[data-sec=more]{--c:#5b4fa8;--soft:#efedf9}.bottom-nav button.on{background:linear-gradient(160deg,#1b3560,#10233f);color:#fff;box-shadow:0 8px 18px -10px #10233fcc,0 0 0 2px #c9971c59}.bottom-nav button.on .bn-ic{background:#ffffff1f;color:#f1d27a!important;box-shadow:inset 0 0 0 1px #f1d27a59}.bottom-nav button.on:after{content:"";position:absolute;top:-3px;left:50%;width:18px;height:3px;border-radius:3px;background:#c9971c;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.bottom-nav button,.bottom-nav button .bn-ic{transition:none}}.tsees{background:var(--t-sage);color:#1f5a3d;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.8}.tsees b{display:block;color:#2f7a55}.cell-shared{font-size:9.5px;color:#5b4fa8;margin-top:2px;line-height:1.35;font-weight:600}.dv-body .cell-shared{font-size:12px;margin-top:3px}td.closed-slot{background:repeating-linear-gradient(135deg,#f3f5f8 0 6px,#eceff4 6px 12px)!important;color:#a0a9b8;text-align:center}.dv-row.closed{opacity:.6;background:repeating-linear-gradient(135deg,#f6f8fa 0 8px,#eef1f5 8px 16px)}.dp-title b{display:block;color:var(--green-dark)}.dp-title small{color:var(--muted);font-size:12px}.dp-wrap{overflow-x:auto;margin-top:6px}.dp-t{border-collapse:collapse;font-size:13px}.dp-t th,.dp-t td{padding:5px 6px;text-align:center;border-bottom:1px solid var(--border)}.dp-t select{width:56px;padding:4px}.sh-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.sh-item small{display:block;color:var(--muted);font-size:12.5px}.sh-item>div{flex:1}.sh-form{margin-top:12px;background:var(--surface-2,#f4f7fb);border-radius:14px;padding:12px}.sh-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;max-height:180px;overflow:auto}.sh-checks label{display:flex;gap:6px;align-items:center;font-size:13px}.sh-form .seg button.on{background:var(--navy,#10233f);color:#fff}.sh-kinds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.sh-kinds button{border:1.5px solid var(--border);background:#fff;border-radius:12px;padding:10px;font:inherit;font-weight:700;color:var(--green-dark);cursor:pointer}.sh-kinds button.on{background:linear-gradient(150deg,#1b3560,#10233f);color:#fff;border-color:#c9971c}.sup-status{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:800}.sup-status:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}.sup-status.on{background:#dcfce7;color:#166534}.sup-status.off{background:#fef2f2;color:#991b1b}.sup-card{padding:0;overflow:hidden;display:flex;flex-direction:column;max-width:860px}.sup-away{padding:10px 16px;background:#fef9f1;color:#92400e;font-size:13px;border-bottom:1px solid #fde7c2}.sup-thread{min-height:340px;max-height:58vh;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px;background:var(--surface-2)}.sup-empty{margin:auto;text-align:center;max-width:420px;padding:10px}.sup-empty img{border-radius:50%;background:#fff;box-shadow:0 4px 14px #10233f1f}.sup-empty-title{font-weight:800;color:var(--green-dark);font-size:16px;margin-top:10px}.sup-empty-desc{color:var(--muted);font-size:13px;margin-top:4px;line-height:1.7}.sup-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}.sup-chip{border:1px solid var(--border);background:#fff;color:var(--green-dark);border-radius:999px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.sup-chip:hover{border-color:var(--gold)}.sup-msg{max-width:min(78%,560px);padding:9px 12px 6px;border-radius:14px;font-size:14px;line-height:1.7;box-shadow:0 1px 2px #10233f0f}.sup-msg.mine{align-self:flex-start;background:var(--green);color:#fff;border-start-start-radius:4px}.sup-msg.theirs{align-self:flex-end;background:#fff;color:var(--green-dark);border:1px solid var(--border);border-start-end-radius:4px}.sup-who{font-size:11px;font-weight:800;color:var(--gold-dark);margin-bottom:2px}.sup-body{white-space:pre-wrap;overflow-wrap:anywhere}.sup-time{font-size:10.5px;opacity:.65;margin-top:3px}.sup-error{padding:8px 16px;color:#b91c1c;font-size:13px;background:#fef2f2}.sup-compose{padding:12px 16px;border-top:1px solid var(--border);background:#fff}.sup-consent{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#334155;margin-bottom:8px;cursor:pointer}.sup-consent[hidden]{display:none}.sup-consent input{width:16px;height:16px;accent-color:#25D366;margin:0}.sup-row{display:flex;gap:8px;align-items:flex-end}.sup-row textarea{flex:1;resize:vertical;min-height:46px;max-height:200px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;font-family:inherit;font-size:14px}.sup-row textarea:focus{outline:none;border-color:var(--gold)}.sup-row .btn{padding:12px 20px;font-weight:800}.sup-alt{margin-top:10px;font-size:12.5px;color:var(--muted)}.sup-alt a{color:#128c4b;font-weight:700}@media (max-width: 640px){.sup-thread{max-height:52vh;min-height:280px}.sup-msg{max-width:88%}}