:root{color-scheme:light;--background:#eef3f8;--surface:#ffffff;--surface-muted:#f6f8fb;--line:#dbe4ee;--line-strong:#b4c4d8;--text:#152033;--text-soft:#34445c;--muted:#647389;--green:#12805c;--amber:#b76b02;--blue:#2463c6;--violet:#6f4acb;--red:#a31d35;--shadow:0 calc(18px * var(--mobile-interface-scale, 1)) calc(50px * var(--mobile-interface-scale, 1)) rgba(31,48,75,0.12);--shadow-color-faint:rgba(31,48,75,0.08);--shadow-color-soft:rgba(31,48,75,0.12);--shadow-color-medium:rgba(31,48,75,0.16);--shadow-color-strong:rgba(31,48,75,0.18);--overlay-ink-22:rgba(11,18,28,0.22);--overlay-ink-44:rgba(11,18,28,0.44);--overlay-ink-48:rgba(11,18,28,0.48);--overlay-ink-62:rgba(11,18,28,0.62);--overlay-dark-42:rgba(10,16,24,0.42);--overlay-dark-shadow:rgba(10,16,24,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:#e6f5ef;--success-bg-soft:#edf7f2;--success-bg-muted:#eaf4f0;--success-border:#b9dfcf;--success-border-strong:#85c5ad;--success-border-muted:#8fc9b3;--success-text-strong:#1f6f58;--info-bg:#edf5ff;--info-border:#c9def8;--danger-bg:#fff1f2;--danger-border:#fecdd3;--warning-bg:#fff2d9;--warning-border:#f4c780;--brand-gold:#f3b447;--brand-green-bright:#39c58a;--ocr-green:#16825d;--dark-panel-solid:#162231;--shell-icon-surface:#f7f8f8;--light-contrast:#f8fbff;--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(31,48,75,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(36,99,198,0.08);--blue-soft-alpha-12:rgba(130,173,255,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);--accent:var(--green);--accent-soft:var(--green-alpha-10);--accent-strong:#0e684b;--danger:var(--red);--warning:var(--amber);--success:var(--green);--info:var(--blue);--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;--background:#101820;--surface:#17212e;--surface-muted:#202d3c;--line:#344257;--line-strong:#56667c;--text:#eef4fb;--text-soft:#c8d4e4;--muted:#9aabc0;--green:#48c896;--amber:#e4a94a;--blue:#82adff;--violet:#b8a0ff;--red:#ff7a8a;--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(5,8,12,0.58);--overlay-ink-48:rgba(5,8,12,0.62);--overlay-ink-62:rgba(5,8,12,0.76);--overlay-dark-42:rgba(5,8,12,0.58);--overlay-dark-shadow:rgba(0,0,0,0.32);--green-alpha-10:rgba(72,200,150,0.1);--green-alpha-12:rgba(72,200,150,0.12);--green-alpha-18:rgba(72,200,150,0.18);--green-alpha-22:rgba(72,200,150,0.22);--green-alpha-28:rgba(72,200,150,0.28);--success-bg:rgba(72,200,150,0.14);--success-bg-soft:rgba(72,200,150,0.1);--success-border:rgba(72,200,150,0.3);--success-border-strong:rgba(72,200,150,0.42);--info-bg:rgba(130,173,255,0.14);--info-border:rgba(130,173,255,0.32);--danger-bg:rgba(255,122,138,0.13);--danger-border:rgba(255,122,138,0.32);--warning-bg:rgba(228,169,74,0.14);--warning-border:rgba(228,169,74,0.32);--accent-soft:var(--green-alpha-12);--accent-strong:#7ce0b9}:root[data-theme=dark][data-theme-variant=red-gray]{--background:#141516;--surface:#1d1f21;--surface-muted:#282a2d;--line:#3c3f44;--line-strong:#5b6067;--text:#f3f3f4;--text-soft:#d2d3d5;--muted:#a3a6ab;--accent:#e05252;--accent-soft:rgba(224,82,82,0.14);--accent-strong:#ff8585;--shadow:0 calc(18px * var(--mobile-interface-scale, 1)) calc(50px * var(--mobile-interface-scale, 1)) rgba(0,0,0,0.38);--shadow-color-faint:rgba(0,0,0,0.22);--shadow-color-soft:rgba(0,0,0,0.28);--shadow-color-medium:rgba(0,0,0,0.34);--shadow-color-strong:rgba(0,0,0,0.42);--dark-panel-solid:#101112;--shell-icon-surface:#f1f2f3;--brand-gold:#e05252;--brand-green-bright:#f06a6a}*{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,rgba(18,128,92,.08),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/kapan-pwa-v1-192.png) center /contain no-repeat;border:1px solid rgba(22,34,49,.12);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:transparent;display:grid;font-size:0;font-weight:950;height:calc(38px * var(--mobile-interface-scale, 1));letter-spacing:0;line-height:1;overflow:hidden;place-items:center;width:calc(38px * 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:#9fb0c5;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:rgba(255,255,255,.06);border:1px solid var(--white-alpha-08);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:#dfe8f4;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:rgba(255,255,255,.14);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:#c9d5e3;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)}:root[data-theme=dark][data-theme-variant=red-gray] .nav-group-button.active,:root[data-theme=dark][data-theme-variant=red-gray] .nav-group-button.expanded{border-color:color-mix(in srgb,var(--accent) 44%,transparent)}:root[data-theme=dark][data-theme-variant=red-gray] .nav-item.active{background:var(--accent-soft);box-shadow:inset calc(3px * var(--mobile-interface-scale, 1)) 0 0 var(--accent);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)) rgba(15,23,42,.16);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:#d94b4b;border:calc(2px * var(--mobile-interface-scale, 1)) solid var(--surface);border-radius:var(--radius-pill);color:var(--surface);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(--green);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(--green) 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(--green);box-shadow:0 0 0 calc(3px * var(--mobile-interface-scale, 1)) color-mix(in srgb,var(--green) 12%,transparent)}.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(--green);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,rgba(72,200,150,.08),transparent 34%),linear-gradient(315deg,rgba(130,173,255,.08),transparent 30%),var(--background)}:root[data-theme=dark][data-theme-variant=red-gray] .login-shell{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),linear-gradient(315deg,rgba(150,154,160,.08),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(--surface)}.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)) rgba(0,0,0,.24);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)) rgba(0,0,0,.34);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/kapan-pwa-v1-192.png) 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(38px * var(--mobile-interface-scale, 1))}.mobile-menu-sheet-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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,rgba(255,255,255,.09),var(--white-alpha-04)),#1a2838;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) 23%,transparent),rgba(255,255,255,.04)),#1b1c1e;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 rgba(255,255,255,.11);border-radius:calc(8px * var(--mobile-interface-scale, 1));color:var(--brand-gold);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(--surface);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(--surface);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%,rgba(243,180,71,.2),transparent 28%),rgba(238,243,248,.76);-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,rgba(18,128,92,.18),var(--brand-gold),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/kapan-pwa-v1-192.png) center /contain no-repeat;border:1px solid rgba(22,34,49,.12);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,rgba(238,243,248,.86),rgba(255,255,255,.68) 46%,rgba(226,235,244,.86)),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)) rgba(31,48,75,.22);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,rgba(255,255,255,.34) 46%,transparent 62%);inset:0;transform:translateX(-120%);z-index:2}.premium-action-card:after{background:linear-gradient(90deg,var(--brand-gold),var(--brand-green-bright) 52%,#82adff);height:calc(3px * var(--mobile-interface-scale, 1));inset:0 0 auto;z-index:3}.premium-paper-scene{background:linear-gradient(135deg,rgba(255,255,255,.78),var(--white-alpha-28)),linear-gradient(90deg,rgba(243,180,71,.16),rgba(57,197,138,.1),rgba(130,173,255,.14));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),#edf4fb);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),#eef6ff);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:rgba(31,48,75,.14);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,rgba(31,48,75,.36),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,#263b52,#142235);border:1px solid rgba(130,173,255,.42);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)) rgba(31,48,75,.24),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))}.premium-monitor:after,.premium-monitor:before{content:"";pointer-events:none;position:absolute}.premium-monitor:before{background:linear-gradient(180deg,var(--blue-soft-alpha-12),rgba(18,28,42,.42));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(--brand-green-bright),#82adff,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))}.premium-device-scan,.premium-screen-line{border-radius:var(--radius-pill);position:absolute;z-index:2}.premium-screen-line{background:rgba(237,246,255,.34);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{background:linear-gradient(180deg,#203145,#132133);height:calc(15px * var(--mobile-interface-scale, 1));margin-top:-1px;position:relative;width:calc(18px * var(--mobile-interface-scale, 1))}.premium-monitor-stand:after{background:linear-gradient(180deg,#263b52,#162638);border:1px solid rgba(130,173,255,.26);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,#eaf3fc,#c8d8e8);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:rgba(243,180,71,.14);border-color:rgba(243,180,71,.42);color:var(--text);transform:translateY(-1px)}.premium-stage.active .premium-stage-dot{animation:premium-stage-dot 1s ease-in-out infinite;background:var(--brand-gold);box-shadow:0 0 0 calc(5px * var(--mobile-interface-scale, 1)) rgba(243,180,71,.18)}.premium-stage.complete{background:rgba(57,197,138,.1);border-color:rgba(57,197,138,.32);color:color-mix(in srgb,var(--text) 78%,var(--green))}.premium-stage.complete .premium-stage-dot{background:var(--brand-green-bright)}.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(--brand-gold),var(--green),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(--brand-gold);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.green small{color:var(--green)}.metric-card.amber small{color:var(--amber)}.metric-card.blue small{color:var(--blue)}.metric-card.violet small{color:var(--violet)}.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:#f2f5f8;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);border:1px solid var(--accent);color:var(--light-contrast)}.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:#a31d35}.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%,#647389 0),linear-gradient(135deg,#647389 50%,transparent 0);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:#a31d35;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,rgba(255,255,255,.58),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 #b8c5d4;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:#eef3f8;border:1px solid #d3deeb;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:#26364c;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:#eef3f8;border:1px solid #d3deeb;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:rgba(255,122,138,.12);border-color:rgba(255,122,138,.32);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:rgba(130,173,255,.32);color:var(--blue)}:root[data-theme=dark] .session-loading-overlay{background:radial-gradient(circle at 50% 36%,rgba(243,180,71,.18),transparent 28%),rgba(16,24,32,.78)}: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)) rgba(0,0,0,.34)}: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,rgba(16,24,32,.88),rgba(22,34,49,.76) 46%,rgba(12,18,26,.9)),rgba(16,24,32,.82)}:root[data-theme=dark] .premium-action-card{background:linear-gradient(180deg,rgba(28,42,59,.98),rgba(19,29,42,.96)),var(--surface);border-color:rgba(130,173,255,.18);box-shadow:0 calc(30px * var(--mobile-interface-scale, 1)) calc(90px * var(--mobile-interface-scale, 1)) rgba(0,0,0,.42)}: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,rgba(31,48,75,.58),rgba(18,28,42,.72)),linear-gradient(90deg,rgba(243,180,71,.12),rgba(57,197,138,.09),var(--blue-soft-alpha-12));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),#dce9f6);border-color:var(--white-alpha-18)}:root[data-theme=dark] .premium-stage{background:rgba(255,255,255,.045);border-color:var(--white-alpha-08)}:root[data-theme=dark] .premium-stage.active{background:rgba(243,180,71,.13);border-color:rgba(243,180,71,.36)}:root[data-theme=dark] .premium-stage.complete{background:rgba(57,197,138,.1);border-color:rgba(57,197,138,.28)}:root[data-theme=dark] .loading-strip-animated:after{background:linear-gradient(90deg,transparent,rgba(130,173,255,.18),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:#bd3b3b}.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))}