:root{--dp-color-ground:#fcfcfd;--dp-color-ground-muted:#f3f4f6;--dp-color-panel:#ffffff;--dp-color-panel-raised:#ffffff;--dp-color-ink:#16191f;--dp-color-ink-secondary:#454c58;--dp-color-ink-muted:#6b7280;--dp-color-accent:#074ce0;--dp-color-accent-hover:#0640bd;--dp-color-accent-soft:#eaf0fe;--dp-color-field:#16191f;--dp-color-on-field:#ffffff;--dp-color-line:#e5e7eb;--dp-color-line-strong:#d3d7de;--dp-color-positive:#0f7b3f;--dp-color-positive-soft:#e8f6ee;--dp-color-warning:#9a5b00;--dp-color-warning-soft:#fdf3e3;--dp-color-danger:#b42318;--dp-color-danger-soft:#fdeceb;--dp-radius-panel:12px;--dp-radius-control:8px;--dp-radius-sm:6px;--dp-shadow-panel:0 1px 2px rgba(16,24,40,0.04),0 8px 24px rgba(16,24,40,0.05);--dp-shadow-raised:0 1px 3px rgba(16,24,40,0.08),0 12px 32px rgba(16,24,40,0.08);--font-display:"Host Grotesk","Instrument Sans",ui-sans-serif,system-ui,sans-serif;--font-body:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--ease:160ms ease-out}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--dp-color-ground);color:var(--dp-color-ink);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.figure,h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}p{margin:0}a{color:inherit;text-decoration:none}ol,ul{margin:0;padding-left:20px}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}:focus-visible{outline:2px solid var(--dp-color-accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.screen-title{font-size:30px}.screen-sub{font-size:14.5px;color:var(--dp-color-ink-secondary);margin-top:6px}.section-title{font-size:18px}.label{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--dp-color-ink-muted);font-weight:600}.small{font-size:13px;color:var(--dp-color-ink-secondary)}.muted{color:var(--dp-color-ink-muted)}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--dp-color-panel);border-right:1px solid var(--dp-color-line);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 18px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--dp-color-field);color:var(--dp-color-on-field);display:grid;place-items:center;font-size:12px;letter-spacing:.02em}.brand-mark,.brand-name{font-family:var(--font-display);font-weight:700}.brand-name{font-size:14.5px;letter-spacing:-.01em}.brand-sub{font-size:11.5px}.brand-sub,.nav-section{color:var(--dp-color-ink-muted)}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:14px 10px 6px;font-weight:600}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--dp-radius-control);font-size:14px;font-weight:500;color:var(--dp-color-ink-secondary);transition:background var(--ease),color var(--ease)}.nav-link:hover{color:var(--dp-color-ink)}.nav-link:active,.nav-link:hover{background:var(--dp-color-ground-muted)}.nav-link.active{background:var(--dp-color-accent-soft);color:var(--dp-color-accent)}.nav-dot{width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.55}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--dp-color-line)}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 4px 10px}.avatar{width:32px;height:32px;border-radius:999px;background:var(--dp-color-accent-soft);color:var(--dp-color-accent);display:grid;place-items:center;font-size:12.5px;font-weight:700;font-family:var(--font-display)}.main{padding:28px 32px 56px}.page{max-width:1240px}.page-head{align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-actions,.page-head{display:flex;flex-wrap:wrap}.page-actions{gap:8px;align-items:center}.split{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-gap:20px}.split,.split-wide{display:grid;gap:20px;align-items:start}.split-wide{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:20px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px}.grid-3,.grid-4{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.stack-4>*+*{margin-top:4px}.stack-8>*+*{margin-top:8px}.stack-12>*+*{margin-top:12px}.stack-16>*+*{margin-top:16px}.stack-20>*+*{margin-top:20px}.stack-24>*+*{margin-top:24px}.row{gap:10px}.row,.row-between{display:flex;align-items:center}.row-between{justify-content:space-between;gap:12px;flex-wrap:wrap}.col{display:flex;flex-direction:column}.panel{background:var(--dp-color-panel);border:1px solid var(--dp-color-line);border-radius:var(--dp-radius-panel);box-shadow:var(--dp-shadow-panel);padding:20px}.panel-tight{padding:14px 16px}.panel-flush{padding:0;overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.panel-muted{background:var(--dp-color-ground-muted);box-shadow:none}.panel-dark{background:var(--dp-color-field);color:var(--dp-color-on-field);border-color:var(--dp-color-field)}.panel-dark .label,.panel-dark .small{color:rgba(255,255,255,.72)}.stat{font-size:27px;letter-spacing:-.03em;line-height:1.05}.stat,.stat-sm{font-family:var(--font-display);font-weight:700}.stat-sm{font-size:19px;letter-spacing:-.02em}.stat-caption{font-size:12.5px;color:var(--dp-color-ink-muted);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-body);font-size:14px;font-weight:600;padding:9px 15px;min-height:38px;border-radius:var(--dp-radius-control);border:1px solid transparent;cursor:pointer;transition:background var(--ease),border-color var(--ease),color var(--ease),transform var(--ease);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--dp-color-accent);color:#fff}.btn-primary:hover{background:var(--dp-color-accent-hover)}.btn-secondary{background:var(--dp-color-panel);color:var(--dp-color-ink);border-color:var(--dp-color-line-strong)}.btn-secondary:hover{background:var(--dp-color-ground-muted)}.btn-pale{background:var(--dp-color-accent-soft);color:var(--dp-color-accent)}.btn-pale:hover{background:#dde8fd}.btn-quiet{background:transparent;color:var(--dp-color-ink-secondary)}.btn-quiet:hover{background:var(--dp-color-ground-muted);color:var(--dp-color-ink)}.btn-sm{font-size:13px;padding:5px 10px;min-height:30px}.btn-block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;background:var(--dp-color-ground-muted);color:var(--dp-color-ink-secondary);white-space:nowrap}.pill-accent{background:var(--dp-color-accent-soft);color:var(--dp-color-accent)}.pill-positive{background:var(--dp-color-positive-soft);color:var(--dp-color-positive)}.pill-warning{background:var(--dp-color-warning-soft);color:var(--dp-color-warning)}.pill-danger{background:var(--dp-color-danger-soft);color:var(--dp-color-danger)}.pill-dark{background:var(--dp-color-field);color:var(--dp-color-on-field)}.dot{width:6px;height:6px;border-radius:999px;background:currentColor}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--dp-color-ink-muted);font-weight:600;padding:9px 12px;white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--dp-color-line)}.table td{padding:11px 12px;vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:rgba(22,25,31,.015)}.num{text-align:right;font-family:var(--font-display);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.total-row td{border-top:2px solid var(--dp-color-line-strong);font-weight:700}.field{display:flex;flex-direction:column;gap:5px}.input,.select,.textarea{font-family:var(--font-body);font-size:14px;color:var(--dp-color-ink);background:var(--dp-color-panel);border:1px solid var(--dp-color-line-strong);border-radius:var(--dp-radius-control);padding:9px 11px;width:100%;min-height:38px;transition:border-color var(--ease),box-shadow var(--ease)}.input:hover,.select:hover,.textarea:hover{border-color:#b9bfc9}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--dp-color-accent);box-shadow:0 0 0 3px rgba(7,76,224,.12)}.textarea{resize:vertical;min-height:74px;line-height:1.55}.input-sm{min-height:30px;padding:4px 8px;font-size:13px}.inline-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.bars{display:flex;align-items:flex-end;gap:10px;height:116px;padding-top:8px}.bar-col{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%}.bar{width:100%;max-width:46px;border-radius:6px 6px 2px 2px;background:var(--dp-color-accent);opacity:.9;min-height:3px;transition:opacity var(--ease)}.bar:hover{opacity:1}.bar-water{background:#2f9e8f}.bar-label{font-size:10.5px;color:var(--dp-color-ink-muted);white-space:nowrap}.meter-bar{height:8px;border-radius:999px;background:var(--dp-color-ground-muted);overflow:hidden}.meter-fill{height:100%;border-radius:999px;background:var(--dp-color-accent)}.meter-fill.warn{background:#d98700}.meter-fill.ok{background:var(--dp-color-positive)}.meter-fill.bad{background:var(--dp-color-danger)}.epc{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;font-family:var(--font-display);font-weight:700;font-size:12.5px;color:#fff}.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{display:grid;grid-template-columns:8px minmax(0,1fr);grid-gap:10px;gap:10px}.timeline-dot{width:8px;height:8px;border-radius:999px;background:var(--dp-color-accent);margin-top:6px}.notice{border-radius:var(--dp-radius-control);padding:11px 13px;font-size:13.5px}.notice-warning{background:var(--dp-color-warning-soft);color:var(--dp-color-warning)}.notice-danger{background:var(--dp-color-danger-soft);color:var(--dp-color-danger)}.notice-accent{background:var(--dp-color-accent-soft);color:var(--dp-color-accent)}.empty{padding:26px 16px;text-align:center;color:var(--dp-color-ink-muted);font-size:13.5px}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.auth-form{display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-card{width:100%;max-width:380px}.auth-side{background:var(--dp-color-field);color:var(--dp-color-on-field);padding:48px 40px;display:flex;flex-direction:column;justify-content:center;gap:18px}.auth-side .label{color:rgba(255,255,255,.6)}.cred{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:var(--dp-radius-control);background:rgba(255,255,255,.06)}.cred code{background:rgba(255,255,255,.12);padding:2px 7px;border-radius:5px}@media print{.btn,.page-actions,.sidebar{display:none!important}.shell{display:block}.main{padding:0}.panel{box-shadow:none}}@media (max-width:1050px){.shell{grid-template-columns:216px minmax(0,1fr)}.main{padding:22px 20px 48px}.split,.split-wide{gap:14px}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;width:100%;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow-x:auto;gap:6px;padding:10px 12px;border-right:none;border-bottom:1px solid var(--dp-color-line)}.brand{padding:0 10px 0 0;flex:0 0 auto}.brand-sub,.nav-section{display:none}.nav-link{padding:8px 10px;font-size:13px;white-space:nowrap}.nav-dot{display:none}.sidebar-footer{margin-top:0;padding-top:0;border-top:none;display:flex;align-items:center;gap:8px}.sidebar-footer .user-chip{padding:0}.sidebar-footer .user-meta{display:none}.main{padding:18px 14px 44px}.grid-2,.grid-3,.grid-4,.split,.split-wide{grid-template-columns:minmax(0,1fr)}.page-head{flex-direction:column;align-items:stretch}.page-actions{width:100%}.page-actions .btn{flex:1 1}.screen-title,.stat{font-size:24px}.auth-wrap{grid-template-columns:minmax(0,1fr)}.auth-side{order:-1;padding:28px 22px}}@media (max-width:480px){.table thead{display:none}.table,.table tbody,.table td,.table tr{display:block;width:100%}.table tr{border:1px solid var(--dp-color-line);border-radius:var(--dp-radius-control);padding:8px 10px;margin-bottom:10px;background:var(--dp-color-panel)}.table td{border:none;padding:5px 0;display:flex;align-items:baseline;justify-content:space-between;gap:12px;text-align:right}.table td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--dp-color-ink-muted);font-weight:600;text-align:left;flex:0 0 auto}.table td:empty{display:none}.table td .inline-form{justify-content:flex-end}.panel{padding:16px}.bars{gap:5px}.bar-label{font-size:9.5px}}