: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 18px 50px 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);--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:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-control:8px;--radius-panel:8px;--radius-modal:8px;--radius-pill:999px;--page-gutter:clamp(16px,2.4vw,34px);--content-max-width:1760px}: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 18px 50px 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 18px 50px 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%}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(28px,4vw,42px)}h2{font-size:20px}@keyframes pwa-network-pulse{50%{opacity:.42;transform:scale(.78)}}@keyframes metric-entry{0%{opacity:0;transform:translateY(12px)}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(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mobile-sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes premium-card-enter{0%{opacity:0;transform:translateY(12px) 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,24px,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) + 8px),0) rotate(2deg) scale(.88)}to{filter:blur(1.5px);opacity:0;transform:translate3d(var(--paper-end-x),calc(var(--paper-rise) + 18px),0) rotate(9deg) scale(.66)}}@keyframes premium-device-scan{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(38px)}}@keyframes premium-stage-dot{0%,to{transform:scale(1)}50%{transform:scale(.78)}}@keyframes dashboard-rise{0%{opacity:0;transform:translateY(14px)}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(32px,var(--safe-top)) max(32px,var(--safe-right)) max(32px,var(--safe-bottom)) max(32px,var(--safe-left))}.login-panel{display:grid;grid-gap:18px;gap:18px;justify-self:center;width:min(100%,560px)}.login-panel .auth-panel{max-width:none;width:100%}.login-brand{align-items:center;color:var(--text);display:flex;gap:12px;padding:0 4px}.login-brand span,.login-brand strong{display:block}.login-brand span{color:var(--muted);font-size:13px;margin-top:2px}.app-shell{--desktop-sidebar-width:280px;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:28px;min-width:0;overflow-y:auto;padding:max(24px,var(--safe-top)) 16px max(24px,var(--safe-bottom)) max(16px,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:12px;padding:6px 8px 18px}.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:8px;color:transparent;display:grid;font-size:0;font-weight:950;height:38px;letter-spacing:0;line-height:1;overflow:hidden;place-items:center;width:38px}.brand-mark span{display:block;font-size:0;transform:translateY(1px)}.brand span,.brand strong{display:block}.brand span{color:#9fb0c5;font-size:13px;margin-top:2px}.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:10px;gap:10px}.nav-group{display:grid;grid-gap:5px;gap:5px;min-width:0}.nav-group-button{align-items:center;background:rgba(255,255,255,.06);border:1px solid var(--white-alpha-08);border-radius:8px;color:#dfe8f4;cursor:pointer;display:flex;font-size:13px;font-weight:800;justify-content:space-between;letter-spacing:0;min-height:40px;padding:0 11px 0 12px;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:4px;gap:4px}.nav-item{align-items:center;background:transparent;border:0;border-radius:8px;color:#c9d5e3;cursor:pointer;display:flex;gap:10px;min-height:42px;padding:0 12px;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease;width:100%}.nav-group-items .nav-item{min-height:38px;padding-left:16px}.nav-item.active,.nav-item:hover{background:var(--white-alpha-10);color:var(--light-contrast);transform:translateX(2px)}: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 3px 0 0 var(--accent);color:var(--light-contrast)}.workspace{display:flex;flex-direction:column;gap:22px;min-width:0;overflow-x:hidden;padding:max(28px,var(--safe-top)) max(28px,var(--safe-right)) max(28px,var(--safe-bottom)) max(28px,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-network-status button,.pwa-update-status button{align-items:center;background:var(--surface);border:1px solid;border-radius:7px;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:900;justify-content:center;min-height:34px;padding:6px 10px}.offline-retry-button:disabled,.pwa-network-status button:disabled,.pwa-update-status button:disabled{cursor:wait;opacity:.68}.pwa-network-status,.pwa-queue-status,.pwa-update-status{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:0 12px 28px rgba(15,23,42,.16);color:var(--muted);display:flex;font-size:12px;font-weight:850;gap:8px;min-height:42px;padding:6px 8px 6px 10px;pointer-events:auto}.pwa-network-status-dot{background:var(--green);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 18%,transparent);flex:0 0 auto;height:8px;width:8px}.pwa-network-status span:not(.pwa-network-status-dot),.pwa-update-status span{min-width:0}.pwa-network-status button,.pwa-queue-status button,.pwa-update-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 3px 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 3px color-mix(in srgb,var(--red) 16%,transparent)}.topbar{gap:16px;justify-content:space-between}.topbar,.topbar-title-row{align-items:center;display:flex;min-width:0}.topbar-title-row{flex:1 1 auto;gap:12px}.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 10px 24px var(--shadow-color-faint);color:var(--text);cursor:pointer;display:grid;flex:0 0 auto;height:42px;place-items:center;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;width:42px}.desktop-sidebar-toggle:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 14px 30px 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:10px;justify-content:flex-end}.notification-bell-button{position:relative}.notification-bell-badge{align-items:center;background:#d94b4b;border:2px solid var(--surface);border-radius:var(--radius-pill);color:var(--surface);display:flex;font-size:10px;font-weight:800;justify-content:center;line-height:1;min-height:18px;min-width:18px;padding:2px 4px;position:absolute;right:-7px;top:-7px}.topbar-document-reconciliation-title-metrics{align-items:center;display:flex;flex:0 1 auto;margin-left:clamp(18px,5vw,86px);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:70px;padding:5px 7px}.topbar-document-reconciliation-title-metrics .document-reconciliation-compact-metrics span{font-size:9px}.topbar-document-reconciliation-title-metrics .document-reconciliation-compact-metrics strong{font-size:17px}.topbar-document-reconciliation-controls{align-items:center;display:flex;flex:0 0 auto;gap:8px;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){.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) - 24px));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(640px,72dvh)}.app-shell.sidebar-collapsed .document-reconciliation-preview-panel.items{grid-template-rows:auto minmax(680px,76dvh)}}.mobile-app-title{display:grid;grid-gap:2px;gap:2px;min-width:0}.mobile-app-title span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.mobile-app-title strong{color:var(--text);font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@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){.mobile-app-title{padding-left:4px}.app-shell.nav-open .mobile-menu-sheet{transform:translateY(0)}.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:18px 0 42px 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,372px);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:8px;color:var(--light-contrast);cursor:pointer;display:grid;height:38px;place-items:center;width:38px}.nav-list{grid-template-columns:1fr}.mobile-app-bar{align-items:center;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px var(--shadow-color-faint);display:flex;gap:12px;min-height:58px;padding:8px 10px;position:-webkit-sticky;position:sticky;top:max(10px,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:8px;color:var(--surface);cursor:pointer;display:grid;flex:0 0 auto;height:42px;place-items:center;width:42px}.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){.session-loading-card{gap:16px;padding:24px 20px}.workspace{gap:16px;padding:max(14px,var(--safe-top)) max(14px,var(--safe-right)) calc(88px + max(14px, var(--safe-bottom))) max(14px,var(--safe-left))}.mobile-app-bar{top:max(8px,var(--safe-top))}.mobile-app-bar .mobile-menu-button,.sidebar{display:none}.mobile-menu-sheet{background:var(--dark-panel-solid);border:1px solid var(--white-alpha-10);border-radius:8px 8px 0 0;bottom:0;box-shadow:0 -24px 70px 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,720px);min-height:min(58dvh,520px);overflow:hidden;padding:14px max(14px,var(--safe-right)) max(16px,var(--safe-bottom)) max(14px,var(--safe-left));position:fixed;right:0;transform:translateY(105%);transition:transform .19s ease;z-index:70}.mobile-menu-sheet-header{align-items:center;display:flex;gap:12px;justify-content:space-between;padding-bottom:12px}.mobile-menu-sheet-brand{align-items:center;display:flex;gap:12px;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:8px;color:transparent;display:grid;flex:0 0 auto;font-size:0;font-weight:950;height:38px;place-items:center;width:38px}.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:8px}.mobile-menu-flat-list{display:grid;grid-gap:8px;gap:8px}.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:8px;color:var(--info-bg);cursor:pointer;display:grid;font:inherit;font-weight:850;grid-gap:10px;gap:10px;grid-template-columns:42px minmax(0,1fr) auto;min-height:58px;opacity:0;padding:8px 12px 8px 8px;text-align:left;transform:translateY(12px) 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(--surface)}.mobile-menu-flat-icon{align-items:center;background:var(--white-alpha-08);border:1px solid rgba(255,255,255,.11);border-radius:8px;color:var(--brand-gold);display:grid;height:42px;place-items:center;width:42px}.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:46px}.mobile-menu-sheet .nav-item{min-height:44px}.mobile-menu-sheet .nav-item.active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--surface)}.mobile-menu-sheet-footer{border-top:1px solid var(--white-alpha-10);padding-top:10px}.mobile-menu-logout-button{align-items:center;background:var(--white-alpha-08);border:1px solid var(--white-alpha-12);border-radius:8px;color:var(--light-contrast);cursor:pointer;display:flex;font:inherit;font-weight:850;gap:10px;justify-content:center;min-height:50px;width:100%}.topbar{align-items:stretch;grid-template-columns:1fr;flex-direction:column;gap:10px}.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:8px 8px 0 0;bottom:0;box-shadow:0 -12px 30px var(--shadow-color-soft);display:grid;grid-gap:2px;gap:2px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;left:0;padding:6px max(6px,var(--safe-right)) max(6px,var(--safe-bottom)) max(6px,var(--safe-left));position:fixed;right:0;z-index:45}.mobile-tab-button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--muted);cursor:pointer;display:grid;font-size:10px;font-weight:800;grid-gap:3px;gap:3px;justify-items:center;min-height:54px;min-width:0;padding:5px 4px}.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}}.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(12px);backdrop-filter:blur(12px);display:grid;inset:0;padding:max(24px,var(--safe-top)) max(24px,var(--safe-right)) max(24px,var(--safe-bottom)) max(24px,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:8px;box-shadow:0 28px 70px var(--shadow-color-strong);display:grid;grid-gap:18px;gap:18px;justify-items:center;justify-self:center;max-width:380px;overflow:hidden;padding:30px;text-align:center;width:min(100%,380px)}.loading-brand-orbit{align-items:center;border-radius:var(--radius-pill);display:grid;height:88px;isolation:isolate;place-items:center;position:relative;width:88px}.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:6px;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:8px;color:transparent;display:grid;font-size:0;font-weight:950;height:58px;line-height:1;place-items:center;position:relative;width:58px;z-index:1}.session-loading-copy{display:grid;grid-gap:6px;gap:6px}.session-loading-copy h2,.session-loading-copy p{margin:0}.session-loading-copy span{color:var(--muted);font-size:14px;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(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12);display:grid;inset:0;padding:max(24px,var(--safe-top)) max(24px,var(--safe-right)) max(24px,var(--safe-bottom)) max(24px,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:8px;box-shadow:0 30px 86px rgba(31,48,75,.22);display:grid;grid-gap:20px;gap:20px;justify-self:center;overflow:hidden;padding:0 28px 28px;position:relative;text-align:center;width:min(100%,520px)}.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:3px;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:164px;margin:0 -28px;overflow:hidden;position:relative;width:calc(100% + 56px)}.premium-paper-scene:before{background:repeating-linear-gradient(90deg,var(--shadow-color-quiet) 0,var(--shadow-color-quiet) 1px,transparent 1px,transparent 18px);content:"";height:1px;left:32px;opacity:.5;position:absolute;right:32px;top:50%}.premium-paper-stack{bottom:32px;height:54px;left:58px;position:absolute;width:70px}.premium-paper-stack span{background:linear-gradient(180deg,var(--surface),#edf4fb);border:1px solid var(--shadow-color-soft);border-radius:5px;box-shadow:0 10px 22px var(--shadow-color-soft);height:46px;left:0;position:absolute;top:0;width:60px}.premium-paper-stack span:first-child{transform:rotate(-8deg) translate(-5px,7px)}.premium-paper-stack span:nth-child(2){transform:rotate(5deg) translate(6px,3px)}.premium-paper-stack span:nth-child(3){transform:rotate(-1deg)}.premium-paper{--paper-delay:0s;--paper-end-rotate:8deg;--paper-end-x:284px;--paper-mid-x:186px;--paper-rise:-34px;--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:5px;box-shadow:0 16px 28px var(--shadow-color-medium);height:54px;left:82px;opacity:0;position:absolute;top:calc(78px + var(--paper-y));transform-origin:center;width:42px}.premium-paper:before{background:rgba(31,48,75,.14);box-shadow:0 9px 0 var(--shadow-color-quiet),0 18px 0 var(--shadow-color-faint);content:"";height:2px;left:8px;position:absolute;right:8px;top:12px}.paper-1{--paper-delay:-0.05s;--paper-end-rotate:12deg;--paper-rise:-44px;--paper-start-rotate:-14deg;--paper-y:-30px}.paper-2{--paper-delay:0.32s;--paper-end-rotate:-8deg;--paper-rise:-12px;--paper-start-rotate:10deg;--paper-y:-12px}.paper-3{--paper-delay:0.68s;--paper-end-rotate:6deg;--paper-rise:8px;--paper-start-rotate:-5deg;--paper-y:10px}.paper-4{--paper-delay:1.04s;--paper-end-rotate:-13deg;--paper-rise:-30px;--paper-start-rotate:13deg;--paper-y:-22px}.paper-5{--paper-delay:1.38s;--paper-end-rotate:9deg;--paper-rise:18px;--paper-start-rotate:-8deg;--paper-y:18px}.paper-6{--paper-delay:1.72s;--paper-end-rotate:-5deg;--paper-rise:-54px;--paper-start-rotate:7deg;--paper-y:-38px}.premium-device{align-items:start;display:grid;height:104px;justify-items:center;position:absolute;right:46px;top:34px;width:122px}.premium-device:before{background:linear-gradient(90deg,rgba(31,48,75,.36),var(--shadow-color-medium));border-radius:var(--radius-pill);bottom:2px;content:"";height:10px;position:absolute;width:92px}.premium-monitor{background:linear-gradient(180deg,#263b52,#142235);border:1px solid rgba(130,173,255,.42);border-radius:8px;box-shadow:0 18px 34px rgba(31,48,75,.24),inset 0 0 0 1px var(--white-alpha-08);height:72px;overflow:hidden;position:relative;width:98px}.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:6px;inset:8px}.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:3px;left:14px;right:14px;top:14px}.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:2px;left:22px;right:26px}.premium-screen-line:nth-child(2){top:29px}.premium-screen-line:nth-child(3){right:36px;top:40px}.premium-screen-line:nth-child(4){right:46px;top:51px}.premium-monitor-stand{background:linear-gradient(180deg,#203145,#132133);height:15px;margin-top:-1px;position:relative;width:18px}.premium-monitor-stand:after{background:linear-gradient(180deg,#263b52,#162638);border:1px solid rgba(130,173,255,.26);border-radius:999px 999px 5px 5px;content:"";height:8px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:58px}.premium-keyboard{background:linear-gradient(180deg,#eaf3fc,#c8d8e8);border:1px solid var(--shadow-color-medium);border-radius:6px;box-shadow:0 10px 18px var(--shadow-color-strong);height:12px;margin-top:11px;position:relative;width:82px}.premium-keyboard:before{background:repeating-linear-gradient(90deg,var(--shadow-color-medium) 0,var(--shadow-color-medium) 2px,transparent 2px,transparent 8px);border-radius:inherit;content:"";inset:3px 8px;position:absolute}.premium-action-copy{display:grid;grid-gap:7px;gap:7px;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:30px;letter-spacing:0;line-height:1.08}.premium-action-copy span{color:var(--muted);font-size:14px;line-height:1.45;max-width:360px}.premium-stage-list{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;z-index:4}.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:8px;color:var(--muted);display:flex;gap:8px;min-height:46px;min-width:0;padding:9px 10px;text-align:left;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.premium-stage span:last-child{font-size:12px;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:8px;width:8px}.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 5px 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:4px;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(280px + max(28px, var(--safe-left)));pointer-events:none;position:fixed;right:max(28px,var(--safe-right));top:max(10px,var(--safe-top));z-index:54}.page-loading-line{background:color-mix(in srgb,var(--line) 74%,transparent);border-radius:var(--radius-pill);height:3px;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:8px;box-shadow:0 14px 32px var(--shadow-color-soft);color:var(--text);display:inline-flex;gap:8px;margin-top:8px;min-height:38px;padding:0 12px}.page-loading-pill span:not(.page-loading-dot){font-size:13px;font-weight:800}.page-loading-pill small{color:var(--muted);font-size:12px;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:8px;width:8px}.security-pill{align-items:center;background:var(--success-bg);border:1px solid var(--success-border);border-radius:8px;color:var(--green);display:flex;gap:8px;min-height:40px;min-width:0;padding:0 12px;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:8px;box-shadow:var(--shadow);min-width:0}.metric-card{animation:metric-entry .28s ease both;display:grid;grid-gap:8px;gap:8px;min-height:132px;padding:18px}.metric-card span{color:var(--muted);font-size:14px}.metric-card strong{font-size:34px;line-height:1}.metric-card small{font-size:13px;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 420px;padding:20px}.panel-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.security-pill.muted{background:#f2f5f8;border-color:var(--line);color:var(--muted)}.primary-button,.secondary-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:0 14px;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:40px;padding:0 12px;white-space:nowrap}.secondary-button.danger{color:#a31d35}.select-input,.text-input{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit;min-height:42px;outline:none;padding:9px 11px;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 3px 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% - 18px) 18px,calc(100% - 13px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.empty-state,.error-banner,.loading-strip,.success-banner{align-items:center;border-radius:8px;display:flex;gap:9px;min-height:44px;padding:11px 12px}.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.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:42px}.request-modal-form>.error-banner,.request-modal-form>.form-grid,.request-modal-form>.table-scroll,.request-modal-form>label{margin:18px 20px 0}.mini-metrics{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.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:38px}.tracking-search-field .text-input{padding-left:42px}.tracking-compact-control .select-input{width:100%}.tracking-item-meta .plain-pill{font-size:10px;padding:5px 6px}.history-search-field .text-input{padding-left:42px}.history-compact-control .select-input{width:100%}.history-item-meta .plain-pill{font-size:10px;padding:5px 6px}.buyer-transfer-quantity .text-input{min-width:0;width:110px}.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:12px;font-weight:800;line-height:1;padding:7px 9px;white-space:nowrap}.split-buttons .primary-button,.split-buttons .secondary-button{flex:1 1 148px}.approval-actions .primary-button,.approval-actions .secondary-button{justify-content:center;min-width:150px}.subwarehouse-receipt-search .text-input{padding-left:38px}.inventory-operation-tabs .primary-button,.inventory-operation-tabs .secondary-button{align-items:center;gap:8px}.inventory-operation-tabs .primary-button>span,.inventory-operation-tabs .secondary-button>span{display:grid;grid-gap:2px;gap:2px;justify-items:start;min-width:0;text-align:left}.stores-directory-section .panel-title .eyebrow:empty{display:none}.store-directory-filters .secondary-button{gap:6px}.store-directory-filters .secondary-button strong{color:var(--muted);font-size:12px}.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 128px;justify-content:center}.form-error-banner{background:var(--danger-alpha-09);border:1px solid var(--danger-alpha-22);border-radius:8px;color:var(--red);font-size:13px;font-weight:850;line-height:1.35;padding:10px 12px}.report-sort-select .select-input{min-height:42px}.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:8px;margin:4px 0 10px}.panel-subtitle span{background:#eef3f8;border:1px solid #d3deeb;border-radius:var(--radius-pill);color:var(--muted);font-size:12px;font-weight:800;line-height:1;padding:7px 9px}: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 24px 70px 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 30px 90px 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 18px)}: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:360px}.document-reconciliation-invoice-ocr-heading .secondary-button{min-height:32px;padding:6px 9px}.document-reconciliation-item-allocation-control .secondary-button{font-size:11px;min-height:30px;padding:5px 7px}.invoice-reconciliation-candidate-actions .danger-button{color:#bd3b3b}.invoice-ocr-processed-column .empty-state{margin:8px 0 2px}.purchase-history-search-field .text-input{padding-left:42px}.purchase-history-compact-control .select-input{width:100%}.purchase-history-item-meta .plain-pill{font-size:10px;padding:5px 6px}.purchase-invoice-card-meta .plain-pill{font-size:10px;padding:4px 6px}@media (prefers-reduced-motion:reduce){.loading-brand-mark,.loading-brand-orbit:before,.loading-strip-animated:after,.loading-strip-mark,.page-loading-dot,.page-loading-line span,.premium-action-card,.premium-action-card:before,.premium-device-scan,.premium-paper,.premium-stage.active .premium-stage-dot{animation:none}}.auth-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:18px;gap:18px;max-width:560px;padding:22px}.action-form,.auth-form,.project-form{display:grid;grid-gap:14px;gap:14px}.action-form+.action-form{margin-top:14px}.action-form label,.auth-form label,.project-form label{color:var(--text-soft);display:grid;font-size:14px;font-weight:700;grid-gap:7px;gap:7px}.auth-form .remember-account-row{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;display:grid;grid-gap:10px;gap:10px;grid-template-columns:18px minmax(0,1fr);min-height:44px;padding:10px 12px}.remember-account-row input{accent-color:var(--accent);height:18px;margin:0;width:18px}.remember-account-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{border-radius:var(--radius-pill);display:inline-flex;font-size:12px;font-weight:800;line-height:1;padding:7px 9px;white-space:nowrap}.status-pill.planned{background:#e8f1ff;color:#1f5eaa}.status-pill.active{background:#e4f6ee;color:var(--green)}.status-pill.on_hold{background:var(--warning-bg);color:var(--amber)}.status-pill.completed{background:#eef7e3;color:#4c7c1f}.status-pill.archived{background:#eef1f5;color:#526174}.ops-layout{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(340px,.42fr);min-width:0}.group-tree-list{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;max-height:620px;min-height:220px;overflow:auto;padding:6px}.group-tree-row{align-items:center;border-radius:6px;display:grid;grid-gap:2px;gap:2px;grid-template-columns:32px minmax(0,1fr);min-width:0}.group-tree-row.active,.group-tree-row:hover{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.group-tree-toggle,.group-tree-toggle-placeholder{height:32px;width:32px}.group-tree-toggle{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--muted);cursor:pointer;display:grid;place-items:center}.group-tree-toggle:hover{background:var(--accent-soft);color:var(--accent-strong)}.group-tree-button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--text);cursor:pointer;display:flex;font:inherit;font-size:14px;font-weight:800;gap:8px;justify-content:space-between;min-height:40px;padding:8px 10px 8px 4px;text-align:left;width:100%}.group-tree-row.active .group-tree-button{color:var(--accent-strong)}.group-tree-button-label{align-items:center;display:flex;gap:8px;min-width:0;overflow-wrap:anywhere}.group-tree-counts{align-items:center;display:flex;flex:0 0 auto;gap:4px}.group-tree-counts small,.group-tree-counts strong{background:#e8f3ef;border-radius:var(--radius-pill);color:var(--success-text-strong);font-size:12px;font-style:normal;line-height:1;padding:4px 8px}.group-tree-counts small{background:#edf0ff;color:#536ca8}:root[data-theme=dark] .group-tree-counts small,:root[data-theme=dark] .group-tree-counts strong{background:rgba(74,196,145,.16)}:root[data-theme=dark] .group-tree-counts small{background:rgba(126,166,255,.16)}.ops-stack{display:grid;grid-gap:18px;gap:18px;min-width:0}.stacked-list{display:grid;grid-gap:10px;gap:10px}.list-card{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:4px;gap:4px;padding:12px}.list-card small,.list-card span{color:var(--muted)}.line-item-card{display:grid;grid-gap:12px;gap:12px;padding:12px}.checkbox-row,.line-item-card{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px}.checkbox-row{align-items:center;display:flex;gap:10px;padding:10px 12px}.checkbox-row input{flex:0 0 auto}.muted-line{color:var(--muted);display:block;font-size:12px;margin-top:4px}.table-action-row{display:inline-flex;gap:8px}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.section-actions{justify-content:flex-start;margin-bottom:12px}.approval-mark{align-items:center;color:var(--green);display:inline-flex;font-weight:800;gap:6px;white-space:nowrap}.approval-mark-stacked>span{display:grid;grid-gap:3px;gap:3px}.approval-mark-stacked small{color:var(--muted);font-size:12px;font-weight:700}.section-subheader{align-items:center;display:flex;gap:12px;justify-content:space-between}.section-subheader h3{margin:2px 0 0}.store-details-section .section-subheader h4{font-size:14px}.store-details-section .section-subheader>span{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:12px;font-weight:850;padding:3px 8px}:root[data-theme=dark] .status-pill.on_hold{background:rgba(228,169,74,.12);border-color:rgba(228,169,74,.32);color:var(--amber)}@media (max-width:1000px){.page-loading-indicator{left:max(14px,var(--safe-left));right:max(14px,var(--safe-right));top:calc(max(8px, var(--safe-top)) + 64px)}.mini-metrics,.ops-layout{grid-template-columns:1fr}.group-tree-list{max-height:360px}}@media (max-width:640px){.premium-action-overlay{padding:max(14px,var(--safe-top)) max(14px,var(--safe-right)) max(14px,var(--safe-bottom)) max(14px,var(--safe-left))}.premium-action-card{gap:16px;padding:0 18px 20px;width:100%}.premium-paper-scene{height:132px;margin:0 -18px;width:calc(100% + 36px)}.premium-paper-stack{bottom:26px;left:34px;transform:scale(.82);transform-origin:left bottom}.premium-paper{--paper-end-x:198px;--paper-mid-x:122px;left:56px;top:calc(62px + var(--paper-y))}.premium-device{right:30px;top:42px;transform:scale(.86);transform-origin:right center}.premium-action-copy h2{font-size:24px}.premium-stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-stage{min-height:44px;padding:8px 9px}.loading-brand-orbit{height:78px;width:78px}.loading-brand-mark{height:52px;width:52px}.page-loading-pill{align-items:flex-start;display:grid;grid-template-columns:auto minmax(0,1fr);padding:8px 10px}.page-loading-pill small{grid-column:2}.section-subheader{align-items:stretch;grid-template-columns:1fr;flex-direction:column}.group-tree-list{max-height:min(42dvh,370px);min-height:180px}.group-tree-row{grid-template-columns:34px minmax(0,1fr)}.group-tree-toggle,.group-tree-toggle-placeholder{height:36px;width:36px}.group-tree-button{min-height:44px}.select-input,.text-input{min-height:46px;font-size:16px}.form-grid,.form-grid.three-columns,.request-modal-grid{grid-template-columns:1fr}.button-row{justify-content:stretch}.button-row .primary-button,.button-row .secondary-button{width:100%}.buyer-add-item-row .button-row{display:grid;grid-template-columns:1fr}}.status-pill.success{background:color-mix(in srgb,var(--success) 12%,var(--panel));border-color:color-mix(in srgb,var(--success) 26%,var(--line));color:var(--success)}.status-pill.muted{background:var(--panel-soft);border-color:var(--line);color:var(--muted)}@media (prefers-reduced-motion:reduce){.loading-progress-track span{animation:none}}.icon-button{min-height:36px;padding:0;width:38px}.mini-metric{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:6px;gap:6px;min-height:78px;padding:12px}.mini-metric span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.mini-metric strong{font-size:24px;line-height:1;overflow-wrap:anywhere}.mini-metric small{color:var(--muted);font-size:11px;font-weight:700}.mini-metric.green strong{color:var(--green)}.mini-metric.amber strong{color:var(--amber)}.mini-metric.blue strong{color:var(--blue)}.mini-metric.violet strong{color:var(--violet)}.danger-line{color:#b42318;display:block;font-size:12px;font-weight:800;margin-top:4px}.empty-table-cell{color:var(--muted);display:block;font-weight:700;padding:8px 0;text-align:center}.split-buttons{justify-content:stretch}.modal-subtitle{color:var(--muted);display:block;font-size:13px;font-weight:800;margin-top:4px}.compact-title{margin-bottom:0}.movement-list{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.movement-row{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:7px;gap:7px;min-height:86px;padding:12px}.movement-row strong{font-size:14px}.movement-row small{color:var(--muted);font-weight:700}@media (max-width:1000px){.movement-list{grid-template-columns:1fr}}@media (max-width:640px){.mobile-menu-sheet .icon-button{background:var(--white-alpha-08);border-color:rgba(255,255,255,.14);color:var(--light-contrast)}}.eyebrow{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}.dot{border-radius:var(--radius-pill);flex:0 0 auto;height:12px;width:12px}.dot.receive{background:var(--green)}.dot.reserve{background:var(--amber)}.dot.consume{background:#c43754}.textarea{min-height:92px;resize:vertical}.discrepancy-card{background:#fff7ed;border-color:#fed7aa}.green-pill{background:#e4f6ee;border-color:var(--success-border);color:var(--green)}.amber-pill{background:var(--warning-bg);border-color:var(--warning-border);color:var(--amber)}.danger-pill{background:#fde8ea;border-color:#f5b7bf;color:var(--red)}.divider{background:var(--line);height:1px;margin:18px 0}.file-input{padding:7px 11px}:root[data-theme=dark] .amber-pill,:root[data-theme=dark] .discrepancy-card{background:rgba(228,169,74,.12);border-color:rgba(228,169,74,.32);color:var(--amber)}:root[data-theme=dark] .danger-pill{background:rgba(255,122,138,.12);border-color:rgba(255,122,138,.32);color:var(--red)}@media (max-width:1000px){.module-grid,.settings-choice-grid{grid-template-columns:1fr}}@media (max-width:640px){.primary-button,.secondary-button{min-height:46px}.textarea{font-size:16px}}.muted-text{color:var(--muted);font-size:13px;font-weight:800}.request-mobile-sheet-backdrop,.tracking-mobile-chips,.tracking-mobile-list,.tracking-mobile-sheet-backdrop,.tracking-mobile-tools{display:none}@media (max-width:640px){.request-mobile-filter{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:12px;font-weight:850;gap:8px;min-height:38px;padding:0 10px}.request-mobile-filter strong{color:var(--text);font-size:13px}.request-mobile-filter.active{background:var(--green-alpha-12);border-color:var(--green-alpha-28);color:var(--green)}.request-mobile-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px var(--shadow-color-faint);cursor:pointer;display:grid;grid-gap:12px;gap:12px;padding:14px}.request-mobile-card-head{align-items:start;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto}.request-mobile-card-head span:first-child{color:var(--muted);display:block;font-size:12px;font-weight:900;margin-bottom:3px;text-transform:uppercase}.request-mobile-card-head h3{font-size:17px;line-height:1.24;margin:0}.request-mobile-card-meta{display:grid;grid-gap:8px;gap:8px}.request-mobile-card-meta span{align-items:center;color:var(--muted);display:flex;font-size:13px;font-weight:750;gap:7px;min-width:0}.request-mobile-card-meta svg{flex:0 0 auto}.request-mobile-card-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-mobile-item-summary{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.request-mobile-item-summary span,.request-mobile-item-summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-mobile-item-summary span{color:var(--muted);font-size:12px;font-weight:750;margin-top:2px}.request-mobile-due{color:var(--green);font-size:12px;font-weight:900;white-space:nowrap}.request-mobile-due.danger{color:var(--red)}.request-mobile-card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.request-mobile-card-actions .primary-button,.request-mobile-card-actions .secondary-button{min-height:38px}.request-mobile-empty{align-items:center;background:var(--surface-muted);border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);display:flex;font-weight:800;gap:10px;justify-content:center;min-height:104px;padding:18px;text-align:center}.request-mobile-empty.compact{min-height:54px}.request-mobile-sheet-backdrop{align-items:end;background:var(--overlay-ink-48);display:grid;inset:0;padding:max(10px,var(--safe-top)) max(10px,var(--safe-right)) calc(82px + max(10px, var(--safe-bottom))) max(10px,var(--safe-left));position:fixed;z-index:82}.request-mobile-sheet{animation:mobile-sheet-up .22s ease both;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 -22px 60px rgba(11,18,28,.28);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:min(82dvh,680px);max-height:min(82dvh,680px);min-height:0;overflow:hidden;touch-action:auto}.request-mobile-sheet-handle{background:var(--line-strong);border-radius:var(--radius-pill);height:4px;justify-self:center;margin-top:8px;width:44px}.request-mobile-sheet-header{align-items:start;border-bottom:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px 14px}.request-mobile-sheet-header h2{font-size:22px}.request-mobile-sheet-header span{color:var(--green);display:inline-block;font-size:13px;font-weight:900;margin-top:4px}.request-mobile-sheet-body{-webkit-overflow-scrolling:touch;display:grid;grid-gap:14px;gap:14px;min-height:0;overscroll-behavior:contain;overflow-x:hidden;overflow-y:scroll;padding:14px;touch-action:pan-y}.request-mobile-detail-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.request-mobile-approval>div,.request-mobile-detail-grid>div{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:4px;gap:4px;padding:10px}.request-mobile-approval span:first-child,.request-mobile-detail-grid span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.request-mobile-approval strong,.request-mobile-detail-grid strong{font-size:13px;line-height:1.35;min-width:0;overflow-wrap:anywhere}.request-mobile-sheet-section{display:grid;grid-gap:8px;gap:8px}.request-mobile-sheet-section-title{align-items:center;display:flex;justify-content:space-between}.request-mobile-sheet-section-title span{color:var(--muted);font-size:12px;font-weight:900}.request-mobile-items{display:grid;grid-gap:8px;gap:8px}.request-mobile-item{border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:10px;gap:10px;padding:10px}.request-mobile-item span,.request-mobile-item strong{display:block}.request-mobile-item>div:first-child span{color:var(--muted);font-size:12px;line-height:1.35;margin-top:3px}.request-mobile-item-facts{display:grid;grid-gap:6px;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.request-mobile-item-facts span{background:var(--surface-muted);border-radius:8px;color:var(--muted);font-size:12px;font-weight:800;overflow:hidden;padding:7px 8px;text-overflow:ellipsis;white-space:nowrap}.request-mobile-approval{display:grid;grid-gap:8px;gap:8px}.request-mobile-sheet-actions{border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;padding:12px 14px}.tracking-mobile-tools{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) 46px;margin:0 0 10px}.tracking-mobile-search{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--muted);display:grid;grid-gap:8px;gap:8px;grid-template-columns:auto minmax(0,1fr);min-height:46px;padding:0 12px}.tracking-mobile-search input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--text);font:inherit;font-size:16px;font-weight:850;min-width:0;outline:none;width:100%}.tracking-mobile-search input::placeholder{color:var(--muted);opacity:.72}.tracking-mobile-filter-button{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;display:grid;font:inherit;height:46px;place-items:center;position:relative;width:46px}.tracking-mobile-filter-button.active{background:var(--green-alpha-12);border-color:var(--green-alpha-28);color:var(--green)}.tracking-mobile-filter-button span{align-items:center;background:var(--green);border-radius:var(--radius-pill);color:var(--surface);display:grid;font-size:10px;font-weight:950;height:18px;min-width:18px;padding:0 5px;place-items:center;position:absolute;right:-4px;top:-4px}.tracking-mobile-chips{display:flex;gap:8px;margin:0 0 12px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.tracking-mobile-chips::-webkit-scrollbar{display:none}.tracking-mobile-chip{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:12px;font-weight:850;gap:8px;min-height:38px;padding:0 10px}.tracking-mobile-chip strong{color:var(--text);font-size:13px}.tracking-mobile-chip.active{background:var(--green-alpha-12);border-color:var(--green-alpha-28);color:var(--green)}.tracking-mobile-list{display:grid;grid-gap:10px;gap:10px}.tracking-mobile-card{animation:mobile-card-in .22s ease both;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px var(--shadow-color-faint);cursor:pointer;display:grid;grid-gap:12px;gap:12px;overflow:hidden;padding:14px;position:relative}.tracking-mobile-card:before{background:linear-gradient(90deg,var(--green),var(--blue),var(--amber));content:"";height:3px;inset:0 0 auto;opacity:.9;position:absolute}.tracking-mobile-card-head{align-items:start;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding-top:2px}.tracking-mobile-card-head span:first-child{color:var(--muted);display:block;font-size:11px;font-weight:900;margin-bottom:2px;text-transform:uppercase}.tracking-mobile-card-head h3{font-size:20px;line-height:1.12;margin:0;overflow-wrap:anywhere}.tracking-mobile-progress{display:grid;grid-gap:6px;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.tracking-mobile-progress.large{gap:8px}.tracking-mobile-step{color:var(--muted);display:grid;grid-gap:5px;gap:5px;min-width:0;text-align:center}.tracking-mobile-step i{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-pill);height:8px;width:100%}.tracking-mobile-step small{font-size:10px;font-weight:900;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tracking-mobile-step.done{color:var(--green)}.tracking-mobile-step.done i{background:var(--green);border-color:var(--green)}.tracking-mobile-step.active{color:var(--blue)}.tracking-mobile-step.active i{background:linear-gradient(90deg,var(--blue),rgba(126,166,255,.25));border-color:rgba(126,166,255,.7);box-shadow:0 0 0 4px rgba(126,166,255,.12)}.tracking-mobile-step.danger{color:var(--red)}.tracking-mobile-step.danger i{background:var(--red);border-color:var(--red)}.tracking-mobile-facts{display:grid;grid-gap:8px;gap:8px}.tracking-mobile-facts>span{align-items:center;color:var(--muted);display:grid;font-size:13px;font-weight:800;grid-gap:7px;gap:7px;grid-template-columns:auto minmax(0,1fr) auto;min-width:0}.tracking-mobile-facts svg{flex:0 0 auto}.tracking-mobile-facts>span>small{font-size:11px;font-weight:950}.tracking-mobile-facts>span>strong{color:var(--muted);font-size:13px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracking-mobile-items{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:8px;gap:8px;padding:10px}.tracking-mobile-items-head{align-items:center;display:flex;justify-content:space-between}.tracking-mobile-items-head strong{font-size:13px}.tracking-mobile-items-head span{color:var(--muted);font-size:12px;font-weight:900}.tracking-mobile-item{align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px}.tracking-mobile-item span,.tracking-mobile-item strong{display:block;min-width:0}.tracking-mobile-item>div:first-child strong{font-size:13px;line-height:1.25}.tracking-mobile-item>div:first-child span{color:var(--muted);font-size:12px;line-height:1.3;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracking-mobile-item-side{display:grid;grid-gap:5px;gap:5px;justify-items:end;min-width:78px}.tracking-mobile-item-side span{color:var(--muted);font-size:11px;font-weight:900}.tracking-mobile-item-side strong{font-size:12px;white-space:nowrap}.tracking-mobile-more{color:var(--muted);font-size:12px;font-weight:900;text-align:center}.tracking-mobile-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tracking-mobile-actions .primary-button,.tracking-mobile-actions .secondary-button{min-height:38px}.tracking-mobile-sheet-backdrop{align-items:end;background:var(--overlay-ink-48);display:grid;inset:0;padding:max(10px,var(--safe-top)) max(10px,var(--safe-right)) calc(82px + max(10px, var(--safe-bottom))) max(10px,var(--safe-left));position:fixed;z-index:82}.tracking-mobile-sheet{animation:mobile-sheet-up .22s ease both;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 -22px 60px rgba(11,18,28,.28);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:min(82dvh,680px);max-height:min(82dvh,680px);min-height:0;overflow:hidden;touch-action:auto}.tracking-mobile-sheet-handle{background:var(--line-strong);border-radius:var(--radius-pill);height:4px;justify-self:center;margin-top:8px;width:44px}.tracking-mobile-sheet-header{align-items:start;border-bottom:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px 14px}.tracking-mobile-sheet-header h2{font-size:22px}.tracking-mobile-sheet-header span{color:var(--green);display:inline-block;font-size:13px;font-weight:900;margin-top:4px}.tracking-mobile-sheet-body{-webkit-overflow-scrolling:touch;display:grid;grid-gap:14px;gap:14px;min-height:0;overscroll-behavior:contain;overflow-x:hidden;overflow-y:scroll;padding:14px;touch-action:pan-y}.tracking-mobile-sheet-section{display:grid;grid-gap:8px;gap:8px}.tracking-mobile-sheet-actions{border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;padding:12px 14px}.tracking-mobile-status-control{max-width:190px}}.media-viewer-backdrop{background:rgba(10,16,26,.62);-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08);z-index:120}.media-viewer-modal{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,transparent),var(--surface)),var(--surface);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:8px;box-shadow:0 30px 90px rgba(10,16,26,.32);display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(88dvh,860px);overflow:hidden;width:min(calc(100vw - 48px),1100px)}.media-viewer-footer,.media-viewer-header{align-items:center;display:flex;gap:16px;justify-content:space-between;min-width:0;padding:14px 16px}.media-viewer-header{border-bottom:1px solid var(--line)}.media-viewer-footer>div:first-child,.media-viewer-header>div:first-child{display:grid;grid-gap:3px;gap:3px;min-width:0}.media-viewer-header h2{font-size:22px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-viewer-toolbar{align-items:center;display:flex;flex:0 0 auto;gap:8px}.media-viewer-reset{min-width:68px}.media-viewer-minus-icon{display:block;font-size:22px;font-weight:900;line-height:1;transform:translateY(-1px)}.media-viewer-body{background:linear-gradient(45deg,rgba(100,115,137,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(100,115,137,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(100,115,137,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(100,115,137,.08) 75%),var(--surface-muted);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:0;overflow:hidden}.media-viewer-stage{align-items:center;display:grid;justify-items:center;min-height:0;overflow:auto;padding:18px;overscroll-behavior:contain}.media-viewer-stage img{border-radius:6px;box-shadow:0 20px 50px rgba(10,16,26,.22);display:block;max-height:100%;max-width:100%;object-fit:contain;transform-origin:center;transition:transform .14s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.media-viewer-loading{color:var(--muted);font-weight:800;margin:0}.media-viewer-nav{align-self:stretch;background:color-mix(in srgb,var(--surface) 66%,transparent);border:0;color:var(--text);cursor:pointer;display:grid;place-items:center;transition:background .16s ease,color .16s ease;width:52px}.media-viewer-nav:focus-visible,.media-viewer-nav:hover{background:color-mix(in srgb,var(--green) 14%,var(--surface));color:var(--green);outline:0}.media-viewer-footer{border-top:1px solid var(--line)}.media-viewer-footer span,.media-viewer-footer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-viewer-footer span{color:var(--muted);font-size:13px;font-weight:800}.media-viewer-strip{display:flex;flex:0 0 auto;gap:8px;max-width:min(50vw,420px);overflow-x:auto;padding-bottom:2px}.media-viewer-strip button{background:var(--surface-muted);border:2px solid transparent;border-radius:8px;cursor:pointer;flex:0 0 auto;height:54px;overflow:hidden;padding:2px;width:70px}.media-viewer-strip button.active{border-color:var(--green)}.media-viewer-strip img{border-radius:5px;height:100%;object-fit:cover;width:100%}.media-viewer-strip span{align-items:center;color:var(--muted);display:flex;font-size:18px;height:100%;justify-content:center}@media (max-width:640px){.media-viewer-backdrop{align-items:end;padding:max(8px,var(--safe-top)) max(8px,var(--safe-right)) max(8px,var(--safe-bottom)) max(8px,var(--safe-left))}.media-viewer-modal{height:min(92dvh,760px);width:100%}.media-viewer-header{align-items:stretch;display:grid;grid-gap:10px;gap:10px;padding:12px}.media-viewer-header h2{font-size:19px}.media-viewer-toolbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.media-viewer-toolbar .icon-button,.media-viewer-toolbar .media-viewer-reset{min-width:0;width:100%}.media-viewer-body{grid-template-columns:minmax(0,1fr);position:relative}.media-viewer-stage{padding:12px}.media-viewer-nav{align-self:center;border:1px solid var(--line);border-radius:8px;height:46px;position:absolute;top:50%;transform:translateY(-50%);width:42px;z-index:2}.media-viewer-nav.previous{left:8px}.media-viewer-nav.next{right:8px}.media-viewer-footer{align-items:stretch;display:grid;padding:12px}.media-viewer-strip{max-width:100%}}.offline-shell{align-items:center;background:linear-gradient(135deg,rgba(18,128,92,.09),transparent 34%),linear-gradient(315deg,rgba(36,99,198,.09),transparent 30%),var(--background);display:grid;min-height:100dvh;padding:max(24px,var(--safe-top)) max(24px,var(--safe-right)) max(24px,var(--safe-bottom)) max(24px,var(--safe-left))}.offline-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:12px;gap:12px;max-width:460px;padding:28px;text-align:left;width:min(100%,460px)}.offline-panel h1,.offline-panel p{margin:0}.offline-panel p{color:var(--muted);line-height:1.55}.offline-mark{align-items:center;background:var(--shell-icon-surface) url(/icons/kapan-pwa-v1-192.png) center /contain no-repeat;border-radius:8px;color:transparent;display:grid;font-weight:900;height:48px;place-items:center;width:48px}.offline-alt{font-size:13px}.offline-retry-button{background:var(--accent);border-color:var(--accent);color:var(--surface);justify-self:start}.pwa-system-status{bottom:max(16px,calc(16px + var(--safe-bottom)));display:grid;grid-gap:8px;gap:8px;pointer-events:none;position:fixed;right:max(16px,calc(16px + var(--safe-right)));width:min(calc(100vw - 32px),360px);z-index:250}.pwa-update-status{border-color:color-mix(in srgb,var(--blue) 38%,var(--line));color:var(--text)}.pwa-queue-status{border-color:color-mix(in srgb,var(--amber) 40%,var(--line));color:var(--text)}.pwa-queue-status.error{border-color:color-mix(in srgb,var(--red) 42%,var(--line));color:var(--red)}.pwa-queue-status button{background:var(--surface-muted);border-color:currentColor;color:inherit}.pwa-update-status button{background:var(--blue);border-color:var(--blue);color:var(--surface)}@media (max-width:720px){.pwa-system-status{bottom:calc(76px + max(10px, var(--safe-bottom)));right:max(10px,var(--safe-right));width:min(calc(100vw - 20px),360px)}}.project-report-intro{background:linear-gradient(135deg,var(--green-alpha-10),rgba(126,166,255,.1));border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:14px;font-weight:750;line-height:1.45;padding:12px 14px}.project-report-period-filter{display:grid;grid-gap:12px;gap:12px}.project-report-period-label{color:var(--muted);font-size:13px;font-weight:850}.project-report-period-options{display:flex;flex-wrap:wrap;gap:8px}.project-report-period-option{align-items:center;background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:850;justify-content:center;min-height:38px;padding:7px 13px}.project-report-period-option.is-active,.project-report-period-option:hover{background:color-mix(in srgb,var(--blue) 10%,var(--surface));border-color:color-mix(in srgb,var(--blue) 48%,var(--line));color:var(--blue)}.project-report-custom-range{align-items:end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,220px))}.project-report-custom-range label,.project-report-projects{display:grid;grid-gap:7px;gap:7px}.project-report-custom-hint{color:var(--muted);font-size:13px;font-weight:750;grid-column:1/-1}.project-report-project-option.is-selected{background:color-mix(in srgb,var(--blue) 20%,var(--surface-muted));border-color:color-mix(in srgb,var(--blue) 55%,var(--line))}.project-report-projects{border-top:1px solid var(--line);padding-top:16px}.project-report-project-option>span,.project-report-projects-head,.project-report-projects-head>div{align-items:center;display:flex;gap:8px}.project-report-projects-head{justify-content:space-between}.project-report-projects-head span{color:var(--muted);font-size:13px;font-weight:750}.project-report-project-list{display:flex;flex-wrap:wrap;gap:8px 14px;max-height:170px;overflow:auto;padding:2px 0}.project-report-project-option{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;margin:0;min-height:44px;padding:8px 10px}.project-report-project-option>span{align-items:baseline;min-width:0}.project-report-project-option small{color:var(--muted);font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-report-actions{display:flex;flex-wrap:wrap;gap:10px}.project-report-result-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between}.project-report-result-head span{color:var(--muted);font-size:13px;font-weight:750}@media (max-width:640px){.project-report-period-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.project-report-period-option{width:100%}.project-report-custom-range{grid-template-columns:1fr}.project-report-project-list{display:grid;max-height:230px}.project-report-project-option{width:100%}.project-report-actions{display:grid;grid-template-columns:1fr}.project-report-actions .primary-button,.project-report-actions .secondary-button{justify-content:center;width:100%}.project-report-result-head{align-items:flex-start;display:grid;grid-gap:4px;gap:4px}}.ds-empty-state{align-items:center;display:flex;gap:10px;line-height:1.35;min-width:0}.ds-empty-state>svg{color:var(--muted);flex:0 0 auto}.ds-empty-state-copy{display:grid;grid-gap:3px;gap:3px;min-width:0}.ds-empty-state-copy strong{color:var(--text);font-size:14px;font-weight:850}.ds-empty-state-copy small{color:var(--muted);font-size:12px;font-weight:750}.ds-empty-state.compact{min-height:38px;padding:9px 10px}.ds-empty-state.compact .ds-empty-state-copy strong{font-size:13px}.ds-loading-state,.ds-notice{align-items:center;border-radius:8px;display:flex;gap:9px;line-height:1.35;min-height:42px;min-width:0;padding:10px 12px}.ds-loading-state>.loading-strip-mark,.ds-notice>svg{flex:0 0 auto}.ds-loading-state>span:last-child,.ds-notice>span{min-width:0}.ds-loading-state.compact,.ds-notice.compact{min-height:36px;padding:8px 10px}.ds-notice-info{background:color-mix(in srgb,var(--blue) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--blue) 24%,var(--line));color:var(--blue);font-weight:800}.ds-notice-success{background:color-mix(in srgb,var(--green) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));color:var(--green);font-weight:800}.ds-notice-warning{background:color-mix(in srgb,var(--amber) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--amber) 26%,var(--line));color:var(--amber);font-weight:800}.ds-notice-danger{background:color-mix(in srgb,var(--red) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--red) 24%,var(--line));color:var(--red);font-weight:800}:root[data-theme=dark] .ds-empty-state{border-color:var(--line)}