.app-shell[data-appearance]{--ink:#182a42;--navy:#172b46;--muted:#64758a;--line:#e0e7ef;--blue:#096fc7;--blue-soft:#eaf3fd;--paper:#edf2f7;--frame:#fff;--frame-ink:#253b57;--frame-muted:#687d95;--frame-line:#e0e7ef;--nav-active:#eaf3fd;--nav-accent:#096fc7;--heading-surface:transparent;--heading-ink:#182a42;--heading-muted:#64758a;--heading-accent:#187ac5;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light}.app-shell[data-appearance=dark]{--paper:#e9eef4;--frame:#10263d;--frame-ink:#e4eef8;--frame-muted:#9eb2c7;--frame-line:#30465e;--nav-active:#204764;--nav-accent:#65d3f6;--heading-surface:#15354f;--heading-ink:#fff;--heading-muted:#b5cadd;--heading-accent:#79d9f7}.app-shell[data-appearance] .sidebar{width:232px;background:var(--frame);border-right:1px solid var(--frame-line);color:var(--frame-ink);backdrop-filter:none;overflow-y:auto;scrollbar-width:thin}.app-shell[data-appearance]>.content{width:calc(100% - 232px);margin-left:232px}.app-shell[data-appearance] .brand{flex-direction:column;align-items:flex-start;gap:13px;padding:12px 15px 22px}.app-shell[data-appearance] .brand-logo-frame{width:140px;height:54px;border:0;border-radius:7px;box-shadow:none;padding:6px}.app-shell[data-appearance] .leitstand-wordmark{color:#172b46;font-size:31px;font-weight:800;letter-spacing:-1.5px;line-height:1.2}.app-shell[data-appearance=dark] .leitstand-wordmark{color:#fff}.app-shell[data-appearance] .mobile-brand{background:transparent;color:#172b46;box-shadow:none;font-size:18px;letter-spacing:-1px}.app-shell[data-appearance=dark] .mobile-brand{color:#fff}.app-shell[data-appearance] .brand-copy strong{font-size:10px;letter-spacing:.25em}.app-shell[data-appearance] .brand-copy small{color:var(--frame-muted);font-size:10px;margin-top:3px}.app-shell[data-appearance] .nav-label{color:var(--frame-muted);font-size:9px;letter-spacing:.17em;margin-top:14px}.app-shell[data-appearance] .nav-item{color:var(--frame-muted);height:43px;font-size:12px;font-weight:550;border-radius:6px;flex-shrink:0}.app-shell[data-appearance] .nav-item:hover{background:var(--nav-active);color:var(--frame-ink)}.app-shell[data-appearance] .nav-item.active{background:var(--nav-active);color:var(--nav-accent);box-shadow:inset 3px 0 var(--nav-accent);font-weight:700}.app-shell[data-appearance] .nav-badge{border-radius:5px;font-size:9px}.app-shell[data-appearance] .sidebar-bottom{padding-top:24px}.app-shell[data-appearance] .mini-calendar{border-color:var(--frame-line);background:var(--nav-active)}.app-shell[data-appearance] .leitstand-version,.app-shell[data-appearance] .mini-calendar small,.app-shell[data-appearance] .profile .more,.app-shell[data-appearance] .profile small{color:var(--frame-muted)}.app-shell[data-appearance] .profile{color:var(--frame-ink);border-color:var(--frame-line)}.app-shell[data-appearance] .topbar{background:var(--frame);border-color:var(--frame-line);backdrop-filter:none;height:72px;padding-inline:32px}.app-shell[data-appearance] .topbar>.search{flex:1;min-width:90px;max-width:520px;margin-right:auto;background:#f8fafc;border-color:#dce4ee;box-shadow:none}.app-shell[data-appearance] .topbar>button{flex-shrink:0}.app-shell[data-appearance] .search input{min-width:0}.app-shell[data-appearance] .primary-button,.app-shell[data-appearance] .secondary-button{min-height:40px;border-radius:7px;font-size:12px}.app-shell[data-appearance] .secondary-button{color:#29435f;border-color:#dce3eb}.app-shell[data-appearance=dark] .topbar>.primary-button{background:#65d3f6;color:#10263d}.app-shell[data-appearance=dark] .topbar>.secondary-button{background:#234057;border-color:#476079;color:#e4eef8}.app-shell[data-appearance] .appearance-switch{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 12px;border:1px solid var(--frame-line);border-radius:7px;background:var(--nav-active);color:var(--frame-ink);font-size:11px;font-weight:650;white-space:nowrap}.appearance-switch svg{flex-shrink:0}.appearance-track{display:inline-flex;align-items:center;width:28px;height:17px;padding:2px;border-radius:20px;background:#8a9caf}.appearance-track>span{width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:0 1px 3px #0002}.appearance-switch[aria-checked=true] .appearance-track{background:#65d3f6}.appearance-switch[aria-checked=true] .appearance-track>span{transform:translateX(11px);background:#10263d}.app-shell[data-appearance] :is(button,a,input,select,textarea):focus-visible{outline:2px solid #148fce;outline-offset:3px}.app-shell[data-appearance] .sidebar button:focus-visible,.app-shell[data-appearance] .topbar :is(button,input):focus-visible{outline-color:var(--nav-accent)}.app-shell[data-appearance] .page{padding:32px 32px 52px}.app-shell[data-appearance] .page-heading{padding:25px 28px;min-height:130px;border-radius:10px;margin-bottom:24px;background:var(--heading-surface);color:var(--heading-ink)}.app-shell[data-appearance=light] .page-heading{padding-inline:0}.app-shell[data-appearance] .page-heading h1{font-size:clamp(28px,2.7vw,38px);font-weight:650;line-height:1.15;letter-spacing:-.035em;margin:8px 0 11px}.app-shell[data-appearance] .page-heading :is(.eyebrow,.section-kicker){color:var(--heading-accent);letter-spacing:.19em}.app-shell[data-appearance] .page-heading :is(.subline,.weather small){color:var(--heading-muted);line-height:1.6}.app-shell[data-appearance] .page-heading .subline strong{color:var(--heading-ink)}.app-shell[data-appearance=dark] .page-heading{background-image:radial-gradient(circle at 86% 35%,#ffffff08 0,#ffffff08 90px,transparent 91px),radial-gradient(circle at 86% 35%,#ffffff04 0,#ffffff04 140px,transparent 141px)}.app-shell[data-appearance] .card{border-color:var(--line);border-radius:10px;background-color:#fff;box-shadow:0 3px 12px #16395404}.app-shell[data-appearance] .card-header{padding:21px 23px;min-height:78px}.app-shell[data-appearance] .card-header h2{font-weight:650;font-size:17px}.app-shell[data-appearance] .metric-strip{gap:14px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;margin-bottom:24px}.app-shell[data-appearance] .metric-strip button{padding:23px 20px;border:1px solid var(--line);border-radius:9px;align-items:flex-start;min-height:108px}.app-shell[data-appearance] .metric-strip strong{font-size:29px;font-weight:650;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.app-shell[data-appearance] .metric-strip small{font-size:11px;line-height:1.5;white-space:normal}.app-shell[data-appearance] .metric-strip .metric-icon{margin-top:2px}.app-shell[data-appearance] .metric-strip .arrow{align-self:center}.app-shell[data-appearance] :is(.workwear-metrics,.fleet-metrics,.finance-metrics){gap:14px;margin-bottom:24px}.app-shell[data-appearance] :is(.workwear-metrics,.fleet-metrics,.finance-metrics) .card{padding:20px;min-height:100px}.app-shell[data-appearance] :is(.workwear-metrics,.fleet-metrics,.finance-metrics,.personnel-metrics) strong{font-size:25px;font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.app-shell[data-appearance] :is(.workwear-metrics,.fleet-metrics,.finance-metrics,.personnel-metrics) small{font-size:10px;line-height:1.5}.app-shell[data-appearance] .workwear-metrics .workwear-stock-value{grid-column:span 2;min-width:0}.app-shell[data-appearance] .workwear-stock-value>span:last-child{min-width:0}.app-shell[data-appearance] .workwear-stock-value strong{font-size:clamp(18px,2vw,25px);overflow-wrap:anywhere}.app-shell[data-appearance=dark] :is(.metric-strip>button,.workwear-metrics>.card,.fleet-metrics>.card,.finance-metrics>.card,.personnel-metrics>article){border-bottom:3px solid #24899f}.app-shell[data-appearance=dark] :is(.metric-strip>button,.workwear-metrics>.card,.fleet-metrics>.card,.finance-metrics>.card):has(.coral){border-bottom-color:#bc5360}.app-shell[data-appearance=dark] :is(.metric-strip>button,.workwear-metrics>.card,.fleet-metrics>.card,.finance-metrics>.card):has(.mint){border-bottom-color:#25957c}.app-shell[data-appearance=dark] :is(.metric-strip>button,.workwear-metrics>.card,.fleet-metrics>.card,.finance-metrics>.card):has(.sand){border-bottom-color:#cf973b}.app-shell[data-appearance] .workwear-view-nav{border:0;border-bottom:1px solid #cad5e1;background:transparent;border-radius:0;padding:0;gap:24px;margin-bottom:22px}.app-shell[data-appearance] .workwear-view-nav button{min-height:46px;padding:0 3px;font-size:12px;border-radius:0;border-bottom:3px solid transparent;font-weight:550}.app-shell[data-appearance] .workwear-view-nav button.active{background:transparent;color:var(--blue);border-bottom-color:var(--blue);box-shadow:none;font-weight:750}.app-shell[data-appearance] .workwear-view-nav button span{color:var(--blue);background:var(--blue-soft)}.app-shell[data-appearance] .workwear-item-head strong{font-size:13px}.app-shell[data-appearance] .workwear-item-head small{font-size:10px}.app-shell[data-appearance] .personnel-metrics article{border-radius:10px}.app-shell[data-appearance] .mobile-nav{background:var(--frame);border-color:var(--frame-line)}.app-shell[data-appearance] .mobile-nav button{color:var(--frame-muted)}.app-shell[data-appearance] .mobile-nav button.active{color:var(--nav-accent);background:var(--nav-active)}.leitstand-mobile-version{display:none}.nav-icon svg{display:block}.cockpit-breadcrumb{display:flex;gap:14px;align-items:center;color:var(--frame-muted);font-size:11px;white-space:nowrap}.cockpit-breadcrumb strong{color:var(--frame-ink)}.app-shell[data-appearance] .topbar>.search{max-width:320px}@media(max-width:1200px){.cockpit-breadcrumb{display:none}}.app-shell[data-appearance] .cockpit-date{color:var(--heading-muted);align-self:flex-end;white-space:nowrap}.cockpit-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.cockpit-metrics>:is(button,a){display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:22px;background:white;color:var(--ink);border:1px solid var(--line);border-bottom:3px solid #cf973b;border-radius:6px;text-align:left;text-decoration:none}.cockpit-metrics span{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.cockpit-metrics i{width:6px;height:6px;border-radius:50%;background:#cf973b}.cockpit-metrics strong{font-size:36px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}.cockpit-metrics small{font-size:11px;color:var(--muted)}.cockpit-metrics .red{border-bottom-color:#bc5360}.cockpit-metrics .red strong{color:#9e4554}.cockpit-metrics .red i{background:#bc5360}.cockpit-metrics .green{border-bottom-color:#25957c}.cockpit-metrics .green i{background:#25957c}.app-shell[data-appearance] .cockpit-page .dashboard-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:22px;align-items:stretch}.cockpit-side{display:flex;flex-direction:column;gap:20px;min-width:0}.app-shell[data-appearance] .cockpit-page .card-header{background:#f8fafc;min-height:70px}.cockpit-page .card-header small{color:var(--muted);font-size:11px}.cockpit-scope{margin:12px 20px 0;width:fit-content}.cockpit-scope button{font-size:11px}.cockpit-action{display:flex;align-items:flex-start;width:100%;gap:15px;padding:25px 23px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink)}.cockpit-action:last-child{border-bottom:0}.cockpit-action:hover{background:#f4f8fc}.cockpit-action>span:nth-child(2){flex:1;min-width:0}.cockpit-action strong{display:block;font-size:13px;line-height:1.5}.cockpit-action small{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:var(--muted)}.cockpit-action em{color:#4586b5;font-style:normal}.action-symbol{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;background:#fff3df;color:#b98530;border-radius:6px}.cockpit-stock{display:flex;width:100%;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;margin:24px 0;border:0;border-radius:7px;background:#dce8f1;text-align:left;color:#34566f}.cockpit-stock small,.cockpit-stock strong{display:block;font-size:12px;line-height:1.6}.cockpit-stock b{font-size:11px;white-space:nowrap}.cockpit-more summary{cursor:pointer;color:var(--muted);font-size:12px;padding-bottom:20px}.cockpit-page .focus-card{min-height:400px}@media(max-width:1050px){.cockpit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell[data-appearance] .cockpit-page .dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.cockpit-metrics{gap:10px}.cockpit-metrics>:is(button,a){padding:16px}.cockpit-metrics strong{font-size:28px}.cockpit-stock{align-items:flex-start;flex-direction:column}.cockpit-action{padding:20px 16px}}@media (min-width:761px) and (max-width:1200px){.app-shell[data-appearance] .sidebar{width:210px}.app-shell[data-appearance]>.content{width:calc(100% - 210px);margin-left:210px}.app-shell[data-appearance] .appearance-label{display:none}.app-shell[data-appearance] .topbar{padding-inline:24px;gap:8px}.app-shell[data-appearance] .metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app-shell[data-appearance]>.content{margin-left:0;width:100%}.app-shell[data-appearance] .topbar{height:64px;padding:0 12px;gap:7px}.app-shell[data-appearance] .topbar>.search{min-width:0}.app-shell[data-appearance] .topbar>.search input{font-size:16px}.app-shell[data-appearance] .appearance-label,.app-shell[data-appearance] .leitstand-refresh-label,.app-shell[data-appearance] .topbar>.search>span{display:none}.app-shell[data-appearance] .appearance-switch{padding:0 8px;gap:6px}.app-shell[data-appearance] .topbar>.leitstand-refresh{width:36px;padding:0}.app-shell[data-appearance] .topbar>.primary-button{font-size:0}.app-shell[data-appearance] .page{padding:20px 14px 36px}.app-shell[data-appearance] .page-heading{padding:20px;min-height:120px;gap:14px;flex-wrap:wrap}.app-shell[data-appearance=light] .page-heading{padding-inline:0}.app-shell[data-appearance] .page-heading h1{font-size:28px}.app-shell[data-appearance] .metric-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-shell[data-appearance] .metric-strip button{padding:16px 12px;gap:9px}.app-shell[data-appearance] .metric-strip strong{font-size:24px}.app-shell[data-appearance] .metric-strip small{font-size:10px}.app-shell[data-appearance] .metric-strip .arrow{display:none}.app-shell[data-appearance] .workwear-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-shell[data-appearance] :is(.workwear-metrics,.fleet-metrics,.finance-metrics) .card{padding:14px;min-height:88px}.app-shell[data-appearance] :is(.workwear-metrics,.fleet-metrics,.finance-metrics) strong{font-size:21px}.app-shell[data-appearance] .card-header{padding:18px}.app-shell[data-appearance] .workwear-view-nav{gap:20px}.app-shell[data-appearance] .workwear-view-nav button{font-size:11px}.leitstand-mobile-version{display:block;padding:8px 14px 0;font-size:9px;color:var(--muted)}}@media screen and (min-width:1100px){.app-shell[data-appearance] .sidebar{width:190px;padding:14px 9px 11px}.app-shell[data-appearance]>.content{width:calc(100% - 190px);margin-left:190px}.app-shell[data-appearance] .brand{padding:9px 12px 17px;gap:10px}.app-shell[data-appearance] .leitstand-wordmark{font-size:25px}.app-shell[data-appearance] .brand-copy strong{font-size:9px}.app-shell[data-appearance] .nav-label{margin:11px 10px 6px}.app-shell[data-appearance] .main-nav{gap:3px}.app-shell[data-appearance] .nav-item{height:35px;padding:0 10px;gap:9px;font-size:11px}.app-shell[data-appearance] .nav-icon{width:16px}.app-shell[data-appearance] .nav-icon svg{width:16px;height:16px}.app-shell[data-appearance] .nav-badge{min-width:16px;height:16px}.app-shell[data-appearance] .sidebar-bottom{padding-top:18px}.app-shell[data-appearance] .mini-calendar{padding:10px;margin:0 3px 10px;gap:8px}.app-shell[data-appearance] .calendar-day{width:28px;height:31px;font-size:14px}.app-shell[data-appearance] .profile{padding:10px 6px 2px;gap:8px}.app-shell[data-appearance] .leitstand-version{padding:7px 9px;font-size:9px}.app-shell[data-appearance] .topbar{height:58px;padding-inline:25px;gap:8px}.app-shell[data-appearance] .topbar>.search{height:33px;max-width:290px}.app-shell[data-appearance] .topbar :is(.primary-button,.secondary-button,.appearance-switch){min-height:33px;height:33px;font-size:10px}.app-shell[data-appearance] .page{padding:25px 26px 42px}.app-shell[data-appearance] .page-heading{min-height:104px;padding:20px 23px;margin-bottom:19px}.app-shell[data-appearance=light] .page-heading{padding-inline:0}.app-shell[data-appearance] .page-heading h1{font-size:clamp(26px,2.2vw,31px);margin:6px 0 9px}.app-shell[data-appearance] .page-heading .subline{font-size:12px}.app-shell[data-appearance] .card-header{padding:17px 19px;min-height:62px}.app-shell[data-appearance] .card-header h2{font-size:15px}.app-shell[data-appearance] .project-board{gap:14px}.app-shell[data-appearance] .project-card{min-height:168px;padding:16px}.app-shell[data-appearance] .project-card>strong{margin-top:14px;font-size:13px}.app-shell[data-appearance] .project-next{min-height:22px;margin-top:9px}.app-shell[data-appearance] .project-progress-label{margin-top:16px}.app-shell[data-appearance] .project-card-actions{margin-top:12px}.app-shell[data-appearance] .project-card-actions button{height:26px}.app-shell[data-appearance] .cockpit-metrics{gap:13px;margin-bottom:19px}.app-shell[data-appearance] .cockpit-metrics>:is(button,a){padding:18px;gap:14px}.app-shell[data-appearance] .cockpit-metrics strong{font-size:29px}.app-shell[data-appearance] .cockpit-page .dashboard-grid{gap:18px}.app-shell[data-appearance] .cockpit-page .card-header{min-height:56px}.app-shell[data-appearance] .cockpit-action{padding:20px 19px;gap:12px}.app-shell[data-appearance] .cockpit-side{gap:16px}.app-shell[data-appearance] .cockpit-stock{padding:18px 20px;margin-block:19px}.app-shell[data-appearance] .task-row{padding-block:10px}.app-shell[data-appearance] .cockpit-page .focus-card{min-height:320px}}@media (prefers-reduced-motion:reduce){.appearance-track>span{transition:none}}@media print{.app-shell[data-appearance]{background:#fff}.app-shell[data-appearance] .appearance-switch,.app-shell[data-appearance] .leitstand-mobile-version{display:none}}.important-links{position:relative;flex-shrink:0}.important-links summary{cursor:pointer;padding:10px 12px;border:1px solid #526d82;border-radius:8px;color:#e3edf5;white-space:nowrap}.important-links summary:focus-visible{outline:2px solid #60cff1;outline-offset:3px}.important-links-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:100;width:min(340px,calc(100vw - 32px));padding:12px;border:1px solid #526d82;border-radius:10px;background:#17384e;box-shadow:0 12px 32px #0004;color:#fff}.important-links-menu>div{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0}.important-links-menu a{color:#fff;text-decoration:none;min-width:0}.important-links-menu a:hover{text-decoration:underline}.important-links-menu small{display:block;color:#c2d2df;font-size:11px;overflow-wrap:anywhere}.important-links-menu button{flex-shrink:0}@media print{.important-links{display:none}}.personnel-checklist{margin:18px 0;padding:18px;border:1px solid var(--line,#d8e3ef);border-radius:12px}.personnel-checklist h3,.personnel-checklist summary{margin:0 0 10px;font-weight:700}.personnel-checklist summary{cursor:pointer}.personnel-checklist p{font-size:13px;color:var(--muted,#687c93)}.personnel-checklist label{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:14px}.personnel-checklist input[type=checkbox]{width:17px;height:17px;flex:0 0 17px}.personnel-checklist input[type=date],.personnel-checklist select{max-width:100%;padding:8px}@media (max-width:600px){.app-shell[data-appearance] .workwear-metrics .workwear-stock-value{grid-column:1/-1}.personnel-checklist label:has(input[type=date]),.personnel-checklist label:has(select){align-items:stretch;flex-direction:column}}.workwear-exchange-backdrop{position:fixed;inset:0;z-index:10000;background:#10253899;display:grid;place-items:center;padding:20px}.workwear-exchange-dialog{width:min(540px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;background:#fff;color:#18334c;border-radius:16px;padding:24px;box-shadow:0 24px 80px #0004}.workwear-exchange-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.workwear-exchange-dialog h2{margin:0;font-size:22px}.workwear-exchange-dialog label{display:grid;gap:6px;margin:16px 0;font-weight:600}.workwear-exchange-dialog input,.workwear-exchange-dialog select{min-width:0;width:100%;padding:10px;border:1px solid #bdcddd;border-radius:8px;background:white;color:#18334c}.workwear-exchange-dialog p{line-height:1.5;font-size:14px}.workwear-exchange-dialog [role=alert]{color:#a52c2c;background:#fff0ee;padding:12px;border-radius:8px}