:root{--ink: #1d2733;--ink-soft: #52606d;--ink-faint: #7b8794;--bg: #eef1f4;--surface: #ffffff;--line: #d6dce2;--line-strong: #b8c1ca;--accent: #24527a;--accent-soft: #e3ebf3;--danger: #a33a2c;--danger-soft: #f8e7e4;--ok: #2c7a4b;--sel: #2f9e5a;--sel-ink: #ffffff;--opt: #ffffff;--alt: #e1e5e9;--alt-ink: #3e4c59;--exc: #9aa4ae;--exc-ink: #ffffff;--radius: 6px;--font: "Public Sans", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.45;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;padding-bottom:env(safe-area-inset-bottom,0px)}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:22px;font-weight:700;letter-spacing:-.01em}h2{font-size:16px;font-weight:600}h3{font-size:14px;font-weight:600}p{margin:0}a{color:var(--accent)}code,textarea.code{font-family:Cascadia Code,Consolas,SF Mono,monospace;font-size:13px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-soft)}.small{font-size:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,.button{font:inherit;font-weight:500;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:6px 12px;border-radius:var(--radius);cursor:pointer;white-space:nowrap}button:hover:not(:disabled){border-color:var(--ink-soft)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#1b4263}button.danger{color:var(--danger)}button.ghost{border-color:transparent;background:transparent}button.ghost:hover:not(:disabled){background:#0000000d;border-color:transparent}button.small{padding:3px 8px;font-size:12px}input,select,textarea{font:inherit;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);padding:6px 8px;background:var(--surface);width:100%}textarea{resize:vertical;min-height:70px}input[type=checkbox]{width:auto}label.field{display:grid;gap:4px;font-weight:500}label.field .help{font-weight:400;font-size:12px;color:var(--ink-faint)}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.form-grid .wide{grid-column:1 / -1}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.stack{display:grid;gap:16px}.notice{padding:10px 12px;border-radius:var(--radius);background:var(--accent-soft)}.notice.error{background:var(--danger-soft);color:var(--danger)}.notice.ok{background:#e3f2e8;color:var(--ok)}.notice.warn{background:#fbf1dc;color:#7a5611}.topbar{display:flex;align-items:center;gap:20px;padding:0 20px;padding-top:env(safe-area-inset-top,0px);height:calc(52px + env(safe-area-inset-top,0px));background:var(--ink);color:#fff;position:relative}.topbar .brand{font-weight:700;font-size:17px;color:#fff;text-decoration:none}.topbar .brand span{color:var(--sel)}.topbar nav{display:flex;gap:4px}.topbar nav a{color:#c9d2db;text-decoration:none;padding:6px 10px;border-radius:var(--radius)}.topbar nav a:hover{color:#fff;background:#ffffff14}.topbar nav a.active{color:#fff;background:#ffffff24}.topbar .user{margin-left:auto;display:flex;gap:12px;align-items:center;color:#c9d2db}.topbar .user button{background:transparent;color:#fff;border-color:#ffffff4d}.menu-toggle{display:none;padding:8px;border:0}.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{content:"";display:block;width:20px;height:2px;background:#fff;position:relative}.menu-toggle span:before{position:absolute;top:-6px}.menu-toggle span:after{position:absolute;top:6px}.nav-mobile{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;background:var(--ink);border-top:1px solid rgba(255,255,255,.12);padding:6px 12px calc(10px + env(safe-area-inset-bottom,0px));z-index:40}.nav-mobile a{color:#c9d2db;text-decoration:none;padding:12px 8px;border-radius:var(--radius)}.nav-mobile a.active{color:#fff;background:#ffffff24}@media (max-width: 720px){.menu-toggle{display:block}.nav-desktop,.hide-narrow{display:none}.topbar{gap:12px}}.page{max-width:1180px;margin:0 auto;padding:28px 20px 60px}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-head p{margin-top:4px;color:var(--ink-soft)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}table.data{width:100%;border-collapse:collapse}table.data th,table.data td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line)}table.data th{font-weight:600;color:var(--ink-soft);font-size:12px;position:sticky;top:0;background:var(--surface)}table.data td.n,table.data th.n{text-align:right;font-variant-numeric:tabular-nums}table.data tbody tr:hover{background:#f6f8fa}.scroll-x{overflow-x:auto}.login{min-height:100%;display:grid;place-items:center;padding:20px}.login form{width:min(360px,100%);display:grid;gap:14px}.login .mark{display:flex;gap:6px;margin-bottom:8px}.login .mark i{width:14px;height:14px;border-radius:3px;border:1px solid var(--line-strong)}.app-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.app-card{display:grid;gap:6px;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--sel);border-radius:var(--radius);padding:14px 16px}.app-card:hover{border-color:var(--line-strong);border-left-color:var(--sel)}.app-card.empty{border-left-color:var(--exc)}.app-bar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs{display:flex;gap:2px;flex-wrap:wrap}.tabs button{border-color:transparent;background:transparent;color:var(--ink-soft)}.tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.selection-bar{display:flex;align-items:center;gap:8px;padding:8px 20px;min-height:46px;background:#f7f9fa;border-bottom:1px solid var(--line);flex-wrap:wrap}.selection-bar .empty{color:var(--ink-faint)}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--sel);color:var(--sel-ink);border-radius:4px;padding:3px 4px 3px 10px;max-width:340px}.chip b{font-weight:600}.chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip button{background:transparent;border:0;color:#fff;padding:0 6px;font-size:16px;line-height:1}.chip button:hover:not(:disabled){background:#00000026}.sheet{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;padding:16px 20px 40px}.object{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;height:320px}.object.kpi{height:140px}.object header{display:flex;align-items:center;gap:6px;padding:8px 10px 6px 12px}.object header h3{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object .body{flex:1;min-height:0;padding:0 8px 8px;overflow:auto}.object .state{display:grid;place-items:center;height:100%;color:var(--ink-faint);text-align:center;padding:12px}.kpi-value{font-size:34px;font-weight:700;letter-spacing:-.02em;padding:4px 6px;font-variant-numeric:tabular-nums}.listbox{display:flex;flex-direction:column;height:100%}.listbox input{padding:4px 8px;margin-bottom:6px}.listbox ul{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;border:1px solid var(--line);border-radius:4px}.listbox li button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid rgba(0,0,0,.06);border-radius:0;padding:4px 8px;font-weight:400;overflow:hidden;text-overflow:ellipsis}.listbox li button:hover:not(:disabled){filter:brightness(.96)}.listbox .s-S{background:var(--sel);color:var(--sel-ink);font-weight:600}.listbox .s-O{background:var(--opt);color:var(--ink)}.listbox .s-A{background:var(--alt);color:var(--alt-ink)}.listbox .s-X{background:var(--exc);color:var(--exc-ink)}.listbox .count{font-size:11px;color:var(--ink-faint);padding-top:4px}.legend{display:flex;gap:12px;font-size:12px;color:var(--ink-soft)}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px;border:1px solid var(--line-strong)}.step{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.step>header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.step>header .index{color:var(--ink-faint);font-variant-numeric:tabular-nums;min-width:22px}.step>.content{padding:14px;display:grid;gap:14px}.step.disabled{opacity:.6}.preview{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius)}.log li{padding:2px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d273373;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:var(--surface);border-radius:8px;width:min(640px,100%);max-height:90vh;overflow:auto;padding:20px;display:grid;gap:16px}.modal footer{display:flex;justify-content:flex-end;gap:8px}.measure-row{display:grid;grid-template-columns:110px 1fr 120px 1fr auto;gap:6px;align-items:center}@media (max-width: 900px){.sheet{grid-template-columns:1fr;padding:12px 12px 32px}.sheet>.object{grid-column:1 / -1!important;height:280px}.object.kpi{height:120px}.measure-row{grid-template-columns:1fr 1fr}.page{padding:16px 14px 40px}.app-bar,.selection-bar{padding-left:14px;padding-right:14px}.selection-bar{overflow-x:auto;flex-wrap:nowrap}.legend{display:none}button,.listbox li button,.tabs button,input,select,textarea{min-height:40px}.listbox li button{padding:8px 10px}table.data th,table.data td{padding:10px 8px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}