:root{--brand-navy: #03265f;--brand-navy-deep: #071c4f;--brand-green: #289842;--brand-green-deep: #047738;--radius: 12px;--radius-sm: 8px;--touch: 44px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}:root,:root[data-theme=light]{color-scheme:light;--bg: #f4f6fa;--surface: #ffffff;--surface-2: #eef2f8;--border: #d5dce8;--text: #0b1b36;--text-muted: #4a5872;--primary: #03265f;--on-primary: #ffffff;--accent: #289842;--accent-text: #047738;--header-bg: #03265f;--on-header: #ffffff;--focus: #2f6fdb;--good: #166534;--warn: #946b00;--bad: #c0262d;--good-bg: #e7f6ec;--warn-bg: #fff8e6;--bad-bg: #fde8e9;--shadow: 0 1px 2px rgb(3 38 95 / .08), 0 4px 12px rgb(3 38 95 / .06);--chart-1: #03265f;--chart-2: #289842;--chart-3: #2f6fdb;--chart-4: #946b00;--chart-grid: #d5dce8}:root[data-theme=dark]{color-scheme:dark;--bg: #061633;--surface: #0b2147;--surface-2: #12305e;--border: #24406f;--text: #e8eef8;--text-muted: #a9b7cf;--primary: #8db4ff;--on-primary: #061633;--accent: #3dba5c;--accent-text: #3dba5c;--header-bg: #071c4f;--on-header: #ffffff;--focus: #8db4ff;--good: #4cc771;--warn: #f5c04a;--bad: #ff8080;--good-bg: #0f3a2a;--warn-bg: #3d3014;--bad-bg: #4a1f2a;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 4px 12px rgb(0 0 0 / .25);--chart-1: #8db4ff;--chart-2: #3dba5c;--chart-3: #f5c04a;--chart-4: #ff8080;--chart-grid: #24406f}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--bg: #061633;--surface: #0b2147;--surface-2: #12305e;--border: #24406f;--text: #e8eef8;--text-muted: #a9b7cf;--primary: #8db4ff;--on-primary: #061633;--accent: #3dba5c;--accent-text: #3dba5c;--header-bg: #071c4f;--on-header: #ffffff;--focus: #8db4ff;--good: #4cc771;--warn: #f5c04a;--bad: #ff8080;--good-bg: #0f3a2a;--warn-bg: #3d3014;--bad-bg: #4a1f2a;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 4px 12px rgb(0 0 0 / .25);--chart-1: #8db4ff;--chart-2: #3dba5c;--chart-3: #f5c04a;--chart-4: #ff8080;--chart-grid: #24406f}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;overflow-x:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(8px + var(--safe-top)) calc(16px + var(--safe-right)) 8px calc(16px + var(--safe-left));background:var(--header-bg);color:var(--on-header)}.app-header img{height:32px;width:auto;display:block}.app-nav{display:flex;flex:1;gap:4px;overflow-x:auto;scrollbar-width:none}.app-nav a{display:inline-flex;align-items:center;min-height:var(--touch);padding:0 12px;border-radius:var(--radius-sm);color:var(--on-header);text-decoration:none;white-space:nowrap;opacity:.85}.app-nav a.active{opacity:1;font-weight:700;background:#ffffff24}.header-actions{display:flex;align-items:center;gap:8px}.btn-header{background:transparent;color:var(--on-header);border-color:#ffffff80}.app-main{max-width:960px;margin:0 auto;padding:16px calc(16px + var(--safe-right)) calc(96px + var(--safe-bottom)) calc(16px + var(--safe-left));display:grid;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card h2{margin:0 0 8px;font-size:1.15rem;color:var(--text)}.muted,.hint{color:var(--text-muted)}.hero-logo{width:min(280px,70%);height:auto;display:block;margin:8px auto 16px}.btn{min-height:var(--touch);min-width:var(--touch);padding:0 16px;border-radius:var(--radius-sm);border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:var(--surface-2);border-radius:var(--radius-sm)}.segmented button{min-height:var(--touch);border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:700;box-shadow:var(--shadow)}.settings-row{display:grid;gap:8px;margin-top:12px}.kpi-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.badge{padding:4px 10px;border-radius:999px;font-weight:600;font-size:.9rem}.badge-good{background:var(--good-bg);color:var(--good)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.update-banner{position:fixed;left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));z-index:100;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;max-width:640px;margin:0 auto;padding:16px;background:var(--surface);color:var(--text);border:2px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow)}.update-banner p{margin:2px 0 0;color:var(--text-muted)}.update-actions{display:flex;gap:8px;margin-left:auto}.btn-block{width:100%}.btn-danger{background:var(--bad);color:var(--bg)}.btn:disabled{opacity:.55;cursor:not-allowed}.link-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.center{text-align:center}.pad{padding:32px 16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left))}.auth-card{width:min(420px,100%);display:grid;gap:12px}.auth-card h1{margin:0;font-size:1.3rem}.field{display:grid;gap:4px}.field>span{font-weight:600}.field input,.org-select select{min-height:var(--touch);width:100%;padding:0 12px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.form-error{margin:0;color:var(--bad);font-weight:600}.form-ok{margin:8px 0 0;color:var(--good);font-weight:600}.org-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px calc(16px + var(--safe-right)) 8px calc(16px + var(--safe-left));background:var(--surface-2);border-bottom:1px solid var(--border)}.org-bar-write,.org-bar-warn{background:var(--warn-bg);color:var(--warn);font-weight:600}.org-select{flex:1 1 220px;max-width:360px}.org-mode{font-weight:600}.danger-card{border-color:var(--bad)}.row-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:0}.secret{margin:8px 0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem;letter-spacing:.04em;word-break:break-all;-webkit-user-select:all;user-select:all;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-sm)}.fieldset{display:grid;gap:12px;margin:0;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm)}.fieldset legend{padding:0 6px;font-weight:600}.btn-danger-text{color:var(--bad);border-color:var(--bad)}.org-item{flex-wrap:wrap;align-items:flex-start}.org-info{flex:1 1 260px}.org-item .badge{margin-left:4px}.item-inactive{opacity:.7}.field select{min-height:var(--touch);width:100%;padding:0 12px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.org-line{margin:4px 0 8px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.toolbar .search{flex:1 1 200px;min-height:var(--touch);padding:0 12px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.check{display:flex;align-items:center;gap:8px;min-height:var(--touch)}.check input{width:22px;height:22px}.inline-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.inline-form input{flex:1 1 160px;min-height:var(--touch);padding:0 12px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.inline-form .narrow{flex:0 1 120px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.card-head h2{margin:0}.rate-preview{margin:0;padding:12px;background:var(--surface-2);border-radius:var(--radius-sm)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media (max-width: 400px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}.entry-form{display:grid;gap:12px}.entry-form h2{margin:0}.result-card{border-color:var(--good)}.quick-product summary{min-height:var(--touch);display:flex;align-items:center;cursor:pointer;color:var(--accent-text);font-weight:600}.quick-product-form{display:grid;gap:8px}.quick-product-form input,.quick-product-form select{min-height:var(--touch);padding:0 12px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.preview{padding:12px;background:var(--surface-2);border-radius:var(--radius-sm)}.preview dl,.preview-dl{margin:8px 0 0;display:grid;gap:4px}.preview dl div,.preview-dl div{display:flex;justify-content:space-between;gap:12px}.preview dt,.preview-dl dt{color:var(--text-muted)}.preview dd,.preview-dl dd{margin:0;font-weight:600;text-align:right}.preview-achievement{margin:8px 0 0;font-size:1.1rem}.badge-lg{font-size:1.2rem;padding:6px 14px}.sticky-actions{position:sticky;bottom:calc(8px + var(--safe-bottom));padding:8px 0;background:var(--surface)}.pending-card{border-color:var(--warn)}.totals-card .totals-main{margin:8px 0}.small{font-size:.875rem}.row-actions.start{justify-content:flex-start}.badge-none{background:var(--surface-2);color:var(--text-muted)}.level-icon{display:inline-block;min-width:1.1em;text-align:center;font-weight:800}.level-word{font-weight:600}.delta{color:var(--text);font-weight:600}.dash{display:grid;gap:16px;transition:opacity .15s}.dash.stale{opacity:.6}.filter-row{display:grid;gap:12px;padding:8px}.segmented-5{grid-template-columns:repeat(5,1fr)}@media (max-width: 480px){.segmented-5{grid-template-columns:repeat(3,1fr)}}.hero-card h2{margin-bottom:4px}.hero-label{color:var(--text-muted);margin-top:8px}.hero-figure{font-size:3.5rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:4px 0 12px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:12px 0 8px}.stat-tile{padding:12px;background:var(--surface-2);border-radius:var(--radius-sm)}.stat-label{color:var(--text-muted);font-size:.875rem}.stat-value{font-size:1.5rem;font-weight:700}.stat-sub{color:var(--text-muted);font-size:.8rem}.badge-good,.badge-warn,.badge-bad{display:inline-flex;align-items:center;gap:4px}.cmp{--cmp-label: 34%;--cmp-value: 76px;position:relative;display:grid;gap:4px}.cmp-axis{position:relative;height:16px;margin-left:calc(var(--cmp-label) + 8px);margin-right:calc(var(--cmp-value) + 8px)}.cmp-axis span{position:absolute;transform:translate(-50%);font-size:.75rem;color:var(--text-muted)}.cmp-row{display:grid;grid-template-columns:var(--cmp-label) 1fr var(--cmp-value);gap:8px;align-items:center;min-height:var(--touch);padding:2px 0;border-radius:var(--radius-sm)}.cmp-row:hover,.cmp-row:focus-visible{background:var(--surface-2)}.cmp-clickable{cursor:pointer}.cmp-label{display:grid;min-width:0;overflow-wrap:anywhere}.cmp-track{position:relative;height:16px;background:var(--surface-2);border-radius:0 4px 4px 0}.cmp-row:hover .cmp-track,.cmp-row:focus-visible .cmp-track{background:var(--bg)}.cmp-bar{position:absolute;left:0;top:0;height:100%;border-radius:0 4px 4px 0}.cmp-good{background:var(--good)}.cmp-warn{background:var(--warn)}.cmp-bad{background:var(--bad)}.cmp-ref{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--text-muted);z-index:1}.cmp-value{text-align:right;font-weight:700;white-space:nowrap}.lv-good .level-icon{color:var(--good)}.lv-warn .level-icon{color:var(--warn)}.lv-bad .level-icon{color:var(--bad)}.chart-tooltip{position:absolute;z-index:5;min-width:150px;max-width:240px;padding:8px 10px;transform:translate(-50%,calc(-100% - 10px));background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);font-size:.9rem;pointer-events:none}.chart-tooltip strong{display:block;font-size:1.1rem}.chart-tooltip.static{position:static;transform:none}.trend{width:100%;min-width:0}.table-view{margin-top:8px}.table-view summary{min-height:var(--touch);display:flex;align-items:center;cursor:pointer;color:var(--accent-text);font-weight:600}.table-view table{width:100%;border-collapse:collapse;font-size:.9rem}.table-view th,.table-view td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}.table-view{overflow-x:auto}.org-kpi{display:flex;align-items:center;gap:12px}.flag-list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px;color:var(--text-muted)}.flag-list li>span{display:inline-block;min-width:1.1em;text-align:center;font-weight:800;color:var(--warn)}.sparkline{display:block}.worst-list{counter-reset:w}.filters{display:grid;gap:8px;padding:8px 12px}.filters-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.filters-count{margin-left:8px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.ms{position:relative}.ms-button{display:grid;width:100%;min-height:var(--touch);padding:4px 12px;text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.ms-active{border-color:var(--primary)}.ms-label{font-size:.75rem;color:var(--text-muted)}.ms-summary{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-panel{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;min-width:max(100%,300px);max-width:calc(100vw - 16px);display:grid;gap:4px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.ms-search{min-height:var(--touch);padding:0 12px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.ms-list{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto}.ms-option{display:flex;align-items:center;gap:10px;min-height:var(--touch);padding:0 4px;cursor:pointer}.ms-option input{width:20px;height:20px;flex:none}.ms-empty{padding:8px}.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:.9rem}.chip button{min-width:32px;min-height:32px;border:0;border-radius:50%;background:transparent;color:var(--text);font-size:1.1rem;cursor:pointer}:root{--bottom-nav-h: 64px}.icon-btn{display:inline-grid;place-items:center;width:var(--touch);height:var(--touch);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer}.app-header .icon-btn{color:var(--on-header)}.page-title{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.no-scroll{overflow:hidden}@media (max-width: 899px){.desktop-only{display:none!important}.app-header{gap:8px;padding-left:calc(4px + var(--safe-left))}.app-main{padding-bottom:calc(var(--bottom-nav-h) + 24px + var(--safe-bottom))}.update-banner{bottom:calc(var(--bottom-nav-h) + 12px + var(--safe-bottom))}.sticky-actions{bottom:calc(var(--bottom-nav-h) + 8px + var(--safe-bottom))}}@media (min-width: 900px){.mobile-only{display:none!important}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 8px #00000014}.bn-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:6px 2px;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:.7rem;text-decoration:none;cursor:pointer}.bn-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bn-item.active{color:var(--primary);font-weight:700}.bn-item.active:before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;border-radius:0 0 3px 3px;background:var(--primary)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000080;animation:fade-in .15s ease-out}.drawer{position:fixed;top:0;bottom:0;left:0;z-index:41;display:flex;flex-direction:column;width:min(320px,86vw);padding-top:var(--safe-top);padding-left:var(--safe-left);background:var(--surface);color:var(--text);box-shadow:4px 0 24px #00000059;animation:slide-in .18s ease-out;overflow-y:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 8px 12px 16px;border-bottom:1px solid var(--border)}.drawer-nav{flex:1;display:grid;align-content:start;gap:8px;padding:8px}.drawer-group{display:grid;gap:2px}.drawer-group-label{padding:8px 12px 2px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.drawer-link{display:flex;align-items:center;gap:14px;width:100%;min-height:var(--touch);padding:8px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.drawer-link:hover{background:var(--surface-2)}.drawer-link.active{background:var(--surface-2);color:var(--primary);font-weight:700}.drawer-foot{display:grid;gap:4px;padding:8px 8px calc(8px + var(--safe-bottom));border-top:1px solid var(--border)}.drawer-install:empty{display:none}.drawer-install{padding:4px 4px 0}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.drawer,.drawer-backdrop{animation:none}}.ms-right{left:auto;right:0}.ms-action{min-height:40px;justify-content:center}.ms-text{display:grid;min-width:0;line-height:1.25}.ms-text small{overflow-wrap:anywhere}.ms-list{max-height:min(320px,50vh)}.ss{position:relative}.ss-button{display:block;width:100%;min-height:var(--touch);padding:6px 12px;text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.ss-button:disabled{opacity:.55;cursor:not-allowed}.ss-panel{right:0}.ss-group{padding:8px 8px 2px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.ss-option{display:grid;min-height:var(--touch);align-content:center;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;line-height:1.25}.ss-active{background:var(--surface-2)}.ss-chosen{font-weight:700}.sync-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:8px calc(16px + var(--safe-right)) 8px calc(16px + var(--safe-left));background:var(--surface-2);border-bottom:1px solid var(--border);font-weight:600}.sync-offline{background:var(--warn-bg);color:var(--warn)}.sync-attention{border-left:4px solid var(--bad)}.sync-ok{color:var(--good)}.sync-text{display:grid;gap:2px}.sync-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sync-actions .btn{min-height:40px}