@media (min-width:1100px){.topbar-emblem{display:flex}}.topbar-actions{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.topbar-identity,.topbar-welcome{display:none}.topbar-more-shell{position:relative;display:none}.topbar-more-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;cursor:pointer;border-radius:var(--radius-full);border:1px solid var(--border-operational);background:var(--surface-shell);box-shadow:0 5px 9px color-mix(in srgb,var(--text-primary) 15%,transparent),var(--elevation-inset-highlight);color:var(--text-primary)}.topbar-more-glyph{font-size:var(--font-size-2xl);font-weight:var(--font-weight-900);line-height:var(--line-height-none)}.topbar-more-panel{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:224px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-card);padding:8px;z-index:40;display:flex;flex-direction:column;gap:2px}.topbar-more-item{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--touch-target);text-align:start;padding:11px 12px;border:0;background:none;border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-700);cursor:pointer}.topbar-more-identity,.topbar-more-item{color:var(--text-primary);text-decoration:none}.topbar-more-identity{display:grid;gap:2px;padding:8px 12px 12px;border-block-end:1px solid var(--border-default)}.topbar-more-identity strong{font-size:var(--font-size-base);font-weight:var(--font-weight-900)}.topbar-more-identity span{font-size:var(--font-size-sm);font-weight:var(--font-weight-700);color:var(--text-muted)}.topbar-more-item:hover{background:var(--surface-subtle-green)}.topbar-more-item .action-icon,.topbar-more-item img{width:24px;height:24px;object-fit:contain;flex:none}.auth-message{max-width:280px;color:var(--status-danger);background:var(--status-danger-subtle);border:1px solid var(--surface-danger);border-radius:var(--radius-full);padding:7px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iconbtn{background:var(--surface-subtle-blue);border:1px solid var(--border-operational);padding:0;margin:0;cursor:pointer;width:44px;height:44px;line-height:var(--line-height-none);transition:transform .14s,box-shadow .14s,filter .14s;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-primary);box-shadow:0 5px 9px color-mix(in srgb,var(--text-primary) 15%,transparent),var(--elevation-inset-highlight)}.iconbtn .action-icon,.iconbtn img{width:28px;height:28px;display:block;object-fit:contain}.iconbtn:hover{transform:translateY(-2px) scale(1.04);filter:saturate(1.08)}.iconbtn:active{transform:translateY(1px) scale(.98);box-shadow:0 3px 6px color-mix(in srgb,var(--text-primary) 14%,transparent),var(--elevation-pressed)}.iconbtn:disabled{opacity:.58;cursor:not-allowed;transform:none}.lang-iconbtn{color:var(--text-primary);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-900);line-height:var(--line-height-none)}@media(min-width:1101px){.topbar .tb{max-width:none;padding:0 32px}.topbar-school{width:auto;margin-inline-start:0}}.smartnav-trigger{min-width:44px;min-height:44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-operational);border-radius:var(--radius-full);background:var(--surface-subtle-blue);color:var(--text-primary);padding:4px;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-900);cursor:pointer;transition:transform .14s,box-shadow .14s;white-space:nowrap;box-shadow:0 5px 9px color-mix(in srgb,var(--text-primary) 15%,transparent),var(--elevation-inset-highlight)}.smartnav-trigger:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 14px color-mix(in srgb,var(--text-primary) 20%,transparent),var(--elevation-inset-highlight)}.smartnav-trigger:active{transform:translateY(1px) scale(.98);box-shadow:0 3px 6px color-mix(in srgb,var(--text-primary) 14%,transparent),var(--elevation-pressed)}.smartnav-trigger img{width:26px;height:26px;object-fit:contain}.smartnav-trigger kbd,.smartnav-trigger span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.smartnav-trigger kbd{border:1px solid var(--surface-active);border-radius:var(--radius-md);background:var(--surface-active);color:var(--action-active);padding:2px 5px;font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-900);box-shadow:var(--elevation-inset-highlight)}.smartnav-backdrop{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-start;justify-content:center;background:var(--overlay-scrim);padding:88px 16px 24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.smartnav-panel{width:min(640px,100%);max-height:min(720px,calc(100vh - 112px));overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--surface-card);box-shadow:var(--elevation-lg);padding:18px;color:var(--text-primary)}.smartnav-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.smartnav-head h2{margin:0;color:var(--text-primary);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);text-shadow:0 2px 3px color-mix(in srgb,var(--text-primary) 15%,transparent)}.smartnav-head p{margin:5px 0 0;color:var(--text-muted);font-size:var(--font-size-base);font-weight:var(--font-weight-700);line-height:var(--line-height-normal)}.smartnav-close{min-width:var(--touch-target);min-height:var(--touch-target);width:var(--touch-target);height:var(--touch-target);display:flex;align-items:center;justify-content:center;border:1px solid var(--surface-active);border-radius:var(--radius-full);background:#fff;box-shadow:var(--elevation-sm),var(--elevation-inset-highlight);cursor:pointer;flex:none}.smartnav-close img{width:22px;height:22px}.smartnav-search{display:flex;align-items:center;gap:10px;border:1px solid var(--border-operational);border-radius:var(--radius-operational);background:#fff;box-shadow:var(--elevation-inset-highlight),var(--elevation-sm);padding:10px 12px;margin-bottom:12px}.smartnav-search img{width:24px;height:24px;object-fit:contain;flex:none}.smartnav-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-900)}.smartnav-search input::placeholder{color:var(--text-muted);font-weight:var(--font-weight-700)}.smartnav-results{display:grid;gap:8px}.smartnav-row{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;text-align:start;border:1px solid var(--border-structural);border-radius:var(--radius-operational);background:var(--surface-subtle-blue);color:inherit;padding:10px;box-shadow:var(--elevation-sm),var(--elevation-inset-highlight);font:inherit;cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s}.smartnav-row.selected,.smartnav-row:hover{transform:translateY(-2px);border-color:var(--text-primary);box-shadow:var(--elevation-md),var(--elevation-inset-highlight)}.smartnav-row img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 1px #ffffffb8) drop-shadow(0 3px 4px color-mix(in srgb,var(--text-primary) 19%,transparent))}.smartnav-row span{display:grid;gap:3px;min-width:0}.smartnav-row strong{font-size:var(--font-size-lg);color:var(--text-primary);overflow-wrap:anywhere}.smartnav-row small{font-weight:var(--font-weight-700);line-height:var(--line-height-normal);overflow-wrap:anywhere}.smartnav-empty,.smartnav-hint,.smartnav-row small{color:var(--text-muted);font-size:var(--font-size-sm)}.smartnav-empty,.smartnav-hint{margin:0;font-weight:var(--font-weight-900)}.smartnav-empty{padding:18px;text-align:center;border:1px dashed var(--border-structural);border-radius:var(--radius-operational);background:var(--surface-subtle-blue)}.smartnav-hint{margin-top:12px;text-align:center}.toast-stack{position:fixed;inset-block-start:92px;inset-inline-end:22px;z-index:120;display:grid;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}body.modal-open{overflow:hidden}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);box-shadow:var(--elevation-lg),var(--elevation-inset-highlight);padding:12px 14px;pointer-events:auto}.toast>div{display:grid;gap:3px;min-width:0}.toast strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-900);color:var(--text-primary)}.toast span{font-size:var(--font-size-sm);font-weight:var(--font-weight-700);color:var(--text-muted);overflow-wrap:anywhere}.toast-dismiss{min-width:var(--touch-target);width:var(--touch-target);height:var(--touch-target);border:0;border-radius:var(--radius-full);color:var(--text-muted);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-900);flex:none}.toast-action,.toast-dismiss{min-height:var(--touch-target);background:var(--surface-canvas);cursor:pointer}.toast-action{justify-self:start;margin-block-start:4px;border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--action-secondary);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-900);padding:8px 12px}.toast-count{color:var(--text-muted);font-weight:var(--font-weight-700)}.login-page{color:var(--text-primary);padding:0;display:flex}.login-page,.login-stage{min-height:100vh;background:var(--surface-active)}.login-stage{position:relative;isolation:isolate;width:100%;overflow:hidden}.login-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-2;background:var(--surface-active)}.login-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--surface-canvas);pointer-events:none}.login-card{position:absolute;inset-inline-end:clamp(24px,5vw,72px);top:50%;transform:translateY(-50%);width:min(420px,calc(100vw - 48px));display:grid;gap:18px;padding:28px;border:1px solid color-mix(in srgb,var(--surface-active) 88%,transparent);border-radius:var(--radius-card);background:rgba(255,255,255,.92);box-shadow:0 24px 70px color-mix(in srgb,var(--text-primary) 20%,transparent),var(--elevation-inset-highlight);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-card>img{width:148px;height:auto;object-fit:contain}.login-card-intro{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-structural)}.login-card-intro>span{display:inline-flex;justify-self:start;padding:6px 10px;border-radius:var(--radius-full);background:var(--surface-subtle-blue);color:var(--action-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-900);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.login-card-intro h1{margin:0;color:var(--text-primary);font-size:var(--font-size-3xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-900);letter-spacing:var(--letter-spacing-normal)}.login-card-intro p{margin:0;color:var(--text-muted);font-size:var(--font-size-md);font-weight:var(--font-weight-700);line-height:var(--line-height-relaxed)}.login-card span{display:block;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-900);line-height:var(--line-height-tight)}.login-card p{margin:6px 0 0;color:var(--text-muted);font-size:var(--font-size-md);font-weight:var(--font-weight-700);line-height:var(--line-height-relaxed)}.login-error{color:var(--status-danger);background:var(--status-danger-subtle);border:1px solid var(--surface-danger);border-radius:var(--radius-lg);padding:10px 12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-900);line-height:var(--line-height-normal)}.login-button{min-height:56px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--action-active);border-radius:var(--radius-full);background:var(--surface-active);color:var(--text-primary);box-shadow:var(--elevation-md),var(--elevation-inset-highlight);font:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-900);cursor:pointer;transition:transform .14s,box-shadow .14s}.login-button:hover{transform:translateY(-1px);box-shadow:var(--elevation-lg),var(--elevation-inset-highlight)}.login-button:disabled{opacity:.62;cursor:not-allowed;transform:none}.login-button img{width:30px;height:30px;object-fit:contain}.login-card small{display:block;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-700);line-height:var(--line-height-relaxed)}.toolbar{top:var(--shell-topbar)}@media(max-width:980px){.topbar{height:86px}.topbar .tb{padding:0 14px}.topbar-school{width:108px}.topbar-school img{width:108px;height:60.75px}.topbar-emblem{width:152px;height:82px;top:2px;border-radius:var(--radius-card);gap:var(--space-1)}.topbar-emblem img{width:64px;height:64px}.topbar-product-name{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.auth-message{display:none}.topbar-actions{gap:6px}.toolbar{top:86px}.page{padding-top:28px}.login-page,.login-stage{min-height:100svh}.login-stage:after{background:var(--surface-canvas)}.login-card{position:relative;inset:auto;transform:none;margin:52vh auto 22px;width:min(420px,calc(100vw - 32px));padding:22px}.login-card-intro h1{font-size:var(--font-size-2xl)}}@media(max-width:620px){.nav,.sb-brand,.sidebar{display:none}.main{background:var(--surface-subtle-blue)}.page{padding:18px 10px 0}.topbar{height:86px;background:var(--surface-shell);border-bottom-color:var(--text-muted);box-shadow:0 3px 8px color-mix(in srgb,var(--text-primary) 27%,transparent);overflow:visible}.topbar:after,.topbar:before{display:none}.topbar .tb{display:grid;grid-template-columns:minmax(118px,1fr) auto;grid-template-areas:"school actions";align-content:start;gap:8px;padding:11px 12px 0}.topbar .sp{display:none}.topbar-school{grid-area:school;position:absolute;inset-inline-start:12px;top:11px;width:auto;justify-self:left;align-self:center}.topbar-welcome{display:none}.topbar-wordmark b{display:block;max-width:118px;overflow:hidden;font-size:var(--font-size-xl);text-overflow:ellipsis;white-space:nowrap}.topbar-school-logo,.topbar-wordmark small{display:none}.topbar-actions{grid-area:actions;position:absolute;inset-inline-end:12px;top:11px;justify-self:right;align-self:center;gap:8px;max-width:none;flex-wrap:nowrap;justify-content:flex-end;padding-top:0}.topbar-desktop-action{display:none!important}.topbar-more-shell{display:block}.smartnav-trigger,.topbar-actions .iconbtn,.topbar-more-btn{width:44px;height:44px}.iconbtn{background:var(--surface-subtle-blue);border:1px solid var(--text-muted);box-shadow:0 4px 6px color-mix(in srgb,var(--text-primary) 25%,transparent),var(--elevation-inset-highlight)}.iconbtn .action-icon,.iconbtn img{width:28px;height:28px}.smartnav-trigger{display:flex;padding:0;justify-content:center;border-color:var(--text-muted);background:var(--surface-subtle-blue);box-shadow:var(--elevation-md),var(--elevation-inset-highlight)}.smartnav-trigger img{width:28px;height:28px}.smartnav-backdrop{padding-top:82px}.smartnav-panel{max-height:calc(100vh - 106px);border-radius:var(--radius-card);padding:14px}.smartnav-head h2{font-size:var(--font-size-2xl)}.smartnav-head p{font-size:var(--font-size-sm)}.sunbtn{background:var(--surface-subtle-blue);border-color:var(--action-active)}.topbar-actions>.lang-iconbtn{order:4}.topbar-actions>button.iconbtn:last-child{order:3}.topbar-emblem{display:flex;position:absolute;inset-inline-start:auto;left:50%;top:8px;transform:translateX(-50%);width:92px;height:68px;gap:var(--space-1);border-radius:var(--radius-control);background:transparent;border:0;box-shadow:none;z-index:1}.topbar-emblem img{width:48px;height:48px}.topbar-product-name{display:none}.toolbar{top:auto}.pagehead{margin:0 0 10px;padding:8px 4px;background:transparent;border:0;border-radius:0}.pagehead h1{font-size:var(--font-size-2xl)}.dashboard-intro{align-items:center;margin-bottom:var(--space-3)}.pagehead-actions{gap:7px;margin-inline-start:auto}.pagehead-actions .btn{min-height:var(--touch-target);padding:8px 10px;font-size:var(--font-size-xs)}.role-dashboard{padding:12px}.action-inbox-row{grid-template-columns:minmax(0,1fr) auto;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5)}[dir=rtl] .action-inbox-row{padding:var(--space-3) var(--space-5) var(--space-3) var(--space-3)}.action-inbox-copy small{white-space:normal}.action-inbox-status{display:none}.profile-figma-shell .staff-pickup-card{grid-template-columns:1fr;justify-items:stretch;gap:var(--space-5);padding:var(--space-4)}.profile-figma-shell .staff-pickup-qr{justify-self:center;width:min(208px,100%);height:auto;aspect-ratio:1}.profile-figma-shell .staff-pickup-copy{width:100%;min-width:0}.profile-figma-shell .staff-pickup-copy h2{overflow-wrap:normal;word-break:normal}.kpis{grid-template-columns:repeat(4,minmax(154px,1fr));gap:var(--space-2);overflow-x:auto;scroll-snap-type:x proximity;margin:var(--space-2) 0 var(--space-3)}.kpi{min-height:126px;padding:var(--space-2);border-radius:var(--radius-operational)}.kpis .kpi{scroll-snap-align:start}.kpi .num{font-size:var(--font-size-stat)}.kpi .lab{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.kpi .sub{font-size:var(--font-size-xs)}.activity-panel{border-radius:var(--radius-operational);padding:12px}.toolbar{position:relative;padding:0 0 10px;background:transparent}.search input{min-height:var(--touch-target);height:var(--touch-target);font-size:var(--font-size-sm)}.chips{gap:7px}.chip{padding:7px 10px;font-size:var(--font-size-xs)}.chip .n,.count-pill{display:none}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:18px}.catalogue-card{aspect-ratio:auto;min-height:210px;padding:10px}.catalogue-card .catalogue-card-title,.catalogue-card-facts,.catalogue-card-main,.catalogue-code-panel{display:flex}.catalogue-code-panel{min-height:auto;padding:0}.catalogue-card-main{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:10px}.catalogue-card .catalogue-card-title{display:grid;gap:3px;min-height:0}.catalogue-card .catalogue-card-actions,.catalogue-card .catalogue-card-thumb,.catalogue-card .catalogue-card-title .ar,.catalogue-card .catalogue-card-title .nm,.catalogue-card .catalogue-code-copy,.catalogue-card .catalogue-grade,.catalogue-card .catalogue-price-pill,.catalogue-card .catalogue-readiness,.catalogue-card .catalogue-type-chip{position:static;width:auto;height:auto;max-width:none}.catalogue-card .ar,.catalogue-card .nm{font-size:var(--font-size-lg)}.catalogue-card .catalogue-grade{width:28px;height:28px}.catalogue-card .catalogue-code-copy b{font-size:var(--font-size-xs)}.catalogue-card .catalogue-card-thumb{position:relative;min-height:70px;overflow:hidden}.catalogue-card .catalogue-card-signal{position:static;max-width:100%;align-self:flex-start;margin-top:-4px}.catalogue-card .catalogue-readiness-chips{grid-template-columns:1fr}.catalogue-card .catalogue-card-actions{display:grid;grid-template-columns:1fr;gap:5px;margin-top:auto}.catalogue-card .btn.small{height:auto;min-height:var(--touch-target);padding:7px 8px;font-size:var(--font-size-xs)}.mobile-figma-nav{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 34px;margin:0;padding:26px 30px 44px;background:var(--surface-shell);overflow:hidden;isolation:isolate}.mobile-figma-nav:before{content:"";position:absolute;inset:0;background:var(--surface-shell);opacity:.8;z-index:-1}.mobile-figma-tile{aspect-ratio:1;border-radius:var(--radius-card);background:var(--surface-subtle-blue);border:1px solid var(--border-operational);box-shadow:10px 12px 14px color-mix(in srgb,var(--text-primary) 29%,transparent),inset 7px 8px 8px #ffffff70,inset -7px -8px 10px color-mix(in srgb,var(--text-muted) 30%,transparent);display:flex;align-items:center;justify-content:center;padding:13px;transition:.14s}.mobile-figma-tile.active{box-shadow:0 0 0 3px var(--action-active),10px 12px 14px color-mix(in srgb,var(--text-primary) 29%,transparent),inset 7px 8px 8px #ffffff70,inset -7px -8px 10px color-mix(in srgb,var(--text-muted) 30%,transparent)}.mobile-figma-tile img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 5px 3px color-mix(in srgb,var(--text-primary) 21%,transparent))}.mobile-figma-arrow{position:absolute;right:11px;bottom:10px;color:var(--action-active);font-size:var(--font-size-hero);font-weight:var(--font-weight-900);line-height:var(--line-height-none);text-shadow:0 2px 2px color-mix(in srgb,var(--text-primary) 21%,transparent);transform:rotate(8deg)}}.nav img.ni{width:21px;height:21px;object-fit:contain;flex:none}.nav .item.soon img.ni{opacity:.5}@media(max-width:620px){.sidebar .nav img.ni{width:36px;height:36px}}@media(max-width:760px){.toolbar{top:auto}}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.settings-figma-grid{gap:18px}.settings-figma-grid .settings-panel{border:var(--stroke-subtle) solid var(--border-operational);border-radius:var(--radius-operational);background:var(--surface-glass-operational);color:var(--text-on-operational);padding:18px 20px;box-shadow:var(--elevation-operational)}.settings-figma-grid .settings-panel-wide{border-color:var(--border-structural);background:var(--surface-card);color:var(--text-primary);box-shadow:var(--elevation-card)}.settings-figma-grid .settings-panel-head img{width:56px;height:56px;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}.settings-figma-grid .settings-facts dd,.settings-figma-grid .settings-facts dt,.settings-figma-grid .settings-panel h2,.settings-figma-grid .settings-panel p,.settings-figma-grid .settings-status-row{color:var(--text-on-operational)}.settings-figma-grid .settings-panel-wide .settings-status-row,.settings-figma-grid .settings-panel-wide h2,.settings-figma-grid .settings-panel-wide p{color:var(--text-primary)}.settings-figma-grid .settings-panel h2{font-size:var(--font-size-xl)}.settings-figma-grid .settings-panel p{font-size:var(--font-size-sm)}.settings-figma-grid .settings-facts div,.settings-figma-grid .settings-status-row{border:0;border-top:1px solid var(--surface-glass-control);border-radius:0;background:transparent;padding:8px 0}.settings-figma-grid .settings-panel-wide .settings-status-row{border-top-color:var(--border-structural)}.settings-figma-grid .btn{border-radius:var(--radius-full)}.settings-panel{background:var(--surface-card);border:1px solid #fff;border-radius:var(--radius-operational);padding:20px;box-shadow:var(--elevation-sm),var(--elevation-inset-highlight);display:flex;flex-direction:column;gap:16px;min-width:0}.settings-panel-wide{grid-column:1/-1}.settings-panel-head{display:flex;align-items:flex-start;gap:12px}.settings-panel-head img{width:56px;height:56px;object-fit:contain;flex:none;background:transparent;border:0;box-shadow:none}.settings-panel h2{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);line-height:var(--line-height-snug)}.settings-panel p{margin:5px 0 0;color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.settings-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.settings-facts div,.settings-status-row{border:1px solid var(--border-structural);border-radius:var(--radius-lg);background:var(--surface-card);padding:11px;min-width:0}.settings-facts dt{margin:0 0 5px;font-size:var(--font-size-xs);text-transform:uppercase}.settings-facts dd,.settings-facts dt{color:var(--text-primary);font-weight:var(--font-weight-900)}.settings-facts dd{margin:0;font-size:var(--font-size-md);overflow-wrap:anywhere}.settings-status-row{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-700)}.settings-command-center{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:16px;margin:24px 0 12px;padding-top:8px}.settings-command-copy h2{margin:0;color:var(--text-primary);font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.settings-command-copy p{margin:6px 0 0;color:var(--text-muted);font-size:var(--font-size-base);font-weight:var(--font-weight-700);line-height:var(--line-height-relaxed);max-width:780px}.settings-command-search{display:flex;align-items:center;gap:10px;border:var(--stroke-subtle) solid var(--border-operational);border-radius:var(--radius-operational);background:var(--surface-card);box-shadow:var(--elevation-sm),var(--elevation-inset-highlight);padding:11px 13px;min-width:0}.settings-command-search img{width:24px;height:24px;object-fit:contain;flex:none}.settings-command-search input{width:100%;min-width:0;min-height:var(--touch-target);border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-900)}.settings-command-search input::placeholder{color:var(--text-muted);font-weight:var(--font-weight-700)}.settings-tool-groups{display:flex;flex-direction:column;gap:var(--space-2-5);margin-bottom:18px}.settings-tool-group{overflow:clip;border:1px solid var(--border-structural);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--elevation-card)}.settings-tool-group[open]{border-color:var(--border-active)}.settings-tool-group>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2-5);min-height:var(--touch-target);padding:var(--space-3) var(--space-4);color:var(--text-primary);cursor:pointer;list-style:none}.settings-tool-group>summary::-webkit-details-marker{display:none}.settings-tool-group>summary:hover{background:var(--surface-subtle-blue)}.settings-tool-group>summary:focus-visible{outline:2px solid var(--focus-active);outline-offset:-3px}.settings-tool-group>summary>b{color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap}.settings-tool-chevron{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--space-5);color:var(--text-muted);transition:transform var(--motion-state) var(--ease-standard)}.settings-tool-group[open] .settings-tool-chevron{transform:rotate(90deg)}.settings-tool-group-title{display:block;min-width:0}.settings-tool-group-title small,.settings-tool-group-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-tool-group-title strong{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.settings-tool-group-title small{margin-block-start:var(--space-1);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-600);line-height:var(--line-height-normal)}.settings-tool-group-body{display:flex;flex-direction:column;gap:var(--space-3);border-block-start:1px solid var(--border-structural);padding:var(--space-4)}.settings-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-advanced-tools{overflow:clip;border:1px solid var(--border-structural);border-radius:var(--radius-lg);background:var(--surface-canvas)}.settings-advanced-tools summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-3);cursor:pointer;list-style:none}.settings-advanced-tools summary::-webkit-details-marker{display:none}.settings-advanced-tools summary:hover{background:var(--surface-subtle-blue)}.settings-advanced-tools summary:focus-visible{outline:2px solid var(--focus-active);outline-offset:-3px}.settings-advanced-tools summary small,.settings-advanced-tools summary strong{display:block}.settings-advanced-tools summary small{margin-block-start:var(--space-1);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-600)}.settings-advanced-tools summary>b{color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap}.settings-advanced-tools>.settings-tool-grid{border-block-start:1px solid var(--border-structural);padding:var(--space-3)}.catalogue-admin-tools{position:relative}.catalogue-admin-tools>summary{list-style:none}.catalogue-admin-tools>summary::-webkit-details-marker{display:none}.catalogue-admin-tools-menu{position:absolute;z-index:var(--z-modal);inset-block-start:calc(100% + var(--space-2));inset-inline-end:0;display:grid;min-width:calc(var(--touch-target) * 5);overflow:clip;border:1px solid var(--border-structural);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--elevation-overlay)}.catalogue-admin-tools-menu a{min-height:var(--touch-target);padding:var(--space-3) var(--space-4);color:var(--text-primary);font-weight:var(--font-weight-700);text-decoration:none}.catalogue-admin-tools-menu a+a{border-block-start:1px solid var(--border-structural)}.catalogue-admin-tools-menu a:hover{background:var(--surface-subtle-blue)}.catalogue-admin-tools-menu a:focus-visible{outline:2px solid var(--focus-active);outline-offset:-3px}@media(prefers-reduced-motion:reduce){.settings-tool-chevron{transition:none}}.settings-tool-card{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border-structural);border-radius:var(--radius-operational);background:var(--surface-card);color:inherit;text-decoration:none;box-shadow:var(--elevation-sm),var(--elevation-inset-highlight);transition:transform .14s,border-color .14s,box-shadow .14s}.settings-tool-card:hover{transform:translateY(-2px);border-color:var(--border-active);box-shadow:var(--elevation-md),var(--elevation-inset-highlight)}.settings-tool-card>img{width:44px;height:44px;object-fit:contain;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}.settings-tool-main{display:grid;gap:4px;min-width:0}.settings-tool-main strong{color:var(--text-primary);font-size:var(--font-size-lg);line-height:var(--line-height-snug);overflow-wrap:anywhere}.settings-tool-main small{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-700);line-height:var(--line-height-normal);overflow-wrap:anywhere}.settings-tool-meta{display:flex;align-items:flex-end;flex-direction:column;gap:5px;min-width:0;color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-900);text-align:end}.settings-tool-meta b,.settings-tool-meta span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-tool-meta b{color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-structural);border-radius:var(--radius-full);padding:3px 8px}.settings-tool-empty{grid-column:1/-1;display:grid;gap:5px;border:1px dashed var(--border-structural);border-radius:var(--radius-operational);background:var(--surface-card);padding:22px;text-align:center;color:var(--text-muted);font-weight:var(--font-weight-700)}.settings-tool-empty strong{color:var(--text-primary);font-size:var(--font-size-lg)}[dir=rtl] .settings-tool-meta{align-items:flex-start;text-align:start}.auth-gate-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--border-structural);border-radius:var(--radius-operational);background:var(--surface-card);box-shadow:var(--elevation-sm),var(--elevation-inset-highlight);padding:20px;max-width:900px}.auth-gate-copy{display:flex;align-items:flex-start;gap:14px;min-width:0}.auth-gate-copy img{flex:none;object-fit:contain}.auth-gate-copy h2{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);line-height:var(--line-height-snug)}.auth-gate-copy p{margin:5px 0 0;color:var(--text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);max-width:560px}.auth-gate-action{white-space:nowrap}.auth-gate-panel small{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-700);max-width:260px}.admin-people-toolbar{align-items:end}.admin-filter-row,.admin-people-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.admin-filter-row{align-items:center;min-width:0}.admin-file-input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.admin-search{min-width:min(360px,100%);margin-left:auto}.admin-import-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.admin-import-summary span{background:var(--surface-card);border:1px solid var(--border-structural);border-radius:var(--radius-md);padding:8px 10px;box-shadow:var(--elevation-sm)}.admin-import-summary b{color:var(--text-primary)}.admin-import-summary .import-warning{border-color:var(--action-active);color:var(--action-active)}.admin-people-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.admin-list-shell{margin-top:16px}.admin-rule-list,.admin-staff-list{display:grid;gap:10px;margin-top:14px}.admin-editor{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end}.admin-editor fieldset.field{grid-column:1/-1;border:0;margin:0;padding:0;min-width:0}.admin-editor fieldset.field legend{padding:0;font-weight:var(--font-weight-700)}.admin-editor .field-hint{grid-column:1/-1;margin:0;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-700);line-height:var(--line-height-snug)}.approval-editor{grid-template-columns:1.4fr 1fr 1fr .8fr .55fr auto auto auto}.admin-policy-editor{grid-template-columns:minmax(220px,1fr) minmax(280px,1.1fr) minmax(140px,.45fr) auto}.admin-role-grid{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.admin-check{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-structural);background:var(--surface-subtle-blue);border-radius:var(--radius-md);padding:8px 10px;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-700)}.admin-check input{accent-color:var(--action-secondary)}.admin-check-inline{min-height:var(--touch-target)}.admin-row{display:flex;flex-direction:column;gap:10px}.admin-row-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border-structural);padding-top:10px}@media(max-width:1200px){.admin-editor,.admin-policy-editor,.approval-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-editor .btn{justify-content:center}.settings-command-center{align-items:stretch}.settings-command-center,.settings-tool-grid{grid-template-columns:1fr}}@media(max-width:760px){.settings-facts,.settings-grid{grid-template-columns:1fr}.auth-gate-panel{align-items:stretch;flex-direction:column}.auth-gate-action{width:100%;justify-content:center}.auth-gate-panel small{max-width:none}.admin-search{margin-left:0;width:100%}.admin-editor,.admin-policy-editor,.approval-editor{grid-template-columns:1fr}.admin-row-actions{align-items:stretch;flex-direction:column}.settings-tool-card{grid-template-columns:60px minmax(0,1fr);align-items:start}.settings-tool-meta{grid-column:2;align-items:flex-start;text-align:start;flex-direction:row;flex-wrap:wrap}}@media(max-width:980px){[dir=rtl] .sb-brand{direction:rtl}[dir=rtl] .nav{direction:ltr}}@media(max-width:620px){[dir=rtl] .topbar-school{order:0;justify-self:end}[dir=rtl] .topbar-actions{order:0;justify-self:start}}.kpi-composition-direct-target,.kpi-direct-target{position:absolute;inset:0;pointer-events:none;z-index:0}.kpi-content-direct-target{position:absolute;inset:22px;pointer-events:none;z-index:0}.skeleton-head{height:64px;border-radius:var(--radius-lg);margin:68px 0 24px;background:var(--surface-subtle-blue);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.skeleton-card{height:300px;border-radius:var(--radius-operational);background:var(--surface-subtle-blue);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:680px){.skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.skeleton-card,.skeleton-head{animation:none}}.error-boundary-notice{display:grid;gap:12px;justify-items:start}@media print{.finance-table-row .finance-actions{display:none!important}.staff-pickup-card{box-shadow:none}.staff-card-watermark{display:none!important}}.approved-lines-row,.card,.finance-table-row,.form-section,.kpi,.panel,.picker-item,.pickup-table-row,.po-summary-row,.purchase-line,.qa-row,.queue-row,.report-insight-card,.report-metric,.request-line,.settings-panel,.settings-tool-card,.smart-item{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.approved-lines-row:hover,.card:hover,.finance-table-row:hover,.form-section:hover,.kpi:hover,.panel:hover,.picker-item:hover,.pickup-table-row:hover,.po-summary-row:hover,.purchase-line:hover,.qa-row:hover,.queue-row:hover,.report-insight-card:hover,.report-metric:hover,.request-line:hover,.settings-panel:hover,.settings-tool-card:hover,.smart-item:hover{transform:translateY(-2px);border-color:var(--border-active);box-shadow:var(--elevation-card),var(--elevation-inset-highlight)}.catalogue-compare-item:hover,.purchase-review-details summary:hover,.smart-item-main:hover{color:var(--border-active)}@media(prefers-reduced-motion:reduce){.approved-lines-row,.card,.chip,.finance-table-row,.form-section,.iconbtn,.input,.kpi,.nav a,.panel,.picker-item,.pickup-table-row,.po-summary-row,.purchase-line,.qa-row,.queue-row,.report-insight-card,.report-metric,.request-line,.rt-tab,.sb-settings,.settings-panel,.settings-tool-card,.smart-item,.smartnav-row,.smartnav-trigger,.suggestion-chip{transition:none}.approved-lines-row:hover,.card:hover,.chip:hover,.finance-table-row:hover,.form-section:hover,.iconbtn:hover,.kpi:hover,.nav a:hover,.panel:hover,.picker-item:hover,.pickup-table-row:hover,.po-summary-row:hover,.purchase-line:hover,.qa-row:hover,.queue-row:hover,.report-insight-card:hover,.report-metric:hover,.request-line:hover,.rt-tab:hover,.sb-settings:hover,.settings-panel:hover,.settings-tool-card:hover,.smart-item:hover,.smartnav-row.selected,.smartnav-row:hover,.smartnav-trigger:hover,.suggestion-chip:focus-visible,.suggestion-chip:hover{transform:none}}:root{--authority-frame-width:1500px;--authority-frame-height:1005px;--authority-sidebar-inline:max(15.5px,calc((100vw - var(--authority-frame-width)) / 2 + 15.5px));--authority-content-inline:max(303.5px,calc((100vw - var(--authority-frame-width)) / 2 + 303.5px))}body,html{background:var(--surface-canvas);color:var(--text-primary)}@media (min-width:981px){body{min-height:var(--authority-frame-height)}.sidebar{inset-inline-start:var(--authority-sidebar-inline);top:163.5px;bottom:auto;width:var(--shell-sidebar);height:824px;padding:42px 28px 18px;gap:16px;overflow:auto;box-shadow:var(--elevation-sidebar)}.sidebar,.topbar{position:fixed;inset-inline-end:auto;border:0;border-radius:var(--radius-shell);background:var(--surface-shell);color:var(--text-primary);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.topbar{inset-inline-start:var(--authority-content-inline);top:11.5px;width:min(var(--layout-content-max),calc(100vw - var(--authority-content-inline) - var(--space-5)));height:var(--shell-topbar-frame-six);overflow:visible;box-shadow:var(--elevation-shell)}.topbar .topbar-tab,.topbar:after{display:none}.sidebar:before,.topbar:before{content:"";position:absolute;inset:calc(var(--stroke-shell) / -2);width:auto;height:auto;pointer-events:none;border:var(--stroke-shell) solid var(--border-shell-authority);border-radius:calc(var(--radius-shell) + var(--stroke-shell) / 2);background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:3}.sidebar:before{border-color:var(--border-sidebar-authority)}.topbar .tb{width:100%;max-width:none;height:100%;margin:0;padding-block:0;padding-inline:0}.topbar-school{position:absolute;inset-inline-start:var(--topbar-context-inline-offset);inset-block-start:calc(var(--shell-topbar-frame-six) / 2);z-index:4;width:var(--topbar-context-width);min-width:0;height:var(--topbar-context-height);padding:var(--topbar-context-padding-start) var(--space-2) var(--space-5);display:grid;align-content:start;justify-items:center;gap:var(--topbar-context-gap);overflow:hidden;border:var(--stroke-hairline) solid var(--border-context-glass);border-radius:var(--topbar-context-radius);background:var(--surface-glass-context);color:var(--text-primary);box-shadow:var(--elevation-context-carved);transform:rotate(calc(-1 * var(--topbar-context-tilt)));text-align:center}[dir=rtl] .topbar-school{transform:rotate(var(--topbar-context-tilt))}.topbar-welcome{display:block;width:100%;max-width:100%;color:var(--text-muted);font-size:var(--font-size-lg);font-weight:var(--font-weight-900);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);white-space:nowrap}.topbar-wordmark{margin:0;width:100%}.topbar-wordmark b{display:block;color:var(--text-context-page);font-size:var(--topbar-context-wordmark-size);line-height:var(--topbar-context-wordmark-line);text-transform:none;text-shadow:var(--elevation-wordmark);overflow-wrap:normal;word-break:normal;white-space:nowrap}.topbar-wordmark-compact b{font-size:var(--topbar-context-wordmark-compact-size)}.topbar-wordmark-wrap b{font-size:var(--font-size-lg);line-height:var(--line-height-snug);overflow-wrap:anywhere;white-space:normal}.topbar-emblem{display:flex;position:absolute;inset-inline-start:50%;top:var(--topbar-emblem-track-top);width:var(--topbar-emblem-track-width);height:var(--shell-topbar-frame-six);align-items:center;justify-content:center;gap:0;overflow:visible;transform:translateX(-50%);border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[dir=rtl] .topbar-emblem{transform:translateX(50%)}.topbar-emblem img{width:var(--topbar-emblem-art-size);height:var(--topbar-emblem-art-size);object-fit:contain;filter:var(--elevation-brand-artwork);transform:translateY(var(--topbar-emblem-art-offset)) rotate(var(--topbar-emblem-art-tilt))}.topbar-product-name{color:var(--text-primary);margin-inline-start:var(--topbar-product-inline-offset);margin-block-start:var(--topbar-product-block-offset);font-size:var(--topbar-product-font-size);font-weight:var(--font-weight-900);line-height:var(--line-height-card);text-shadow:var(--elevation-wordmark);white-space:nowrap}.topbar .topbar-actions{position:absolute;inset-inline-end:var(--topbar-context-inline-offset);inset-block-start:var(--topbar-actions-block-offset);display:flex;align-items:center;gap:var(--space-2-5);max-inline-size:none;height:auto}.topbar .topbar-actions .iconbtn,.topbar .topbar-actions .smartnav-trigger{box-sizing:border-box;flex:0 0 var(--touch-target);width:var(--touch-target);height:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target);max-width:var(--touch-target);max-height:var(--touch-target);border:var(--stroke-default) solid var(--border-structural);border-radius:var(--radius-control);box-shadow:var(--elevation-topbar-action)}.topbar .topbar-actions .smartnav-trigger{background:var(--surface-action-search)}.topbar .topbar-actions .sunbtn{background:var(--action-secondary);box-shadow:var(--elevation-topbar-theme)}.topbar .topbar-actions .lang-iconbtn,.topbar .topbar-actions .topbar-signout{background:var(--surface-card)}.topbar .topbar-actions .topbar-notifications{background:var(--surface-action-notification)}.topbar .topbar-actions .topbar-staff-qr{background:var(--surface-card)}.topbar .topbar-actions .smartnav-trigger>kbd,.topbar .topbar-actions .smartnav-trigger>span{display:none}.topbar .topbar-actions .iconbtn .action-icon,.topbar .topbar-actions .iconbtn img,.topbar .topbar-actions .smartnav-trigger img{width:var(--topbar-action-icon-size);height:var(--topbar-action-icon-size);object-fit:contain}.topbar .topbar-actions .topbar-signout{position:relative;inset:auto}.topbar .topbar-actions .smartnav-trigger img{width:var(--topbar-action-icon-size);height:var(--topbar-action-icon-size)}.topbar .topbar-actions .sunbtn img{width:var(--topbar-theme-icon-size);height:var(--topbar-theme-icon-size)}.topbar .topbar-actions .lang-iconbtn img{width:var(--topbar-language-icon-size);height:var(--topbar-language-icon-size);border-radius:var(--radius-full)}.topbar .topbar-actions .topbar-notifications img{width:var(--topbar-notification-icon-size);height:var(--topbar-notification-icon-size)}.topbar .topbar-actions .topbar-staff-qr img{width:var(--topbar-staff-qr-icon-size);height:var(--topbar-staff-qr-icon-size)}.topbar-notification-shell{position:relative}.topbar-notification-shell-menu,.topbar-notification-shell-menu>button{width:100%}.topbar-notification-badge{position:absolute;inset-block-start:calc(-1 * var(--space-1));inset-inline-end:calc(-1 * var(--space-1));min-width:var(--space-5);min-height:var(--space-5);display:grid;place-items:center;padding-inline:var(--space-1);border:var(--stroke-hairline) solid var(--surface-card);border-radius:var(--radius-full);background:var(--status-danger);color:var(--text-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-900)}.topbar-notification-panel{position:absolute;inset-block-start:calc(var(--touch-target) + var(--space-2));inset-inline-end:0;z-index:8;width:min(360px,calc(100vw - var(--space-8)));max-height:min(520px,calc(100vh - var(--shell-topbar-clearance)));overflow:auto;padding:var(--space-4);border:var(--stroke-default) solid var(--border-structural);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--elevation-overlay);color:var(--text-primary)}.topbar-notification-panel-menu{position:static;width:100%;max-height:280px;margin-block:var(--space-1) var(--space-2);overflow:auto;box-shadow:none}.topbar-notification-panel>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.topbar-notification-list{display:grid;gap:var(--space-2)}.topbar-notification-list a{display:grid;gap:var(--space-1);min-height:var(--touch-target);padding:var(--space-3);border:var(--stroke-hairline) solid var(--border-structural);border-radius:var(--radius-control);background:var(--surface-control);color:var(--text-primary)}.topbar-notification-list small{color:var(--text-muted)}.topbar .topbar-actions .topbar-signout img{width:var(--topbar-signout-icon-width);height:var(--topbar-signout-icon-height)}.main{min-height:var(--authority-frame-height);margin-inline-start:var(--authority-content-inline);padding-top:calc(var(--shell-topbar-clearance) + var(--space-5));background:var(--surface-canvas)}.topbar-frame-six,.topbar-frame-six .topbar-context{animation:topbar-frame-six-enter var(--motion-emphasis) var(--motion-easing-enter) both}@keyframes topbar-frame-six-enter{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}.page{width:min(var(--layout-content-max),calc(100vw - var(--authority-content-inline) - var(--space-5)));max-width:var(--layout-content-max);margin:0 0 36px;padding:20px 22px 56px;border:0;border-radius:0;background:var(--surface-canvas);box-shadow:none}.nav{gap:14px}.nav .item,.nav a,.sb-settings{width:208px;min-height:52px;border:2px solid var(--border-structural);border-radius:12px;background:var(--surface-card);color:var(--text-primary);box-shadow:var(--elevation-card);transition:transform var(--motion-press) var(--ease-standard),box-shadow var(--motion-press) var(--ease-standard),border-color var(--motion-state) var(--ease-standard)}.nav a:hover,.sb-settings:hover{transform:translateY(-2px);border-color:var(--border-operational);color:var(--text-primary);box-shadow:var(--elevation-card-hover)}.nav a:active,.sb-settings:active{transform:translateY(1px);box-shadow:var(--elevation-pressed)}.nav a.active,.sb-settings.active{border-color:var(--action-active);background:var(--surface-glass-operational);color:var(--text-on-operational);box-shadow:var(--focus-active),var(--elevation-pressed)}.sb-tour-launch{gap:10px;padding-inline:10px}.nav a{position:relative}.nav a.active:before{content:"";position:absolute;inset-block:9px;inset-inline-start:-12px;inline-size:var(--stroke-active);border-radius:var(--radius-full);background:var(--action-active);box-shadow:0 0 0 1px var(--focus-contrast)}}@media (min-width:981px) and (max-width:1279px){.topbar-school{inset-inline-start:var(--space-5);width:var(--topbar-context-width-compact);padding-inline:var(--space-2)}.topbar-welcome{font-size:var(--font-size-md)}.topbar-wordmark b{font-size:var(--font-size-xl)}.topbar-wordmark-compact b{font-size:var(--topbar-context-wordmark-compact-size)}.topbar-wordmark-wrap b{font-size:var(--font-size-lg);line-height:var(--line-height-snug);overflow-wrap:anywhere;white-space:normal}.topbar-emblem{width:var(--topbar-emblem-track-width-compact)}.topbar-emblem img{width:var(--topbar-emblem-art-size-compact);height:var(--topbar-emblem-art-size-compact)}.topbar-product-name{display:none}.topbar .topbar-actions{inset-inline-end:var(--space-3);gap:var(--space-1)}}@media (max-width:980px){.main,body,html{background:var(--surface-canvas)}.main{margin-inline-start:0}.topbar{background:var(--surface-shell);border-color:var(--border-shell-authority)}}@media (prefers-reduced-motion:reduce){.topbar-frame-six,.topbar-frame-six .topbar-context,.topbar-frame-six .topbar-emblem{animation:none}.nav .item,.nav a,.sb-settings{transition:none}}:root{--color-white:#fff;--color-black:#000;--color-navy-900:#094773;--color-navy-700:#23547b;--color-navy-500:#2d7ea1;--color-navy-300:#67a1ba;--color-navy-100:#9dc6e1;--color-navy-50:#eaf3fb;--color-green-900:#2c5b4c;--color-green-700:#487557;--color-green-500:#7ca48a;--color-green-300:#8eb49b;--color-green-200:#b9d2c2;--color-green-100:#d1dccd;--color-green-50:#e5f6df;--color-gold-500:#e4bc08;--color-gold-700:#c9972b;--color-burgundy-700:#7a263a;--color-burgundy-500:#9f1c1c;--color-burgundy-100:#f4e6e9;--color-border-sage:#98aa9e;--color-blue-shell:#9dc6e1;--color-shell-stroke:#5d7d60;--color-sidebar-stroke:#487557;--color-navy-operational-stroke:#7691a3;--color-green-action-stroke:#779286;--alpha-blue-glass:rgba(66,102,123,.9);--surface-canvas:var(--color-white);--surface-shell:var(--color-green-100);--surface-glass-navigation:var(--surface-shell);--surface-glass-topbar:var(--surface-shell);--surface-glass-operational:var(--alpha-blue-glass);--surface-glass-metric:var(--alpha-blue-glass);--surface-glass-control:rgba(255,255,255,.9);--surface-control:var(--color-white);--surface-raised:var(--color-white);--surface-card:var(--surface-raised);--surface-active:var(--color-white);--surface-selected:var(--color-green-50);--surface-success:var(--color-green-50);--surface-danger:color-mix(in srgb,var(--color-burgundy-700) 10%,var(--color-white));--surface-subtle-blue:var(--color-navy-50);--surface-subtle-green:var(--color-green-50);--surface-action-search:#d7c2c2;--surface-action-notification:rgba(66,102,123,.7);--surface-glass-context:var(--color-white);--overlay-scrim:rgba(9,71,115,.32);--text-primary:var(--color-navy-900);--text-secondary:var(--color-green-900);--text-muted:var(--color-navy-700);--text-context-page:#acc2a4;--text-on-structural:var(--color-white);--text-on-operational:var(--color-white);--text-on-primary:var(--color-white);--text-attention:var(--color-burgundy-700);--text-warning:var(--color-burgundy-700);--text-danger:var(--color-burgundy-700);--text-stat-danger:var(--color-burgundy-500);--text-stat-warning:var(--color-gold-500);--text-stat-muted:var(--color-green-200);--border-structural:var(--color-border-sage);--border-default:var(--color-border-sage);--border-strong:var(--color-navy-900);--border-active:var(--color-gold-700);--border-brand:var(--color-shell-stroke);--border-shell-authority:var(--color-shell-stroke);--border-sidebar-authority:var(--color-sidebar-stroke);--border-operational:var(--color-navy-operational-stroke);--border-action:var(--color-green-action-stroke);--border-context-glass:rgba(247,242,242,.72);--border-success:var(--color-green-700);--border-danger:var(--color-burgundy-700);--action-primary:var(--color-green-900);--action-secondary:var(--color-navy-700);--action-active:var(--color-gold-700);--status-success:var(--color-green-700);--status-warning:var(--color-gold-700);--status-danger:var(--color-burgundy-500);--status-info:var(--color-navy-500);--status-success-subtle:var(--color-green-50);--status-warning-subtle:var(--color-green-100);--status-danger-subtle:var(--color-burgundy-100);--space-zero:0;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-4-5:18px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-15:60px;--space-20:80px;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-shell:15px;--radius-control:12px;--radius-operational:16px;--radius-card:16px;--radius-xl:20px;--radius-2xl:25px;--radius-full:999px;--radius-pill:999px;--stroke-hairline:1px;--stroke-subtle:1.5px;--stroke-default:2px;--stroke-operational:3px;--stroke-shell:3px;--stroke-active:4px;--shell-sidebar:268px;--shell-nav-item:204px;--shell-topbar:148px;--shell-topbar-frame-six:134px;--shell-topbar-clearance:230px;--topbar-context-inline-offset:44px;--topbar-context-width:163px;--topbar-context-width-compact:140px;--topbar-context-height:161px;--topbar-context-padding-start:28px;--topbar-context-gap:25px;--topbar-context-radius:30px;--topbar-context-tilt:2.22deg;--topbar-context-wordmark-size:27.5px;--topbar-context-wordmark-compact-size:22px;--topbar-context-wordmark-line:34.4px;--topbar-emblem-track-top:11px;--topbar-emblem-track-width:500px;--topbar-emblem-track-width-compact:170px;--topbar-emblem-art-size:208px;--topbar-emblem-art-size-compact:132px;--topbar-emblem-art-offset:12px;--topbar-emblem-art-tilt:12.49deg;--topbar-product-inline-offset:-20px;--topbar-product-block-offset:44px;--topbar-product-font-size:32px;--topbar-actions-block-offset:47px;--topbar-action-icon-size:36px;--topbar-theme-icon-size:35px;--topbar-language-icon-size:38px;--topbar-notification-icon-size:32px;--topbar-staff-qr-icon-size:32px;--topbar-signout-icon-width:38px;--topbar-signout-icon-height:36px;--elevation-topbar-action:0 3px 2px rgba(0,0,0,.25),inset 0 4px 4px rgba(0,0,0,.25);--elevation-topbar-theme:0 3px 2px rgba(0,0,0,.25),inset 0 -4px 1px rgba(0,0,0,.25);--layout-desktop:1500px;--layout-mobile:390px;--layout-content-max:1176px;--motion-instant:120ms;--motion-standard:180ms;--motion-enter:240ms;--motion-emphasis:280ms;--motion-stagger:40ms;--motion-easing-standard:cubic-bezier(.2,0,0,1);--motion-easing-enter:cubic-bezier(.16,1,.3,1);--motion-easing-exit:cubic-bezier(.4,0,1,1);--motion-press:var(--motion-instant);--motion-state:var(--motion-standard);--ease-standard:var(--motion-easing-standard);--font-family-ui:"Cairo","Noto Sans Arabic",sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--font-weight-300:300;--font-weight-400:400;--font-weight-600:600;--font-weight-700:700;--font-weight-900:900;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:17px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:38px;--font-size-stat:36px;--font-size-hero:56px;--font-size-wordmark:40px;--line-height-none:1;--line-height-tight:1.1;--line-height-snug:1.2;--line-height-stat:44px;--line-height-card:28px;--line-height-normal:1.3;--line-height-relaxed:1.45;--line-height-loose:1.55;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.04em;--letter-spacing-label:.16em;--letter-spacing-display:.28em;--z-modal:1000;--elevation-xs:0 2px 4px rgba(9,71,115,.08);--elevation-sm:0 2px 4px rgba(9,71,115,.1),inset 0 1px 1px rgba(255,255,255,.72);--elevation-md:0 4px 8px rgba(9,71,115,.16),inset 0 1px 1px rgba(255,255,255,.78);--elevation-lg:0 8px 18px rgba(9,71,115,.2),inset 0 1px 1px rgba(255,255,255,.82);--elevation-shell:6px 8px 4px rgba(0,0,0,.25),inset 2px 4px 4px rgba(0,0,0,.25);--elevation-sidebar:6px 3px 4px rgba(0,0,0,.25),inset 2px 4px 4px rgba(0,0,0,.31);--elevation-operational:0 12px 28px -6px rgba(9,71,115,.22),0 4px 4px rgba(0,0,0,.25),inset 0 2px 5px rgba(9,71,115,.12),inset 0 -1px 1px rgba(255,255,255,.82),inset 0 4px 4px rgba(0,0,0,.25);--elevation-card:0 6px 18px -4px rgba(9,71,115,.16),inset 0 2px 4px rgba(9,71,115,.1),inset 0 -1px 1px rgba(255,255,255,.78);--elevation-card-hover:0 12px 24px rgba(9,71,115,.2),0 5px 7px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.82);--elevation-pressed:inset 2px 4px 4px rgba(0,0,0,.28),0 2px 3px rgba(0,0,0,.18);--elevation-inset-soft:inset 0 2px 4px rgba(9,71,115,.08);--elevation-inset-deep:inset 0 3px 6px rgba(9,71,115,.24);--elevation-inset-highlight:inset 0 1px 0 rgba(255,255,255,.85);--elevation-overlay:0 24px 64px rgba(9,71,115,.28);--elevation-wordmark:0 2px 3px rgba(9,71,115,.22);--elevation-context-carved:inset 0 12.9px 3.44px rgba(0,0,0,.25),inset 0 3.44px .86px rgba(0,0,0,.35),0 3px 5px rgba(9,71,115,.12);--elevation-brand-artwork:drop-shadow(0 4px 3px rgba(0,0,0,.25));--focus-active:0 0 0 3px color-mix(in srgb,var(--border-active) 76%,transparent);--focus-contrast:var(--color-navy-900);--touch-target:44px}[data-theme=comfort]{--surface-canvas:color-mix(in srgb,var(--color-green-900) 78%,var(--color-black));--surface-shell:color-mix(in srgb,var(--color-green-900) 82%,var(--color-black));--surface-glass-navigation:var(--surface-shell);--surface-glass-topbar:var(--surface-shell);--surface-glass-operational:color-mix(in srgb,var(--color-navy-900) 86%,var(--color-black));--surface-glass-metric:var(--surface-glass-operational);--surface-glass-control:color-mix(in srgb,var(--color-navy-900) 72%,var(--color-black));--surface-control:color-mix(in srgb,var(--color-navy-900) 62%,var(--color-black));--surface-raised:color-mix(in srgb,var(--color-green-900) 66%,var(--color-black));--surface-card:var(--surface-raised);--surface-active:color-mix(in srgb,var(--color-navy-900) 74%,var(--color-black));--surface-selected:color-mix(in srgb,var(--color-green-700) 62%,var(--color-black));--surface-success:var(--surface-selected);--surface-danger:color-mix(in srgb,var(--color-burgundy-700) 58%,var(--color-black));--surface-subtle-blue:color-mix(in srgb,var(--color-navy-700) 54%,var(--color-black));--surface-subtle-green:color-mix(in srgb,var(--color-green-700) 54%,var(--color-black));--surface-action-notification:var(--color-navy-700);--surface-glass-context:color-mix(in srgb,var(--color-green-900) 72%,var(--color-black));--overlay-scrim:color-mix(in srgb,var(--color-black) 70%,transparent);--text-primary:var(--color-white);--text-secondary:var(--color-green-100);--text-muted:var(--color-green-200);--text-context-page:var(--color-green-100);--text-attention:color-mix(in srgb,var(--color-burgundy-100) 82%,var(--color-white));--text-warning:var(--color-gold-500);--text-danger:color-mix(in srgb,var(--color-burgundy-100) 82%,var(--color-white));--border-structural:var(--color-green-500);--border-default:var(--color-green-500);--border-strong:var(--color-navy-100);--border-brand:var(--color-green-300);--border-shell-authority:var(--color-green-500);--border-sidebar-authority:var(--color-green-500);--border-operational:var(--color-navy-300);--border-action:var(--color-green-300);--border-context-glass:var(--color-green-500);--action-primary:var(--color-navy-500);--action-secondary:var(--color-navy-700);--focus-contrast:var(--color-white)}@media (prefers-reduced-motion:reduce){:root{--motion-instant:0ms;--motion-standard:0ms;--motion-enter:0ms;--motion-emphasis:0ms;--motion-stagger:0ms}}