:root{color-scheme:light;--background:#f5f5f6;--surface:#ffffff;--surface-muted:#efeff1;--line:#d4d4d9;--line-strong:#85858f;--text:#171719;--text-soft:#414149;--muted:#606069;--green:#116641;--amber:#825500;--blue:#414149;--violet:#803049;--red:#b32632;--shadow:0 calc(18px * var(--mobile-interface-scale, 1)) calc(50px * var(--mobile-interface-scale, 1)) rgba(0,0,0,0.12);--shadow-color-faint:rgba(0,0,0,0.08);--shadow-color-soft:rgba(0,0,0,0.12);--shadow-color-medium:rgba(0,0,0,0.16);--shadow-color-strong:rgba(0,0,0,0.18);--overlay-ink-22:rgba(0,0,0,0.22);--overlay-ink-44:rgba(0,0,0,0.44);--overlay-ink-48:rgba(0,0,0,0.48);--overlay-ink-62:rgba(0,0,0,0.62);--overlay-dark-42:rgba(0,0,0,0.42);--overlay-dark-shadow:rgba(0,0,0,0.2);--green-alpha-10:rgba(31,111,88,0.1);--green-alpha-12:rgba(31,111,88,0.12);--green-alpha-18:rgba(31,111,88,0.18);--green-alpha-22:rgba(31,111,88,0.22);--green-alpha-28:rgba(31,111,88,0.28);--success-bg:#e5f3e9;--success-bg-soft:#edf6ef;--success-bg-muted:#e5f0e8;--success-border:#83b99a;--success-border-strong:#4f9168;--success-border-muted:#83b99a;--success-text-strong:#116641;--info-bg:#efeff3;--info-border:#9c9ca7;--danger-bg:#fff0f1;--danger-border:#de949b;--warning-bg:#fff0ce;--warning-border:#bf8e3a;--ocr-green:#116641;--dark-panel-solid:#161616;--shell-icon-surface:#c92035;--light-contrast:#ffffff;--white-alpha-04:rgba(255,255,255,0.04);--white-alpha-08:rgba(255,255,255,0.08);--white-alpha-10:rgba(255,255,255,0.1);--white-alpha-12:rgba(255,255,255,0.12);--white-alpha-18:rgba(255,255,255,0.18);--white-alpha-28:rgba(255,255,255,0.28);--shadow-color-quiet:rgba(0,0,0,0.1);--danger-alpha-08:rgba(163,29,53,0.08);--danger-alpha-09:rgba(163,29,53,0.09);--danger-alpha-22:rgba(163,29,53,0.22);--danger-alpha-28:rgba(163,29,53,0.28);--green-bright-alpha-12:rgba(72,200,150,0.12);--green-bright-alpha-16:rgba(72,200,150,0.16);--green-bright-alpha-28:rgba(72,200,150,0.28);--green-bright-alpha-32:rgba(72,200,150,0.32);--blue-alpha-08:rgba(65,65,73,0.08);--blue-soft-alpha-12:rgba(65,65,73,0.12);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--mobile-tab-bar-height:calc(calc(62px * var(--mobile-interface-scale, 1)) + max(calc(6px * var(--mobile-interface-scale, 1)), var(--safe-bottom)));--panel:var(--surface);--panel-soft:var(--surface-muted);--input:var(--surface);--accent:#b51b2e;--accent-soft:rgba(201,32,53,0.08);--accent-strong:#941526;--danger:var(--red);--warning:var(--amber);--success:var(--green);--info:var(--blue);--accent-fill:#c92035;--accent-fill-hover:#ad172a;--accent-border:#ad172a;--on-accent:#ffffff;--focus-ring:#b51b2e;--on-success:#ffffff;--on-info:#ffffff;--on-danger:#ffffff;--on-warning:#181815;--nav-background:#ffffff;--nav-surface:#f5f5f6;--nav-text:#171719;--nav-muted:#606069;--nav-line:#d4d4d9;--nav-hover:#fcecef;--nav-active:#c92035;--nav-on-active:#ffffff;--ink:#101012;--table-head:#efeff1;--selection:#f8c6ce;--document-paper:#ffffff;--document-ink:#191919;--document-line:#d4d4d9;--document-muted:#606069;--document-accent:#b51b2e;--warning-text:var(--amber);--border:var(--line);--border-color:var(--line);--color-warning:var(--amber);--chart-1:#b51b2e;--chart-2:#414149;--chart-3:#803049;--chart-4:#71717b;--chart-5:#991b1b;--chart-6:#171719;--space-1:calc(4px * var(--mobile-interface-scale, 1));--space-2:calc(8px * var(--mobile-interface-scale, 1));--space-3:calc(12px * var(--mobile-interface-scale, 1));--space-4:calc(16px * var(--mobile-interface-scale, 1));--space-5:calc(20px * var(--mobile-interface-scale, 1));--space-6:calc(24px * var(--mobile-interface-scale, 1));--space-8:calc(32px * var(--mobile-interface-scale, 1));--radius-control:calc(8px * var(--mobile-interface-scale, 1));--radius-panel:calc(8px * var(--mobile-interface-scale, 1));--radius-modal:calc(8px * var(--mobile-interface-scale, 1));--radius-pill:calc(999px * var(--mobile-interface-scale, 1));--page-gutter:clamp(calc(16px * var(--mobile-interface-scale, 1)),2.4vw,calc(34px * var(--mobile-interface-scale, 1)));--content-max-width:calc(1760px * var(--mobile-interface-scale, 1))}:root[data-theme=dark]{color-scheme:dark;--chart-1:#ff8795;--chart-2:#dddde1;--chart-3:#efa5bd;--chart-4:#a2a2ad;--chart-5:#ffb3ba;--chart-6:#f7f7f8;--blue-alpha-08:rgba(199,199,208,0.08);--background:#0c0c0e;--surface:#171719;--surface-muted:#222225;--line:#45454d;--line-strong:#777781;--text:#f7f7f8;--text-soft:#dddde1;--muted:#b2b2bc;--green:#67d59a;--amber:#edbb65;--blue:#c7c7d0;--violet:#efa5bd;--red:#ff929c;--shadow:0 calc(18px * var(--mobile-interface-scale, 1)) calc(50px * var(--mobile-interface-scale, 1)) rgba(0,0,0,0.32);--shadow-color-faint:rgba(0,0,0,0.18);--shadow-color-soft:rgba(0,0,0,0.24);--shadow-color-medium:rgba(0,0,0,0.3);--shadow-color-strong:rgba(0,0,0,0.36);--overlay-ink-44:rgba(0,0,0,0.58);--overlay-ink-48:rgba(0,0,0,0.62);--overlay-ink-62:rgba(0,0,0,0.76);--overlay-dark-42:rgba(0,0,0,0.58);--overlay-dark-shadow:rgba(0,0,0,0.32);--success-bg:rgba(103,213,154,0.14);--success-bg-soft:rgba(103,213,154,0.1);--success-bg-muted:rgba(103,213,154,0.1);--success-border:rgba(103,213,154,0.4);--success-border-strong:rgba(103,213,154,0.55);--success-border-muted:rgba(103,213,154,0.4);--success-text-strong:#67d59a;--ocr-green:#67d59a;--info-bg:rgba(199,199,208,0.1);--info-border:rgba(199,199,208,0.4);--danger-bg:rgba(255,146,156,0.13);--danger-border:rgba(255,146,156,0.4);--warning-bg:rgba(237,187,101,0.14);--warning-border:rgba(237,187,101,0.4);--accent:#ff8795;--accent-soft:rgba(255,135,149,0.10);--accent-strong:#ffb0b9;--accent-border:#ed5a6d;--focus-ring:#ff8795;--on-success:#082315;--on-info:#101b2b;--on-danger:#30060a;--nav-background:#09090b;--nav-surface:#171719;--nav-text:#f7f7f8;--nav-muted:#b2b2bc;--nav-line:#38383f;--nav-hover:#302127;--nav-active:#c92035;--nav-on-active:#ffffff;--table-head:#242427;--selection:#53202a;--green-alpha-10:rgba(103,213,154,0.10);--green-alpha-12:rgba(103,213,154,0.12);--green-alpha-18:rgba(103,213,154,0.18);--green-alpha-22:rgba(103,213,154,0.22);--green-alpha-28:rgba(103,213,154,0.28);--green-bright-alpha-12:rgba(103,213,154,0.12);--green-bright-alpha-16:rgba(103,213,154,0.16);--green-bright-alpha-28:rgba(103,213,154,0.28);--green-bright-alpha-32:rgba(103,213,154,0.32);--danger-alpha-08:rgba(255,146,156,0.08);--danger-alpha-09:rgba(255,146,156,0.09);--danger-alpha-22:rgba(255,146,156,0.22);--danger-alpha-28:rgba(255,146,156,0.28);--blue-soft-alpha-12:rgba(199,199,208,0.12)}*{box-sizing:border-box}body,html{min-height:100%;touch-action:pan-x pan-y pinch-zoom}body{background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100dvh;overscroll-behavior-y:none}button{font:inherit}h1,h2{letter-spacing:0;margin:0}h1{font-size:clamp(calc(28px * var(--mobile-interface-scale, 1)),4vw,calc(42px * var(--mobile-interface-scale, 1)))}h2{font-size:calc(20px * var(--mobile-interface-scale, 1))}@keyframes pwa-network-pulse{50%{opacity:.42;transform:scale(.78)}}@keyframes metric-entry{0%{opacity:0;transform:translateY(calc(12px * var(--mobile-interface-scale, 1)))}to{opacity:1;transform:translateY(0)}}@keyframes loading-orbit{to{transform:rotate(1turn)}}@keyframes loading-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(.96)}}@keyframes loading-line{0%{transform:translateX(-110%)}55%,to{transform:translateX(220%)}}@keyframes loading-shimmer{to{transform:translateX(100%)}}@keyframes mobile-menu-flat-entry{0%{opacity:0;transform:translateY(calc(12px * var(--mobile-interface-scale, 1))) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes navigation-attention-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--red) 52%,transparent);transform:scale(1)}50%{box-shadow:0 0 0 calc(5px * var(--mobile-interface-scale, 1)) transparent;transform:scale(.88)}}@keyframes mobile-sheet-up{0%{opacity:0;transform:translateY(calc(24px * var(--mobile-interface-scale, 1)))}to{opacity:1;transform:translateY(0)}}@keyframes mobile-modal-in{0%{opacity:0;transform:translateY(calc(10px * var(--mobile-interface-scale, 1))) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes premium-card-enter{0%{opacity:0;transform:translateY(calc(12px * var(--mobile-interface-scale, 1))) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes premium-card-sheen{0%,34%{transform:translateX(-120%)}to{transform:translateX(120%)}}@keyframes premium-paper-flight{0%{filter:blur(1px);opacity:0;transform:translate3d(0,calc(24px * var(--mobile-interface-scale, 1)),0) rotate(var(--paper-start-rotate)) scale(.78)}12%{opacity:1}58%{filter:blur(0);opacity:1;transform:translate3d(var(--paper-mid-x),var(--paper-rise),0) rotate(var(--paper-end-rotate)) scale(1)}82%{opacity:1;transform:translate3d(var(--paper-end-x),calc(var(--paper-rise) + calc(8px * var(--mobile-interface-scale, 1))),0) rotate(2deg) scale(.88)}to{filter:blur(calc(1.5px * var(--mobile-interface-scale, 1)));opacity:0;transform:translate3d(var(--paper-end-x),calc(var(--paper-rise) + calc(18px * var(--mobile-interface-scale, 1))),0) rotate(9deg) scale(.66)}}@keyframes premium-device-scan{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(calc(38px * var(--mobile-interface-scale, 1)))}}@keyframes premium-stage-dot{0%,to{transform:scale(1)}50%{transform:scale(.78)}}@keyframes dashboard-rise{0%{opacity:0;transform:translateY(calc(14px * var(--mobile-interface-scale, 1)))}to{opacity:1;transform:translateY(0)}}@keyframes dashboard-shine{0%{left:-65%}48%,to{left:126%}}@keyframes dashboard-track-flow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(22deg)}}@keyframes dashboard-soft-pulse{0%,to{transform:scale(1)}50%{transform:scale(.74)}}.login-shell{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-fill) 8%,transparent),transparent 34%),linear-gradient(315deg,var(--blue-alpha-08),transparent 30%),var(--background);display:grid;min-height:100dvh;padding:max(calc(32px * var(--mobile-interface-scale, 1)),var(--safe-top)) max(calc(32px * var(--mobile-interface-scale, 1)),var(--safe-right)) max(calc(32px * var(--mobile-interface-scale, 1)),var(--safe-bottom)) max(calc(32px * var(--mobile-interface-scale, 1)),var(--safe-left))}.login-panel{display:grid;grid-gap:calc(18px * var(--mobile-interface-scale, 1));gap:calc(18px * var(--mobile-interface-scale, 1));justify-self:center;width:min(100%,calc(560px * var(--mobile-interface-scale, 1)))}.login-panel .auth-panel{max-width:none;width:100%}.login-brand{align-items:center;color:var(--text);display:flex;gap:calc(12px * var(--mobile-interface-scale, 1));padding:0 calc(4px * var(--mobile-interface-scale, 1))}.login-brand span,.login-brand strong{display:block}.login-brand span{color:var(--muted);font-size:calc(13px * var(--mobile-interface-scale, 1));margin-top:calc(2px * var(--mobile-interface-scale, 1))}.app-shell{--desktop-sidebar-width:calc(280px * var(--mobile-interface-scale, 1));display:grid;grid-template-columns:var(--desktop-sidebar-width) minmax(0,1fr);min-height:100dvh;transition:grid-template-columns .22s ease}.sidebar{background:var(--dark-panel-solid);box-sizing:border-box;color:var(--light-contrast);display:flex;flex-direction:column;gap:calc(28px * var(--mobile-interface-scale, 1));min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;padding:max(calc(24px * var(--mobile-interface-scale, 1)),var(--safe-top)) calc(16px * var(--mobile-interface-scale, 1)) max(calc(24px * var(--mobile-interface-scale, 1)),var(--safe-bottom)) max(calc(16px * var(--mobile-interface-scale, 1)),var(--safe-left));transition:opacity .18s ease,transform .22s ease,visibility .22s ease;width:var(--desktop-sidebar-width)}.brand{align-items:center;display:flex;gap:calc(12px * var(--mobile-interface-scale, 1));padding:calc(6px * var(--mobile-interface-scale, 1)) calc(8px * var(--mobile-interface-scale, 1)) calc(18px * var(--mobile-interface-scale, 1))}.brand-mark{align-items:center;background:var(--shell-icon-surface) url(/icons/ek-mark-v1.svg) center /contain no-repeat;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:transparent;display:grid;flex:0 0 auto;font-size:0;font-weight:950;height:calc(42px * var(--mobile-interface-scale, 1));letter-spacing:0;line-height:1;overflow:hidden;place-items:center;width:calc(42px * var(--mobile-interface-scale, 1))}.brand-mark span{display:block;font-size:0;transform:translateY(1px)}.brand span,.brand strong{display:block}.brand span{color:var(--text-soft);font-size:calc(13px * var(--mobile-interface-scale, 1));margin-top:calc(2px * var(--mobile-interface-scale, 1))}.brand .brand-mark span,.login-brand .brand-mark span{color:transparent;font-size:0;font-weight:950;margin-top:0}.nav-list{display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1))}.nav-group{display:grid;grid-gap:calc(5px * var(--mobile-interface-scale, 1));gap:calc(5px * var(--mobile-interface-scale, 1));min-width:0}.nav-group-button{align-items:center;background:color-mix(in srgb,var(--surface) 6%,transparent);border:1px solid var(--white-alpha-08);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--text-soft);cursor:pointer;display:flex;font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:800;justify-content:space-between;letter-spacing:0;min-height:calc(40px * var(--mobile-interface-scale, 1));padding:0 calc(11px * var(--mobile-interface-scale, 1)) 0 calc(12px * var(--mobile-interface-scale, 1));text-align:left;text-transform:uppercase;transition:background .16s ease,border-color .16s ease,color .16s ease;width:100%}.nav-group-button.active,.nav-group-button.expanded,.nav-group-button:hover{background:var(--white-alpha-10);border-color:color-mix(in srgb,var(--line) 14%,transparent);color:var(--light-contrast)}.nav-group-chevron{flex:0 0 auto;transition:transform .16s ease}.nav-group-button.expanded .nav-group-chevron{transform:rotate(180deg)}.nav-group-items{display:grid;grid-gap:calc(4px * var(--mobile-interface-scale, 1));gap:calc(4px * var(--mobile-interface-scale, 1))}.nav-item{align-items:center;background:transparent;border:0;border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--text-soft);cursor:pointer;display:flex;gap:calc(10px * var(--mobile-interface-scale, 1));min-height:calc(42px * var(--mobile-interface-scale, 1));padding:0 calc(12px * var(--mobile-interface-scale, 1));text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease;width:100%}.nav-group-items .nav-item{min-height:calc(38px * var(--mobile-interface-scale, 1));padding-left:calc(16px * var(--mobile-interface-scale, 1))}.nav-item.active,.nav-item:hover{background:var(--white-alpha-10);color:var(--light-contrast)}.workspace{display:flex;flex-direction:column;gap:calc(22px * var(--mobile-interface-scale, 1));min-width:0;overflow-x:hidden;padding:max(calc(28px * var(--mobile-interface-scale, 1)),var(--safe-top)) max(calc(28px * var(--mobile-interface-scale, 1)),var(--safe-right)) max(calc(28px * var(--mobile-interface-scale, 1)),var(--safe-bottom)) max(calc(28px * var(--mobile-interface-scale, 1)),var(--safe-left))}.mobile-app-bar,.mobile-menu-sheet,.mobile-nav-backdrop,.mobile-nav-close,.mobile-tab-bar{display:none}.mobile-menu-button,.mobile-nav-close,.mobile-tab-button{font:inherit}.mobile-nav-backdrop{background:transparent;border:0;margin:0;padding:0}.offline-retry-button,.pwa-install-status button,.pwa-network-status button{align-items:center;background:var(--surface);border:1px solid;border-radius:calc(7px * var(--mobile-interface-scale, 1));color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:900;justify-content:center;min-height:calc(34px * var(--mobile-interface-scale, 1));padding:calc(6px * var(--mobile-interface-scale, 1)) calc(10px * var(--mobile-interface-scale, 1))}.offline-retry-button:disabled,.pwa-install-status button:disabled,.pwa-network-status button:disabled{cursor:wait;opacity:.68}.pwa-install-status,.pwa-network-status,.pwa-queue-status{align-items:center;-webkit-backdrop-filter:blur(calc(14px * var(--mobile-interface-scale, 1)));backdrop-filter:blur(calc(14px * var(--mobile-interface-scale, 1)));background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:0 calc(12px * var(--mobile-interface-scale, 1)) calc(28px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--ink) 16%,transparent);color:var(--muted);display:flex;font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:850;gap:calc(8px * var(--mobile-interface-scale, 1));min-height:calc(42px * var(--mobile-interface-scale, 1));padding:calc(6px * var(--mobile-interface-scale, 1)) calc(8px * var(--mobile-interface-scale, 1)) calc(6px * var(--mobile-interface-scale, 1)) calc(10px * var(--mobile-interface-scale, 1));pointer-events:auto}.pwa-network-status-dot{background:var(--green);border-radius:50%;box-shadow:0 0 0 calc(3px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--green) 18%,transparent);flex:0 0 auto;height:calc(8px * var(--mobile-interface-scale, 1));width:calc(8px * var(--mobile-interface-scale, 1))}.pwa-install-status span,.pwa-network-status span:not(.pwa-network-status-dot){min-width:0}.pwa-install-status button,.pwa-network-status button,.pwa-queue-status button{margin-left:auto;white-space:nowrap}.pwa-network-status.checking .pwa-network-status-dot,.pwa-network-status.syncing .pwa-network-status-dot{animation:pwa-network-pulse 1.1s ease-in-out infinite;background:var(--blue);box-shadow:0 0 0 calc(3px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--blue) 18%,transparent)}.pwa-network-status.error,.pwa-network-status.offline{border-color:color-mix(in srgb,var(--red) 42%,var(--line));color:var(--red)}.pwa-network-status.error .pwa-network-status-dot,.pwa-network-status.offline .pwa-network-status-dot{background:var(--red);box-shadow:0 0 0 calc(3px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--red) 16%,transparent)}.topbar{gap:calc(16px * var(--mobile-interface-scale, 1));justify-content:space-between}.topbar,.topbar-title-row{align-items:center;display:flex;min-width:0}.topbar-title-row{flex:1 1 auto;gap:calc(12px * var(--mobile-interface-scale, 1))}.topbar-title-row>div{min-width:0}.desktop-sidebar-toggle{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:0 calc(10px * var(--mobile-interface-scale, 1)) calc(24px * var(--mobile-interface-scale, 1)) var(--shadow-color-faint);color:var(--text);cursor:pointer;display:grid;flex:0 0 auto;height:calc(42px * var(--mobile-interface-scale, 1));place-items:center;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;width:calc(42px * var(--mobile-interface-scale, 1))}.desktop-sidebar-toggle:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 calc(14px * var(--mobile-interface-scale, 1)) calc(30px * var(--mobile-interface-scale, 1)) var(--shadow-color-soft);color:var(--accent);transform:translateY(-1px)}.desktop-sidebar-toggle:active{transform:translateY(0)}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:calc(10px * var(--mobile-interface-scale, 1));justify-content:flex-end}.notification-bell{display:inline-flex;justify-content:flex-end;position:relative}.notification-bell-button{position:relative}.notification-bell-badge{align-items:center;background:var(--red);border:calc(2px * var(--mobile-interface-scale, 1)) solid var(--surface);border-radius:var(--radius-pill);color:var(--on-danger);display:flex;font-size:calc(10px * var(--mobile-interface-scale, 1));font-weight:800;justify-content:center;line-height:1;min-height:calc(18px * var(--mobile-interface-scale, 1));min-width:calc(18px * var(--mobile-interface-scale, 1));padding:calc(2px * var(--mobile-interface-scale, 1)) calc(4px * var(--mobile-interface-scale, 1));position:absolute;right:calc(-7px * var(--mobile-interface-scale, 1));top:calc(-7px * var(--mobile-interface-scale, 1))}.notification-bell-popover{background:var(--surface);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));box-shadow:0 calc(20px * var(--mobile-interface-scale, 1)) calc(54px * var(--mobile-interface-scale, 1)) var(--shadow-color-soft);display:grid;overflow:hidden;position:absolute;right:0;top:calc(100% + calc(10px * var(--mobile-interface-scale, 1)));width:min(calc(380px * var(--mobile-interface-scale, 1)),calc(100vw - calc(32px * var(--mobile-interface-scale, 1))));z-index:90}.notification-bell-popover-head{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:calc(12px * var(--mobile-interface-scale, 1));justify-content:space-between;padding:calc(12px * var(--mobile-interface-scale, 1)) calc(14px * var(--mobile-interface-scale, 1))}.notification-bell-popover-head>div{display:grid;grid-gap:calc(2px * var(--mobile-interface-scale, 1));gap:calc(2px * var(--mobile-interface-scale, 1));min-width:0}.notification-bell-popover-head strong{font-size:calc(14px * var(--mobile-interface-scale, 1))}.notification-bell-popover-head span{color:var(--muted);font-size:calc(11px * var(--mobile-interface-scale, 1));font-weight:700}.notification-bell-popover-head>button{align-items:center;background:transparent;border:0;color:var(--accent);cursor:pointer;display:inline-flex;font:inherit;font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:850;gap:calc(2px * var(--mobile-interface-scale, 1));padding:calc(6px * var(--mobile-interface-scale, 1)) 0 calc(6px * var(--mobile-interface-scale, 1)) calc(8px * var(--mobile-interface-scale, 1))}.notification-bell-list{display:grid;max-height:min(calc(430px * var(--mobile-interface-scale, 1)),calc(100dvh - calc(190px * var(--mobile-interface-scale, 1))));overflow-y:auto}.notification-bell-item{align-items:start;background:var(--surface);border:0;border-bottom:1px solid var(--line);color:var(--text);cursor:pointer;display:grid;font:inherit;grid-gap:calc(9px * var(--mobile-interface-scale, 1));gap:calc(9px * var(--mobile-interface-scale, 1));grid-template-columns:calc(8px * var(--mobile-interface-scale, 1)) minmax(0,1fr);padding:calc(11px * var(--mobile-interface-scale, 1)) calc(14px * var(--mobile-interface-scale, 1));text-align:left}.notification-bell-item:hover{background:var(--surface-muted)}.notification-bell-item.unread{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.notification-bell-item-status{background:var(--line-strong);border-radius:50%;height:calc(7px * var(--mobile-interface-scale, 1));margin-top:calc(5px * var(--mobile-interface-scale, 1));width:calc(7px * var(--mobile-interface-scale, 1))}.notification-bell-item.unread .notification-bell-item-status{background:var(--accent);box-shadow:0 0 0 calc(3px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--accent) 12%,transparent);color:var(--on-success)}.notification-bell-item-copy{display:grid;grid-gap:calc(3px * var(--mobile-interface-scale, 1));gap:calc(3px * var(--mobile-interface-scale, 1));min-width:0}.notification-bell-item-copy strong{font-size:calc(12px * var(--mobile-interface-scale, 1));line-height:1.3;overflow-wrap:anywhere}.notification-bell-item-copy>span{color:var(--text-soft);display:-webkit-box;font-size:calc(11px * var(--mobile-interface-scale, 1));line-height:1.35;line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-bell-item-copy time{color:var(--muted);font-size:calc(10px * var(--mobile-interface-scale, 1));font-weight:700}.notification-bell-empty{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));margin:0;padding:calc(24px * var(--mobile-interface-scale, 1)) calc(14px * var(--mobile-interface-scale, 1));text-align:center}.notification-bell-footer{background:var(--surface-muted);border:0;color:var(--accent);cursor:pointer;font:inherit;font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:850;min-height:calc(40px * var(--mobile-interface-scale, 1));padding:calc(9px * var(--mobile-interface-scale, 1)) calc(14px * var(--mobile-interface-scale, 1))}.topbar-document-reconciliation-title-metrics{align-items:center;display:flex;flex:0 1 auto;margin-left:clamp(calc(18px * var(--mobile-interface-scale, 1)),5vw,calc(86px * var(--mobile-interface-scale, 1)));min-width:0}.topbar-document-reconciliation-title-metrics .document-reconciliation-compact-metrics{justify-content:flex-start}.topbar-document-reconciliation-title-metrics .document-reconciliation-compact-metrics>div{min-width:calc(70px * var(--mobile-interface-scale, 1));padding:calc(5px * var(--mobile-interface-scale, 1)) calc(7px * var(--mobile-interface-scale, 1))}.topbar-document-reconciliation-title-metrics .document-reconciliation-compact-metrics span{font-size:calc(9px * var(--mobile-interface-scale, 1))}.topbar-document-reconciliation-title-metrics .document-reconciliation-compact-metrics strong{font-size:calc(17px * var(--mobile-interface-scale, 1))}.topbar-document-reconciliation-controls{align-items:center;display:flex;flex:0 0 auto;gap:calc(8px * var(--mobile-interface-scale, 1));justify-content:flex-end;min-width:0}.topbar-document-reconciliation-mobile-metrics{display:none}:root[data-theme=dark] .login-shell{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-fill) 8%,transparent),transparent 34%),linear-gradient(315deg,color-mix(in srgb,var(--accent-fill) 8%,transparent),transparent 30%),var(--background)}@media (min-width:1001px){.nav-item.active,.nav-item:hover{transform:translateX(calc(2px * var(--mobile-interface-scale, 1)))}.app-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.app-shell.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;transform:translateX(calc(-1 * var(--desktop-sidebar-width) - calc(24px * var(--mobile-interface-scale, 1))));visibility:hidden}.app-shell.sidebar-collapsed .desktop-sidebar-toggle{background:var(--dark-panel-solid);border-color:var(--dark-panel-solid);color:var(--light-contrast)}.app-shell.sidebar-collapsed .document-reconciliation-preview-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.28fr)}.app-shell.sidebar-collapsed .document-reconciliation-preview-panel.invoice{grid-template-rows:auto auto minmax(calc(640px * var(--mobile-interface-scale, 1)),72dvh)}.app-shell.sidebar-collapsed .document-reconciliation-preview-panel.items{grid-template-rows:auto minmax(calc(680px * var(--mobile-interface-scale, 1)),76dvh)}}@media (max-width:1000px){.app-shell{grid-template-columns:1fr}.app-shell.nav-open .sidebar{transform:translateX(0)}.app-shell.nav-open .mobile-nav-backdrop{opacity:1;pointer-events:auto}}@media (max-width:640px){.app-shell.nav-open .mobile-menu-sheet{pointer-events:auto;transform:translateY(0);visibility:visible}.app-shell.nav-open .mobile-menu-flat-item{animation:mobile-menu-flat-entry .24s ease both}}@media (max-width:1480px){.topbar{flex-wrap:wrap}}@media (max-width:1000px){.sidebar{bottom:0;box-shadow:calc(18px * var(--mobile-interface-scale, 1)) 0 calc(42px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--ink) 24%,transparent);left:0;min-height:100dvh;overflow-y:auto;position:fixed;top:0;transform:translateX(-105%);transition:transform .18s ease;width:min(88vw,calc(372px * var(--mobile-interface-scale, 1)));z-index:60}.mobile-nav-backdrop{background:var(--overlay-ink-48);display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .18s ease;z-index:55}.brand{justify-content:space-between}.mobile-nav-close{align-items:center;background:var(--white-alpha-08);border:1px solid var(--white-alpha-12);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--light-contrast);cursor:pointer;display:grid;height:calc(38px * var(--mobile-interface-scale, 1));place-items:center;width:calc(38px * var(--mobile-interface-scale, 1))}.nav-list{grid-template-columns:1fr}.topbar>div:first-child{display:none}.topbar{justify-content:flex-end}.topbar-actions{width:100%}.topbar-actions .security-pill{min-width:0;overflow:hidden;text-overflow:ellipsis}}@media (max-width:640px){:root[data-mobile-app-shell=true],:root[data-mobile-app-shell=true] body{height:100%;overflow:hidden;overscroll-behavior:none}.app-shell{height:100vh;height:var(--app-shell-height,100lvh);left:0;min-height:0;overflow:hidden;position:absolute;right:0;top:var(--app-shell-offset-top,0)}.session-loading-card{gap:calc(16px * var(--mobile-interface-scale, 1));padding:calc(24px * var(--mobile-interface-scale, 1)) calc(20px * var(--mobile-interface-scale, 1))}.workspace{gap:0;height:100%;min-height:0;overflow:hidden;padding:max(calc(14px * var(--mobile-interface-scale, 1)),var(--safe-top)) 0 0}.sidebar,.topbar{display:none}.mobile-menu-sheet{background:var(--dark-panel-solid);border:1px solid var(--white-alpha-10);border-radius:calc(8px * var(--mobile-interface-scale, 1)) calc(8px * var(--mobile-interface-scale, 1)) 0 0;bottom:0;box-shadow:0 calc(-24px * var(--mobile-interface-scale, 1)) calc(70px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--ink) 34%,transparent);color:var(--light-contrast);display:grid;grid-template-rows:auto minmax(0,1fr) auto;left:0;max-height:min(82dvh,calc(720px * var(--mobile-interface-scale, 1)));min-height:min(58dvh,calc(520px * var(--mobile-interface-scale, 1)));overflow:hidden;padding:calc(14px * var(--mobile-interface-scale, 1)) max(calc(14px * var(--mobile-interface-scale, 1)),var(--safe-right)) max(calc(16px * var(--mobile-interface-scale, 1)),var(--safe-bottom)) max(calc(14px * var(--mobile-interface-scale, 1)),var(--safe-left));position:fixed;pointer-events:none;right:0;transform:translateY(105%);transition:transform .19s ease;visibility:hidden;z-index:70}.mobile-menu-sheet-header{justify-content:space-between;padding-bottom:calc(12px * var(--mobile-interface-scale, 1))}.mobile-menu-sheet-brand,.mobile-menu-sheet-header{align-items:center;display:flex;gap:calc(12px * var(--mobile-interface-scale, 1))}.mobile-menu-sheet-brand{min-width:0}.mobile-menu-sheet-brand span{align-items:center;background:var(--shell-icon-surface) url(/icons/ek-mark-v1.svg) center /contain no-repeat;border:1px solid var(--white-alpha-18);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:transparent;display:grid;flex:0 0 auto;font-size:0;font-weight:950;height:calc(38px * var(--mobile-interface-scale, 1));place-items:center;width:calc(42px * var(--mobile-interface-scale, 1))}.mobile-menu-sheet-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:normal}.mobile-menu-sheet-list{align-content:start;overflow-y:auto;padding-bottom:calc(8px * var(--mobile-interface-scale, 1))}.mobile-menu-flat-list{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1))}.mobile-menu-flat-item{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 9%,transparent),var(--white-alpha-04)),var(--info-bg);border:1px solid var(--white-alpha-10);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--light-contrast);cursor:pointer;display:grid;font:inherit;font-weight:850;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1));grid-template-columns:calc(42px * var(--mobile-interface-scale, 1)) minmax(0,1fr) auto;min-height:calc(58px * var(--mobile-interface-scale, 1));opacity:0;padding:calc(8px * var(--mobile-interface-scale, 1)) calc(12px * var(--mobile-interface-scale, 1)) calc(8px * var(--mobile-interface-scale, 1)) calc(8px * var(--mobile-interface-scale, 1));text-align:left;transform:translateY(calc(12px * var(--mobile-interface-scale, 1))) scale(.98);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:100%}.mobile-menu-flat-item span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-flat-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-fill) 23%,transparent),color-mix(in srgb,var(--surface) 4%,transparent)),var(--ink);border-color:color-mix(in srgb,var(--accent) 42%,transparent);color:var(--light-contrast)}.mobile-menu-flat-icon{align-items:center;background:var(--white-alpha-08);border:1px solid color-mix(in srgb,var(--line) 11%,transparent);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--accent-fill);display:grid;height:calc(42px * var(--mobile-interface-scale, 1));place-items:center;width:calc(42px * var(--mobile-interface-scale, 1))}.mobile-menu-flat-item.active .mobile-menu-flat-icon{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:color-mix(in srgb,var(--accent) 34%,transparent);color:var(--accent-strong)}.mobile-menu-sheet .nav-group-button{background:var(--white-alpha-08);border-color:var(--white-alpha-12);min-height:calc(46px * var(--mobile-interface-scale, 1))}.mobile-menu-sheet .nav-item{min-height:calc(44px * var(--mobile-interface-scale, 1))}.mobile-menu-sheet .nav-item.active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--light-contrast)}.mobile-menu-sheet-footer{border-top:1px solid var(--white-alpha-10);display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1));padding-top:calc(10px * var(--mobile-interface-scale, 1))}.mobile-menu-logout-button{align-items:center;background:var(--white-alpha-08);border:1px solid var(--white-alpha-12);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--light-contrast);cursor:pointer;display:flex;font:inherit;font-weight:850;gap:calc(10px * var(--mobile-interface-scale, 1));justify-content:center;min-height:calc(50px * var(--mobile-interface-scale, 1));width:100%}.topbar{align-items:stretch;grid-template-columns:1fr;flex-direction:column;gap:calc(10px * var(--mobile-interface-scale, 1))}.topbar-actions{justify-content:stretch}.topbar-actions>*{width:100%}.topbar-logout-button{display:none}.mobile-tab-bar{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1)) calc(8px * var(--mobile-interface-scale, 1)) 0 0;bottom:auto;box-shadow:0 calc(-12px * var(--mobile-interface-scale, 1)) calc(30px * var(--mobile-interface-scale, 1)) var(--shadow-color-soft);display:grid;flex:0 0 auto;grid-gap:calc(2px * var(--mobile-interface-scale, 1));gap:calc(2px * var(--mobile-interface-scale, 1));grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;left:auto;padding:calc(6px * var(--mobile-interface-scale, 1)) max(calc(6px * var(--mobile-interface-scale, 1)),var(--safe-right)) max(calc(6px * var(--mobile-interface-scale, 1)),var(--safe-bottom)) max(calc(6px * var(--mobile-interface-scale, 1)),var(--safe-left));position:relative;right:auto;transition:opacity .12s ease,visibility .12s ease;width:100%;z-index:45}.mobile-tab-bar.is-viewport-obscured,:root[data-overlay-open=true] .mobile-tab-bar{opacity:0;pointer-events:none;visibility:hidden}.mobile-tab-button{align-items:center;background:transparent;border:0;border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--muted);cursor:pointer;display:grid;font-size:calc(10px * var(--mobile-interface-scale, 1));font-weight:800;grid-gap:calc(3px * var(--mobile-interface-scale, 1));gap:calc(3px * var(--mobile-interface-scale, 1));justify-items:center;min-height:calc(54px * var(--mobile-interface-scale, 1));min-width:0;padding:calc(5px * var(--mobile-interface-scale, 1)) calc(4px * var(--mobile-interface-scale, 1))}.mobile-tab-button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-tab-button.active{background:var(--accent-soft);color:var(--accent-strong)}.nav-list{grid-template-columns:1fr}}.mobile-app-title{display:grid;flex:1 1 auto;grid-gap:calc(2px * var(--mobile-interface-scale, 1));gap:calc(2px * var(--mobile-interface-scale, 1));min-width:0}.mobile-app-title strong{color:var(--text);font-size:calc(16px * var(--mobile-interface-scale, 1));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1000px){.mobile-app-bar{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));box-shadow:0 calc(10px * var(--mobile-interface-scale, 1)) calc(30px * var(--mobile-interface-scale, 1)) var(--shadow-color-faint);display:flex;gap:calc(10px * var(--mobile-interface-scale, 1));isolation:isolate;min-height:calc(58px * var(--mobile-interface-scale, 1));padding:calc(8px * var(--mobile-interface-scale, 1)) calc(10px * var(--mobile-interface-scale, 1));position:-webkit-sticky;position:sticky;top:max(calc(10px * var(--mobile-interface-scale, 1)),var(--safe-top));z-index:40}.mobile-menu-button{align-items:center;background:var(--dark-panel-solid);border:1px solid var(--dark-panel-solid);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--light-contrast);cursor:pointer;display:grid;flex:0 0 auto;height:calc(44px * var(--mobile-interface-scale, 1));place-items:center;width:calc(44px * var(--mobile-interface-scale, 1))}.mobile-app-actions{align-items:center;display:flex;flex:0 0 auto;gap:calc(8px * var(--mobile-interface-scale, 1))}.mobile-app-action{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--text);cursor:pointer;display:grid;flex:0 0 auto;height:calc(44px * var(--mobile-interface-scale, 1));place-items:center;position:relative;width:calc(44px * var(--mobile-interface-scale, 1))}.mobile-app-action:disabled{cursor:wait;opacity:.62}.mobile-app-refresh-action.is-refreshing svg{animation:mobile-app-refresh-spin .85s linear infinite}.mobile-app-action-badge{align-items:center;background:var(--red);border:calc(2px * var(--mobile-interface-scale, 1)) solid var(--surface);border-radius:var(--radius-pill);color:var(--on-danger);display:flex;font-size:calc(9px * var(--mobile-interface-scale, 1));font-weight:900;justify-content:center;min-height:calc(17px * var(--mobile-interface-scale, 1));min-width:calc(17px * var(--mobile-interface-scale, 1));padding:0 calc(3px * var(--mobile-interface-scale, 1));position:absolute;right:calc(-5px * var(--mobile-interface-scale, 1));top:calc(-5px * var(--mobile-interface-scale, 1))}}@media (prefers-reduced-motion:reduce){.mobile-app-refresh-action.is-refreshing svg{animation:none}}@keyframes mobile-app-refresh-spin{to{transform:rotate(1turn)}}@media (max-width:640px){.app-shell{--mobile-app-bar-content-gap:calc(12px * var(--mobile-interface-scale, 1));--mobile-app-bar-height:calc(60px * var(--mobile-interface-scale, 1));--mobile-app-bar-top:max(calc(6px * var(--mobile-interface-scale, 1)),var(--safe-top))}.workspace{padding-top:var(--mobile-app-bar-top)}.mobile-app-title{padding-left:calc(4px * var(--mobile-interface-scale, 1))}.mobile-app-bar{flex:0 0 auto;height:var(--mobile-app-bar-height);left:auto;margin:0 max(calc(14px * var(--mobile-interface-scale, 1)),var(--safe-right)) var(--mobile-app-bar-content-gap) max(calc(14px * var(--mobile-interface-scale, 1)),var(--safe-left));position:relative;right:auto;top:auto}.mobile-menu-button,.mobile-screen-boundary button[aria-label="Обновить"][title="Обновить"],.section-admin .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-api .integration-refresh-button,.section-api .mobile-screen-boundary>.integration-board>.integration-header>.muted-line,.section-api .mobile-screen-boundary>.integration-board>.integration-header>.panel-title,.section-audit .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-companies .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-fueling-refuel .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-fueling-reports .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-fueling-trips .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-fueling-trucks .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-notifications .mobile-screen-boundary>.notifications-board>.notifications-panel>.notifications-intro,.section-notifications .mobile-screen-boundary>.notifications-board>.notifications-panel>.panel-title,.section-notifications .notifications-refresh-button,.section-production-crushers .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-production-history .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-production-operations .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-production-plants .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-production-stock .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-production-transfers .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-reports .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child,.section-server-monitoring .mobile-screen-boundary>.server-monitoring-board>.operations-hero>.operations-hero-topline,.section-server-monitoring .operations-refresh-button,.section-users .mobile-screen-boundary>section>.work-panel:first-child>.panel-title:first-child{display:none}.section-api .integration-header-actions>.primary-button{flex:1 1}}.loading-stage{position:relative}.loading-stage-underlay{opacity:.34;filter:saturate(.8)}.session-loading-overlay{align-items:center;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--surface) 20%,transparent),transparent 28%),color-mix(in srgb,var(--surface) 76%,transparent);-webkit-backdrop-filter:blur(calc(12px * var(--mobile-interface-scale, 1)));backdrop-filter:blur(calc(12px * var(--mobile-interface-scale, 1)));display:grid;inset:0;padding:max(calc(24px * var(--mobile-interface-scale, 1)),var(--safe-top)) max(calc(24px * var(--mobile-interface-scale, 1)),var(--safe-right)) max(calc(24px * var(--mobile-interface-scale, 1)),var(--safe-bottom)) max(calc(24px * var(--mobile-interface-scale, 1)),var(--safe-left));position:fixed;z-index:90}.session-loading-card{align-items:center;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:calc(8px * var(--mobile-interface-scale, 1));box-shadow:0 calc(28px * var(--mobile-interface-scale, 1)) calc(70px * var(--mobile-interface-scale, 1)) var(--shadow-color-strong);display:grid;grid-gap:calc(18px * var(--mobile-interface-scale, 1));gap:calc(18px * var(--mobile-interface-scale, 1));justify-items:center;justify-self:center;max-width:calc(380px * var(--mobile-interface-scale, 1));overflow:hidden;padding:calc(30px * var(--mobile-interface-scale, 1));text-align:center;width:min(100%,calc(380px * var(--mobile-interface-scale, 1)))}.loading-brand-orbit{align-items:center;border-radius:var(--radius-pill);display:grid;height:calc(88px * var(--mobile-interface-scale, 1));isolation:isolate;place-items:center;position:relative;width:calc(88px * var(--mobile-interface-scale, 1))}.loading-brand-orbit:after,.loading-brand-orbit:before{border-radius:inherit;content:"";inset:0;position:absolute}.loading-brand-orbit:before{animation:loading-orbit 1.45s linear infinite;background:conic-gradient(from 90deg,transparent,color-mix(in srgb,var(--accent-fill) 18%,transparent),var(--accent-fill),transparent 72%)}.loading-brand-orbit:after{background:var(--surface);inset:calc(6px * var(--mobile-interface-scale, 1));z-index:0}.loading-brand-mark{align-items:center;animation:loading-pulse 1.8s ease-in-out infinite;background:var(--shell-icon-surface) url(/icons/ek-pwa-v1-192.png) center /contain no-repeat;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:transparent;display:grid;font-size:0;font-weight:950;height:calc(58px * var(--mobile-interface-scale, 1));line-height:1;place-items:center;position:relative;width:calc(58px * var(--mobile-interface-scale, 1));z-index:1}.session-loading-copy{display:grid;grid-gap:calc(6px * var(--mobile-interface-scale, 1));gap:calc(6px * var(--mobile-interface-scale, 1))}.session-loading-copy h2,.session-loading-copy p{margin:0}.session-loading-copy span{color:var(--muted);font-size:calc(14px * var(--mobile-interface-scale, 1));line-height:1.45}.premium-action-overlay{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 86%,transparent),color-mix(in srgb,var(--surface) 68%,transparent) 46%,color-mix(in srgb,var(--surface) 86%,transparent)),color-mix(in srgb,var(--background) 72%,transparent);-webkit-backdrop-filter:blur(calc(18px * var(--mobile-interface-scale, 1))) saturate(1.12);backdrop-filter:blur(calc(18px * var(--mobile-interface-scale, 1))) saturate(1.12);display:grid;inset:0;padding:max(calc(24px * var(--mobile-interface-scale, 1)),var(--safe-top)) max(calc(24px * var(--mobile-interface-scale, 1)),var(--safe-right)) max(calc(24px * var(--mobile-interface-scale, 1)),var(--safe-bottom)) max(calc(24px * var(--mobile-interface-scale, 1)),var(--safe-left));pointer-events:auto;position:fixed;z-index:140}.premium-action-card{animation:premium-card-enter .42s ease both;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--surface-muted) 82%,transparent)),var(--surface);border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:calc(8px * var(--mobile-interface-scale, 1));box-shadow:0 calc(30px * var(--mobile-interface-scale, 1)) calc(86px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--ink) 22%,transparent);display:grid;grid-gap:calc(20px * var(--mobile-interface-scale, 1));gap:calc(20px * var(--mobile-interface-scale, 1));justify-self:center;overflow:hidden;padding:0 calc(28px * var(--mobile-interface-scale, 1)) calc(28px * var(--mobile-interface-scale, 1));position:relative;text-align:center;width:min(100%,calc(520px * var(--mobile-interface-scale, 1)))}.premium-action-card:after,.premium-action-card:before{content:"";pointer-events:none;position:absolute}.premium-action-card:before{animation:premium-card-sheen 2.8s ease-in-out infinite;background:linear-gradient(100deg,transparent 0,color-mix(in srgb,var(--surface) 34%,transparent) 46%,transparent 62%);inset:0;transform:translateX(-120%);z-index:2}.premium-action-card:after{background:linear-gradient(90deg,var(--accent-fill),var(--accent-strong) 52%,var(--accent-fill));height:calc(3px * var(--mobile-interface-scale, 1));inset:0 0 auto;z-index:3}.premium-paper-scene{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 78%,transparent),var(--white-alpha-28)),linear-gradient(90deg,color-mix(in srgb,var(--accent-fill) 16%,transparent),color-mix(in srgb,var(--accent-fill) 10%,transparent),color-mix(in srgb,var(--accent-fill) 14%,transparent));border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);height:calc(164px * var(--mobile-interface-scale, 1));margin:0 calc(-28px * var(--mobile-interface-scale, 1));overflow:hidden;position:relative;width:calc(100% + calc(56px * var(--mobile-interface-scale, 1)))}.premium-paper-scene:before{background:repeating-linear-gradient(90deg,var(--shadow-color-quiet) 0,var(--shadow-color-quiet) 1px,transparent 1px,transparent calc(18px * var(--mobile-interface-scale, 1)));content:"";height:1px;left:calc(32px * var(--mobile-interface-scale, 1));opacity:.5;position:absolute;right:calc(32px * var(--mobile-interface-scale, 1));top:50%}.premium-paper-stack{bottom:calc(32px * var(--mobile-interface-scale, 1));height:calc(54px * var(--mobile-interface-scale, 1));left:calc(58px * var(--mobile-interface-scale, 1));position:absolute;width:calc(70px * var(--mobile-interface-scale, 1))}.premium-paper-stack span{background:linear-gradient(180deg,var(--surface),var(--surface-muted));border:1px solid var(--shadow-color-soft);border-radius:calc(5px * var(--mobile-interface-scale, 1));box-shadow:0 calc(10px * var(--mobile-interface-scale, 1)) calc(22px * var(--mobile-interface-scale, 1)) var(--shadow-color-soft);height:calc(46px * var(--mobile-interface-scale, 1));left:0;position:absolute;top:0;width:calc(60px * var(--mobile-interface-scale, 1))}.premium-paper-stack span:first-child{transform:rotate(-8deg) translate(calc(-5px * var(--mobile-interface-scale, 1)),calc(7px * var(--mobile-interface-scale, 1)))}.premium-paper-stack span:nth-child(2){transform:rotate(5deg) translate(calc(6px * var(--mobile-interface-scale, 1)),calc(3px * var(--mobile-interface-scale, 1)))}.premium-paper-stack span:nth-child(3){transform:rotate(-1deg)}.premium-paper{--paper-delay:0s;--paper-end-rotate:8deg;--paper-end-x:calc(284px * var(--mobile-interface-scale, 1));--paper-mid-x:calc(186px * var(--mobile-interface-scale, 1));--paper-rise:calc(-34px * var(--mobile-interface-scale, 1));--paper-start-rotate:-10deg;--paper-y:0px;animation:premium-paper-flight 2.45s cubic-bezier(.2,.72,.2,1) infinite;animation-delay:var(--paper-delay);background:linear-gradient(180deg,var(--surface),var(--surface-muted));border:1px solid var(--shadow-color-soft);border-radius:calc(5px * var(--mobile-interface-scale, 1));box-shadow:0 calc(16px * var(--mobile-interface-scale, 1)) calc(28px * var(--mobile-interface-scale, 1)) var(--shadow-color-medium);height:calc(54px * var(--mobile-interface-scale, 1));left:calc(82px * var(--mobile-interface-scale, 1));opacity:0;position:absolute;top:calc(calc(78px * var(--mobile-interface-scale, 1)) + var(--paper-y));transform-origin:center;width:calc(42px * var(--mobile-interface-scale, 1))}.premium-paper:before{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:0 calc(9px * var(--mobile-interface-scale, 1)) 0 var(--shadow-color-quiet),0 calc(18px * var(--mobile-interface-scale, 1)) 0 var(--shadow-color-faint);content:"";height:calc(2px * var(--mobile-interface-scale, 1));left:calc(8px * var(--mobile-interface-scale, 1));position:absolute;right:calc(8px * var(--mobile-interface-scale, 1));top:calc(12px * var(--mobile-interface-scale, 1))}.paper-1{--paper-delay:-0.05s;--paper-end-rotate:12deg;--paper-rise:calc(-44px * var(--mobile-interface-scale, 1));--paper-start-rotate:-14deg;--paper-y:calc(-30px * var(--mobile-interface-scale, 1))}.paper-2{--paper-delay:0.32s;--paper-end-rotate:-8deg;--paper-rise:calc(-12px * var(--mobile-interface-scale, 1));--paper-start-rotate:10deg;--paper-y:calc(-12px * var(--mobile-interface-scale, 1))}.paper-3{--paper-delay:0.68s;--paper-end-rotate:6deg;--paper-rise:calc(8px * var(--mobile-interface-scale, 1));--paper-start-rotate:-5deg;--paper-y:calc(10px * var(--mobile-interface-scale, 1))}.paper-4{--paper-delay:1.04s;--paper-end-rotate:-13deg;--paper-rise:calc(-30px * var(--mobile-interface-scale, 1));--paper-start-rotate:13deg;--paper-y:calc(-22px * var(--mobile-interface-scale, 1))}.paper-5{--paper-delay:1.38s;--paper-end-rotate:9deg;--paper-rise:calc(18px * var(--mobile-interface-scale, 1));--paper-start-rotate:-8deg;--paper-y:calc(18px * var(--mobile-interface-scale, 1))}.paper-6{--paper-delay:1.72s;--paper-end-rotate:-5deg;--paper-rise:calc(-54px * var(--mobile-interface-scale, 1));--paper-start-rotate:7deg;--paper-y:calc(-38px * var(--mobile-interface-scale, 1))}.premium-device{align-items:start;display:grid;height:calc(104px * var(--mobile-interface-scale, 1));justify-items:center;position:absolute;right:calc(46px * var(--mobile-interface-scale, 1));top:calc(34px * var(--mobile-interface-scale, 1));width:calc(122px * var(--mobile-interface-scale, 1))}.premium-device:before{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-fill) 36%,transparent),var(--shadow-color-medium));border-radius:var(--radius-pill);bottom:calc(2px * var(--mobile-interface-scale, 1));content:"";height:calc(10px * var(--mobile-interface-scale, 1));position:absolute;width:calc(92px * var(--mobile-interface-scale, 1))}.premium-monitor{background:linear-gradient(180deg,var(--accent-fill),var(--accent-fill));border:1px solid color-mix(in srgb,var(--accent-border) 42%,transparent);border-radius:calc(8px * var(--mobile-interface-scale, 1));box-shadow:0 calc(18px * var(--mobile-interface-scale, 1)) calc(34px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--ink) 24%,transparent),inset 0 0 0 1px var(--white-alpha-08);height:calc(72px * var(--mobile-interface-scale, 1));overflow:hidden;position:relative;width:calc(98px * var(--mobile-interface-scale, 1));color:var(--on-accent)}.premium-monitor:after,.premium-monitor:before{content:"";pointer-events:none;position:absolute}.premium-monitor:before{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-fill) 12%,transparent),color-mix(in srgb,var(--accent-fill) 42%,transparent));border:1px solid var(--white-alpha-08);border-radius:calc(6px * var(--mobile-interface-scale, 1));inset:calc(8px * var(--mobile-interface-scale, 1))}.premium-monitor:after{background:linear-gradient(130deg,var(--white-alpha-18),transparent 44%);inset:0}.premium-device-scan{animation:premium-device-scan 1.35s ease-in-out infinite;background:linear-gradient(90deg,transparent,var(--accent-strong),var(--accent-fill),transparent);height:calc(3px * var(--mobile-interface-scale, 1));left:calc(14px * var(--mobile-interface-scale, 1));right:calc(14px * var(--mobile-interface-scale, 1));top:calc(14px * var(--mobile-interface-scale, 1));color:var(--on-accent)}.premium-device-scan,.premium-screen-line{border-radius:var(--radius-pill);position:absolute;z-index:2}.premium-screen-line{background:color-mix(in srgb,var(--surface) 34%,transparent);height:calc(2px * var(--mobile-interface-scale, 1));left:calc(22px * var(--mobile-interface-scale, 1));right:calc(26px * var(--mobile-interface-scale, 1))}.premium-screen-line:nth-child(2){top:calc(29px * var(--mobile-interface-scale, 1))}.premium-screen-line:nth-child(3){right:calc(36px * var(--mobile-interface-scale, 1));top:calc(40px * var(--mobile-interface-scale, 1))}.premium-screen-line:nth-child(4){right:calc(46px * var(--mobile-interface-scale, 1));top:calc(51px * var(--mobile-interface-scale, 1))}.premium-monitor-stand{height:calc(15px * var(--mobile-interface-scale, 1));margin-top:-1px;position:relative;width:calc(18px * var(--mobile-interface-scale, 1));color:var(--on-accent)}.premium-monitor-stand,.premium-monitor-stand:after{background:linear-gradient(180deg,var(--accent-fill),var(--accent-fill))}.premium-monitor-stand:after{border:1px solid color-mix(in srgb,var(--accent-border) 26%,transparent);border-radius:calc(999px * var(--mobile-interface-scale, 1)) calc(999px * var(--mobile-interface-scale, 1)) calc(5px * var(--mobile-interface-scale, 1)) calc(5px * var(--mobile-interface-scale, 1));content:"";height:calc(8px * var(--mobile-interface-scale, 1));left:50%;position:absolute;top:calc(12px * var(--mobile-interface-scale, 1));transform:translateX(-50%);width:calc(58px * var(--mobile-interface-scale, 1))}.premium-keyboard{background:linear-gradient(180deg,var(--surface-muted),var(--surface-muted));border:1px solid var(--shadow-color-medium);border-radius:calc(6px * var(--mobile-interface-scale, 1));box-shadow:0 calc(10px * var(--mobile-interface-scale, 1)) calc(18px * var(--mobile-interface-scale, 1)) var(--shadow-color-strong);height:calc(12px * var(--mobile-interface-scale, 1));margin-top:calc(11px * var(--mobile-interface-scale, 1));position:relative;width:calc(82px * var(--mobile-interface-scale, 1))}.premium-keyboard:before{background:repeating-linear-gradient(90deg,var(--shadow-color-medium) 0,var(--shadow-color-medium) calc(2px * var(--mobile-interface-scale, 1)),transparent calc(2px * var(--mobile-interface-scale, 1)),transparent calc(8px * var(--mobile-interface-scale, 1)));border-radius:inherit;content:"";inset:calc(3px * var(--mobile-interface-scale, 1)) calc(8px * var(--mobile-interface-scale, 1));position:absolute}.premium-action-copy{display:grid;grid-gap:calc(7px * var(--mobile-interface-scale, 1));gap:calc(7px * var(--mobile-interface-scale, 1));justify-items:center;position:relative;z-index:4}.premium-action-copy h2,.premium-action-copy p{margin:0}.premium-action-copy h2{color:var(--text);font-size:calc(30px * var(--mobile-interface-scale, 1));letter-spacing:0;line-height:1.08}.premium-action-copy span{color:var(--muted);font-size:calc(14px * var(--mobile-interface-scale, 1));line-height:1.45;max-width:calc(360px * var(--mobile-interface-scale, 1))}.premium-stage-list{display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(4,minmax(0,1fr));position:relative;z-index:4}.premium-stage,.premium-stage-list{gap:calc(8px * var(--mobile-interface-scale, 1))}.premium-stage{align-items:center;background:color-mix(in srgb,var(--surface-muted) 82%,transparent);border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--muted);display:flex;min-height:calc(46px * var(--mobile-interface-scale, 1));min-width:0;padding:calc(9px * var(--mobile-interface-scale, 1)) calc(10px * var(--mobile-interface-scale, 1));text-align:left;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.premium-stage span:last-child{font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:850;line-height:1.2;min-width:0;overflow-wrap:anywhere}.premium-stage-dot{background:color-mix(in srgb,var(--muted) 46%,transparent);border-radius:var(--radius-pill);flex:0 0 auto;height:calc(8px * var(--mobile-interface-scale, 1));width:calc(8px * var(--mobile-interface-scale, 1))}.premium-stage.active{background:color-mix(in srgb,var(--accent-fill) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 42%,transparent);color:var(--text);transform:translateY(-1px)}.premium-stage.active .premium-stage-dot{animation:premium-stage-dot 1s ease-in-out infinite;background:var(--accent-fill);box-shadow:0 0 0 calc(5px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--ink) 18%,transparent)}.premium-stage.complete{background:color-mix(in srgb,var(--green) 10%,transparent);border-color:color-mix(in srgb,var(--green) 32%,transparent);color:color-mix(in srgb,var(--text) 78%,var(--green))}.premium-stage.complete .premium-stage-dot{background:var(--accent-strong)}.loading-progress-track{background:var(--surface-muted);border-radius:var(--radius-pill);height:calc(4px * var(--mobile-interface-scale, 1));overflow:hidden;width:100%}.loading-progress-track span,.page-loading-line span{animation:loading-line 1.35s ease-in-out infinite;background:linear-gradient(90deg,transparent,var(--accent-fill),var(--accent-fill),transparent);border-radius:inherit;display:block;height:100%;width:48%}.page-loading-indicator{left:calc(calc(280px * var(--mobile-interface-scale, 1)) + max(calc(28px * var(--mobile-interface-scale, 1)), var(--safe-left)));pointer-events:none;position:fixed;right:max(calc(28px * var(--mobile-interface-scale, 1)),var(--safe-right));top:max(calc(10px * var(--mobile-interface-scale, 1)),var(--safe-top));z-index:54}.page-loading-line{background:color-mix(in srgb,var(--line) 74%,transparent);border-radius:var(--radius-pill);height:calc(3px * var(--mobile-interface-scale, 1));overflow:hidden;width:100%}.page-loading-pill{align-items:center;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));box-shadow:0 calc(14px * var(--mobile-interface-scale, 1)) calc(32px * var(--mobile-interface-scale, 1)) var(--shadow-color-soft);color:var(--text);display:inline-flex;gap:calc(8px * var(--mobile-interface-scale, 1));margin-top:calc(8px * var(--mobile-interface-scale, 1));min-height:calc(38px * var(--mobile-interface-scale, 1));padding:0 calc(12px * var(--mobile-interface-scale, 1))}.page-loading-pill span:not(.page-loading-dot){font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:800}.page-loading-pill small{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:700}.loading-strip-mark,.page-loading-dot{animation:loading-pulse 1.1s ease-in-out infinite;background:var(--accent-fill);border-radius:var(--radius-pill);flex:0 0 auto;height:calc(8px * var(--mobile-interface-scale, 1));width:calc(8px * var(--mobile-interface-scale, 1))}.security-pill{align-items:center;background:var(--success-bg);border:1px solid var(--success-border);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--green);display:flex;gap:calc(8px * var(--mobile-interface-scale, 1));min-height:calc(40px * var(--mobile-interface-scale, 1));min-width:0;padding:0 calc(12px * var(--mobile-interface-scale, 1));white-space:nowrap}.security-pill-user{color:var(--green);font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis}.security-pill-role{color:var(--muted);flex:0 0 auto;font-weight:700}.metric-card,.timeline-panel,.work-panel{background:var(--surface);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));box-shadow:var(--shadow);min-width:0}.metric-card{animation:metric-entry .28s ease both;display:grid;grid-gap:calc(8px * var(--mobile-interface-scale, 1));gap:calc(8px * var(--mobile-interface-scale, 1));min-height:calc(132px * var(--mobile-interface-scale, 1));padding:calc(18px * var(--mobile-interface-scale, 1))}.metric-card span{color:var(--muted);font-size:calc(14px * var(--mobile-interface-scale, 1))}.metric-card strong{font-size:calc(34px * var(--mobile-interface-scale, 1));line-height:1}.metric-card small{font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:700}.metric-card.amber small,.metric-card.blue small,.metric-card.green small,.metric-card.violet small{color:var(--accent)}.timeline-panel,.work-panel{content-visibility:auto;contain-intrinsic-size:auto calc(420px * var(--mobile-interface-scale, 1));padding:calc(20px * var(--mobile-interface-scale, 1))}.panel-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:calc(18px * var(--mobile-interface-scale, 1))}.security-pill.muted{background:var(--surface-muted);border-color:var(--line);color:var(--muted)}.primary-button,.secondary-button{align-items:center;border-radius:calc(8px * var(--mobile-interface-scale, 1));cursor:pointer;display:inline-flex;font-weight:700;gap:calc(8px * var(--mobile-interface-scale, 1));justify-content:center;min-height:calc(42px * var(--mobile-interface-scale, 1));padding:0 calc(14px * var(--mobile-interface-scale, 1));transition:background .16s ease,border .16s ease,color .16s ease,transform .16s ease}.primary-button{background:var(--accent-fill);border:1px solid var(--accent-border);color:var(--on-accent)}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.6}.secondary-button{background:var(--surface);border:1px solid var(--line);color:var(--text)}.primary-button.compact,.secondary-button.compact{min-height:calc(40px * var(--mobile-interface-scale, 1));padding:0 calc(12px * var(--mobile-interface-scale, 1));white-space:nowrap}.secondary-button.danger{color:var(--red)}.select-input,.text-input{background:var(--surface);border:1px solid var(--line);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--text);font:inherit;min-height:calc(42px * var(--mobile-interface-scale, 1));outline:none;padding:calc(9px * var(--mobile-interface-scale, 1)) calc(11px * var(--mobile-interface-scale, 1));transition:border .16s ease,box-shadow .16s ease;width:100%}.select-input:focus,.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 calc(3px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--accent) 18%,transparent)}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--surface-muted) 50%),linear-gradient(135deg,var(--surface-muted) 50%,transparent 50%);background-position:calc(100% - calc(18px * var(--mobile-interface-scale, 1))) calc(18px * var(--mobile-interface-scale, 1)),calc(100% - calc(13px * var(--mobile-interface-scale, 1))) calc(18px * var(--mobile-interface-scale, 1));background-repeat:no-repeat;background-size:calc(5px * var(--mobile-interface-scale, 1)) calc(5px * var(--mobile-interface-scale, 1)),calc(5px * var(--mobile-interface-scale, 1)) calc(5px * var(--mobile-interface-scale, 1));padding-right:calc(34px * var(--mobile-interface-scale, 1))}.empty-state,.error-banner,.loading-strip,.success-banner{align-items:center;border-radius:calc(8px * var(--mobile-interface-scale, 1));display:flex;gap:calc(9px * var(--mobile-interface-scale, 1));min-height:calc(44px * var(--mobile-interface-scale, 1));padding:calc(11px * var(--mobile-interface-scale, 1)) calc(12px * var(--mobile-interface-scale, 1))}.error-banner{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--red);font-weight:700}.success-banner{background:var(--success-bg);border:1px solid var(--success-border);color:var(--green);font-weight:700}.loading-strip{background:var(--info-bg);border:1px solid var(--info-border);color:var(--blue);font-weight:700;overflow:hidden;position:relative}.loading-strip-animated:after{animation:loading-shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 58%,transparent),transparent);content:"";inset:0;position:absolute;transform:translateX(-100%)}.loading-strip>*{position:relative;z-index:1}.loading-strip-retry{background:transparent;border:1px solid;border-radius:calc(7px * var(--mobile-interface-scale, 1));color:inherit;cursor:pointer;font:inherit;margin-left:auto;min-height:calc(34px * var(--mobile-interface-scale, 1));padding:calc(5px * var(--mobile-interface-scale, 1)) calc(10px * var(--mobile-interface-scale, 1))}.loading-strip.static-strip:after{display:none}.empty-state{background:var(--surface-muted);border:1px dashed var(--line);color:var(--muted);justify-content:center}.work-panel.project-portfolio-panel{overflow:hidden}.catalog-group-picker-tools .select-input{min-height:calc(42px * var(--mobile-interface-scale, 1))}.request-modal-form>.error-banner,.request-modal-form>.form-grid,.request-modal-form>.table-scroll,.request-modal-form>label{margin:calc(18px * var(--mobile-interface-scale, 1)) calc(20px * var(--mobile-interface-scale, 1)) 0}.mini-metrics{display:grid;grid-gap:calc(10px * var(--mobile-interface-scale, 1));gap:calc(10px * var(--mobile-interface-scale, 1));grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:calc(16px * var(--mobile-interface-scale, 1))}.delivery-invoice-match-form>.error-banner,.delivery-invoice-match-form>label{margin:0}.delivery-invoice-match-edit-fields .text-input{background:var(--surface)}.accepted-goods-confirmed-detail-item>.plain-pill{justify-self:start}.catalog-search-input .text-input{padding-left:calc(38px * var(--mobile-interface-scale, 1))}.tracking-search-field .text-input{padding-left:calc(42px * var(--mobile-interface-scale, 1))}.tracking-compact-control .select-input{width:100%}.tracking-item-meta .plain-pill{font-size:calc(10px * var(--mobile-interface-scale, 1));padding:calc(5px * var(--mobile-interface-scale, 1)) calc(6px * var(--mobile-interface-scale, 1))}.history-search-field .text-input{padding-left:calc(42px * var(--mobile-interface-scale, 1))}.history-compact-control .select-input{width:100%}.history-item-meta .plain-pill{font-size:calc(10px * var(--mobile-interface-scale, 1));padding:calc(5px * var(--mobile-interface-scale, 1)) calc(6px * var(--mobile-interface-scale, 1))}.buyer-transfer-quantity .text-input{min-width:0;width:calc(110px * var(--mobile-interface-scale, 1))}.buyer-dashboard-lists .panel-title{margin-bottom:0}.plain-pill{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text-soft);display:inline-flex;font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:800;line-height:1;padding:calc(7px * var(--mobile-interface-scale, 1)) calc(9px * var(--mobile-interface-scale, 1));white-space:nowrap}.split-buttons .primary-button,.split-buttons .secondary-button{flex:1 1 calc(148px * var(--mobile-interface-scale, 1))}.approval-actions .primary-button,.approval-actions .secondary-button{justify-content:center;min-width:calc(150px * var(--mobile-interface-scale, 1))}.subwarehouse-receipt-search .text-input{padding-left:calc(38px * var(--mobile-interface-scale, 1))}.inventory-operation-tabs .primary-button,.inventory-operation-tabs .secondary-button{align-items:center;gap:calc(8px * var(--mobile-interface-scale, 1))}.inventory-operation-tabs .primary-button>span,.inventory-operation-tabs .secondary-button>span{display:grid;grid-gap:calc(2px * var(--mobile-interface-scale, 1));gap:calc(2px * var(--mobile-interface-scale, 1));justify-items:start;min-width:0;text-align:left}.stores-directory-section .panel-title .eyebrow:empty{display:none}.store-directory-filters .secondary-button{gap:calc(6px * var(--mobile-interface-scale, 1))}.store-directory-filters .secondary-button strong{color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1))}.store-directory-filters .secondary-button.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.store-directory-filters .secondary-button.is-active strong{color:inherit}.production-mobile-stock-card .tracking-mobile-actions .secondary-button{flex:1 1 calc(128px * var(--mobile-interface-scale, 1));justify-content:center}.form-error-banner{background:var(--danger-alpha-09);border:1px solid var(--danger-alpha-22);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--red);font-size:calc(13px * var(--mobile-interface-scale, 1));font-weight:850;line-height:1.35;padding:calc(10px * var(--mobile-interface-scale, 1)) calc(12px * var(--mobile-interface-scale, 1))}.report-sort-select .select-input{min-height:calc(42px * var(--mobile-interface-scale, 1))}.fueling-calculation-mode .secondary-button.is-active,.fueling-directory-filter .secondary-button.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.equipment-expense-items-filter-grid .select-input,.equipment-expense-items-filter-grid .text-input{min-width:0;width:100%}.panel-subtitle{align-items:center;color:var(--accent);display:flex;flex-wrap:wrap;gap:calc(8px * var(--mobile-interface-scale, 1));margin:calc(4px * var(--mobile-interface-scale, 1)) 0 calc(10px * var(--mobile-interface-scale, 1))}.panel-subtitle span{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);font-size:calc(12px * var(--mobile-interface-scale, 1));font-weight:800;line-height:1;padding:calc(7px * var(--mobile-interface-scale, 1)) calc(9px * var(--mobile-interface-scale, 1))}:root[data-theme=dark] .security-pill{background:var(--green-bright-alpha-12);border-color:var(--green-bright-alpha-28);color:var(--green)}:root[data-theme=dark] .panel-subtitle span,:root[data-theme=dark] .plain-pill,:root[data-theme=dark] .security-pill.muted{background:var(--surface-muted);border-color:var(--line);color:var(--muted)}:root[data-theme=dark] .accepted-goods-filters label,:root[data-theme=dark] .action-form label,:root[data-theme=dark] .admin-role-list label,:root[data-theme=dark] .admin-role-selector label,:root[data-theme=dark] .admin-users-toolbar label,:root[data-theme=dark] .approval-description,:root[data-theme=dark] .auth-form label,:root[data-theme=dark] .catalog-filters label,:root[data-theme=dark] .expenses-filters label,:root[data-theme=dark] .form-label,:root[data-theme=dark] .inventory-filters label,:root[data-theme=dark] .order-history-filters label,:root[data-theme=dark] .orders-tracking-filters label,:root[data-theme=dark] .panel-subtitle,:root[data-theme=dark] .permission-check,:root[data-theme=dark] .project-form label,:root[data-theme=dark] .subwarehouse-consume-filters label,:root[data-theme=dark] .subwarehouse-handover-filters label,:root[data-theme=dark] .subwarehouse-return-filters label{color:var(--text)}:root[data-theme=dark] .approval-flow-step,:root[data-theme=dark] .approval-items span,:root[data-theme=dark] .approval-meta-grid span,:root[data-theme=dark] .date-picker-menu,:root[data-theme=dark] .date-picker-nav,:root[data-theme=dark] .date-picker-trigger,:root[data-theme=dark] .role-chip,:root[data-theme=dark] .searchable-menu,:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .select-input,:root[data-theme=dark] .text-input{background:var(--surface);border-color:var(--line);color:var(--text)}:root[data-theme=dark] .approval-flow-step.negative,:root[data-theme=dark] .error-banner{background:color-mix(in srgb,var(--red) 12%,transparent);border-color:color-mix(in srgb,var(--red) 32%,transparent);color:var(--red)}:root[data-theme=dark] .approval-flow-step.done,:root[data-theme=dark] .green-pill,:root[data-theme=dark] .status-pill.active,:root[data-theme=dark] .success-banner{background:var(--green-bright-alpha-12);border-color:var(--green-bright-alpha-32);color:var(--green)}:root[data-theme=dark] .approval-flow-step.active,:root[data-theme=dark] .loading-strip,:root[data-theme=dark] .status-pill.planned{background:var(--blue-soft-alpha-12);border-color:color-mix(in srgb,var(--blue) 32%,transparent);color:var(--blue)}:root[data-theme=dark] .session-loading-overlay{background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--surface) 18%,transparent),transparent 28%),color-mix(in srgb,var(--accent-fill) 78%,transparent)}:root[data-theme=dark] .page-loading-pill,:root[data-theme=dark] .session-loading-card{box-shadow:0 calc(24px * var(--mobile-interface-scale, 1)) calc(70px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--ink) 34%,transparent)}:root[data-theme=dark] .loading-brand-orbit:after{background:var(--surface)}:root[data-theme=dark] .loading-progress-track,:root[data-theme=dark] .page-loading-line{background:var(--white-alpha-08)}:root[data-theme=dark] .premium-action-overlay{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-fill) 88%,transparent),color-mix(in srgb,var(--accent-fill) 76%,transparent) 46%,color-mix(in srgb,var(--accent-fill) 90%,transparent)),color-mix(in srgb,var(--accent-fill) 82%,transparent)}:root[data-theme=dark] .premium-action-card{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-fill) 98%,transparent),color-mix(in srgb,var(--accent-fill) 96%,transparent)),var(--surface);border-color:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:0 calc(30px * var(--mobile-interface-scale, 1)) calc(90px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--ink) 42%,transparent)}:root[data-theme=dark] .premium-action-card:before{background:linear-gradient(100deg,transparent 0,var(--white-alpha-10) 46%,transparent 62%)}:root[data-theme=dark] .premium-paper-scene{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-fill) 58%,transparent),color-mix(in srgb,var(--accent-fill) 72%,transparent)),linear-gradient(90deg,color-mix(in srgb,var(--accent-fill) 12%,transparent),color-mix(in srgb,var(--accent-fill) 9%,transparent),color-mix(in srgb,var(--accent-fill) 12%,transparent));border-color:var(--white-alpha-08)}:root[data-theme=dark] .premium-paper-scene:before{background:repeating-linear-gradient(90deg,var(--white-alpha-12) 0,var(--white-alpha-12) 1px,transparent 1px,transparent calc(18px * var(--mobile-interface-scale, 1)))}:root[data-theme=dark] .premium-paper,:root[data-theme=dark] .premium-paper-stack span{background:linear-gradient(180deg,var(--light-contrast),var(--surface-muted));border-color:var(--white-alpha-18)}:root[data-theme=dark] .premium-stage{background:color-mix(in srgb,var(--surface) 4.5%,transparent);border-color:var(--white-alpha-08)}:root[data-theme=dark] .premium-stage.active{background:color-mix(in srgb,var(--accent-fill) 13%,transparent);border-color:color-mix(in srgb,var(--accent) 36%,transparent)}:root[data-theme=dark] .premium-stage.complete{background:color-mix(in srgb,var(--green) 10%,transparent);border-color:color-mix(in srgb,var(--green) 28%,transparent)}:root[data-theme=dark] .loading-strip-animated:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-fill) 18%,transparent),transparent)}:root[data-theme=dark] .empty-state{border-color:var(--line)}.confirmed-invoice-details.empty-state{align-content:center;justify-content:center;min-height:calc(360px * var(--mobile-interface-scale, 1))}.document-reconciliation-invoice-ocr-heading .secondary-button{min-height:calc(32px * var(--mobile-interface-scale, 1));padding:calc(6px * var(--mobile-interface-scale, 1)) calc(9px * var(--mobile-interface-scale, 1))}.document-reconciliation-item-allocation-control .secondary-button{font-size:calc(11px * var(--mobile-interface-scale, 1));min-height:calc(30px * var(--mobile-interface-scale, 1));padding:calc(5px * var(--mobile-interface-scale, 1)) calc(7px * var(--mobile-interface-scale, 1))}.invoice-reconciliation-candidate-actions .danger-button{color:var(--red)}.invoice-ocr-processed-column .empty-state{margin:calc(8px * var(--mobile-interface-scale, 1)) 0 calc(2px * var(--mobile-interface-scale, 1))}.purchase-history-search-field .text-input{padding-left:calc(42px * var(--mobile-interface-scale, 1))}.purchase-history-compact-control .select-input{width:100%}.purchase-history-item-meta .plain-pill{font-size:calc(10px * var(--mobile-interface-scale, 1));padding:calc(5px * var(--mobile-interface-scale, 1)) calc(6px * var(--mobile-interface-scale, 1))}.purchase-invoice-card-meta .plain-pill{font-size:calc(10px * var(--mobile-interface-scale, 1));padding:calc(4px * var(--mobile-interface-scale, 1)) calc(6px * var(--mobile-interface-scale, 1))}