:root{--bg:#faf6f0;--card:#fffdfa;--border:#ede4d9;--border-hover:#d9ccbc;--border-strong:#c3b4a2;--border-dashed:#dfd3c5;--input-border:#e4d9cb;--hairline:#f3ebe1;--soft-bg:#f1e9de;--chart-track:#e7dccd;--text:#211d19;--text-secondary:#6b625a;--text-muted:#8a8078;--text-faint:#9a9088;--text-faintest:#aba298;--accent:#b0552e;--accent-hover:#97441f;--accent-strong-text:#8e4223;--accent-soft-bg:#f6ebe3;--accent-soft-border:#e4d9cb;--on-accent:#fff8f2;--healthy-fg:#3e7a55;--healthy-bg:#eaf2ec;--low-fg:#a8761a;--low-bg:#fbf1dc;--critical-fg:#b0453a;--critical-bg:#faeae7;--critical-border:#e7c4bd;--danger-solid:#b0453a;--danger-solid-hover:#97362c;--success-summary-bg:#f3f7f3;--success-summary-border:#dce8de;--success-summary-fg:#2f5d42;--success-summary-label:#4f7359;--success-summary-note:#6b7f70;--warn-bg:#fbf3f1;--warn-border:#f0ddd8;--warn-text:#6b4e49;--warn-text-soft:#8a6560;--translucent-surface:#fffdfaeb;--toast-bg:#211d19;--toast-fg:#fbf7f2;--swatch-ring:#211d1917;--swatch-dot-ring:#211d1924;--skeleton-base:#f1e9de;--skeleton-highlight:#f8f2ea;--radius-lg:18px;--radius-md:13px;--radius-sm:9px;--radius-pill:999px;--shadow-card:0 1px 2px #211d1908;--shadow-modal:0 40px 90px -30px #211d198c;--shadow-button:0 6px 18px -8px #b0552eb3;--font-serif:"Instrument Serif", Georgia, serif;--font-sans:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=dark]{--bg:#18140f;--card:#221c16;--border:#362b20;--border-hover:#4c3c2c;--border-strong:#5f4c38;--border-dashed:#4c3c2c;--input-border:#3e3225;--hairline:#302720;--soft-bg:#2c2318;--chart-track:#3c3020;--text:#f2ece1;--text-secondary:#c7bcab;--text-muted:#a5977f;--text-faint:#8c7e68;--text-faintest:#756753;--accent:#dd8354;--accent-hover:#e8956a;--accent-strong-text:#f2ab7e;--accent-soft-bg:#3c2a1d;--accent-soft-border:#4c3624;--on-accent:#fff8f2;--healthy-fg:#86cd9f;--healthy-bg:#1f3527;--low-fg:#e2b358;--low-bg:#3c3016;--critical-fg:#e58a7d;--critical-bg:#3c221d;--critical-border:#5e332a;--danger-solid:#b7503f;--danger-solid-hover:#c8604d;--success-summary-bg:#1d2c21;--success-summary-border:#2f4433;--success-summary-fg:#93cea1;--success-summary-label:#82ac8c;--success-summary-note:#8fa89a;--warn-bg:#3c221d;--warn-border:#57312a;--warn-text:#dba99e;--warn-text-soft:#c99a90;--translucent-surface:#18140fe0;--toast-bg:#f2ece1;--toast-fg:#221c16;--swatch-ring:#ffffff24;--swatch-dot-ring:#ffffff2e;--skeleton-base:#2c2318;--skeleton-highlight:#382c1e;--shadow-card:0 1px 2px #0003;--shadow-modal:0 40px 90px -30px #000000bf;--shadow-button:0 6px 18px -8px #dd83548c}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--bg);margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .16s,color .16s}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}h1,h2,h3{font-family:var(--font-serif);letter-spacing:-.01em;margin:0;font-weight:400}input,select,textarea,button{font:inherit;color:inherit}::placeholder{color:var(--text-faintest)}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}.rise-in{animation:.3s both riseIn}.app-shell{background:var(--bg);min-height:100vh;display:flex}.app-main{flex:1;min-width:0}.app-main-inner{max-width:1140px;margin:0 auto;padding:clamp(20px,3.4vw,40px) clamp(16px,3.4vw,40px) 64px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-pad{padding:20px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-title{font-size:clamp(28px,4vw,38px);line-height:1.1}.page-subtitle{color:var(--text-secondary);max-width:58ch;margin:7px 0 0;font-size:14.5px;line-height:1.55}.section-title{font-size:21px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-size:14px;font-weight:600;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--card);border:1px solid var(--input-border);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong)}.btn-ghost-accent{color:var(--accent);background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.btn-ghost-accent:hover{color:var(--accent-strong-text)}.btn-danger{background:var(--danger-solid);color:#fff6f4}.btn-danger:hover:not(:disabled){background:var(--danger-solid-hover)}.btn-danger-outline{background:var(--card);border:1px solid var(--input-border);color:var(--critical-fg)}.btn-danger-outline:hover:not(:disabled){border-color:var(--critical-fg);background:var(--critical-bg)}.btn-success-outline{background:var(--card);border:1px solid var(--input-border);color:var(--healthy-fg)}.btn-success-outline:hover:not(:disabled){border-color:var(--healthy-fg);background:var(--healthy-bg)}.btn-back{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13.5px;font-weight:600}.btn-back:hover{color:var(--accent)}.field{display:block}.field+.field{margin-top:14px}.field-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field-required{color:var(--critical-fg)}.field-error{color:var(--critical-fg);margin-top:6px;font-size:12.5px;display:block}.field-hint{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.45;display:block}.field-grid{flex-wrap:wrap;align-items:start;gap:14px;display:flex}.field-grid>.field{flex:200px;min-width:0;margin-top:0}.input,.select,.textarea{border:1px solid var(--input-border);background:var(--card);border-radius:var(--radius-sm);outline:none;width:100%;padding:11px 13px;font-size:14px;transition:border-color .16s,box-shadow .16s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b0552e21}.input-error{border-color:var(--critical-fg)}.textarea{resize:vertical;font-family:inherit}.select{cursor:pointer}.search-field{flex:230px;display:block;position:relative}.search-field-icon{color:var(--text-faintest);pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-field .input{padding-left:32px}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.badge{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-dot{border-radius:var(--radius-pill);background:currentColor;width:6px;height:6px}.badge-healthy{background:var(--healthy-bg);color:var(--healthy-fg)}.badge-low{background:var(--low-bg);color:var(--low-fg)}.badge-critical{background:var(--critical-bg);color:var(--critical-fg)}.chip{border-radius:var(--radius-pill);cursor:pointer;border:1px solid var(--input-border);background:var(--card);color:var(--text-secondary);padding:7px 13px;font-size:12.5px;font-weight:600;transition:border-color .16s}.chip:hover{border-color:var(--border-strong)}.chip-active{background:var(--toast-bg);color:var(--toast-fg);border-color:var(--toast-bg)}.pill-tag{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);padding:4px 11px;font-size:12px}.progress-track{border-radius:var(--radius-pill);background:var(--soft-bg);height:7px;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);transform-origin:0;height:100%;animation:.6s cubic-bezier(.2,.7,.3,1) both growBar}.data-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead th{text-align:left;border-bottom:1px solid var(--border);background:var(--bg);letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);padding:13px 16px;font-size:11.5px;font-weight:700}.data-table tbody tr{border-bottom:1px solid var(--hairline);cursor:pointer;transition:background .14s}.data-table tbody tr:hover{background:var(--bg)}.data-table tbody td{vertical-align:middle;padding:14px 16px;font-size:13.5px}.swatch{border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--swatch-ring);flex:none;display:inline-block}.swatch-dot{border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--swatch-dot-ring);flex:none;display:inline-block}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:14px;display:grid}.item-card{text-align:left;background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:15px;align-items:center;gap:13px;width:100%;padding:14px;transition:border-color .16s,transform .16s;display:flex}.item-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.empty-state{background:var(--card);border:1px dashed var(--border-dashed);border-radius:var(--radius-lg);text-align:center;margin-top:16px;padding:56px 24px}.empty-icon{background:var(--accent-soft-bg);width:54px;height:54px;color:var(--accent);border-radius:16px;place-items:center;margin:0 auto;font-size:22px;display:grid}.empty-title{margin:18px 0 0;font-size:24px}.empty-desc{color:var(--text-secondary);max-width:36ch;margin:8px auto 0;font-size:14px;line-height:1.55}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#211d196b;justify-content:center;align-items:center;padding:24px;animation:.18s both riseIn;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);width:100%;max-width:540px;max-height:92vh;box-shadow:var(--shadow-modal);border-radius:20px;padding:24px;animation:.26s cubic-bezier(.2,.8,.3,1) both toastIn;overflow:auto}.modal-narrow{max-width:440px}.modal-wide{max-width:640px}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-eyebrow{border-radius:var(--radius-pill);background:var(--soft-bg);color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;font-size:11px;font-weight:700;display:inline-block}.modal-close{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:4px;font-size:18px;line-height:1}.modal-close:hover{color:var(--text)}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:22px 22px 0 0}}.toast{z-index:60;background:var(--toast-bg);color:var(--toast-fg);border-radius:13px;align-items:center;gap:11px;max-width:calc(100vw - 32px);padding:13px 18px;font-size:13.5px;font-weight:500;animation:.28s cubic-bezier(.2,.8,.3,1) both toastIn;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px -18px #211d1999}.toast-icon{border-radius:var(--radius-pill);color:#17301f;background:#7fb894;flex:none;place-items:center;width:18px;height:18px;font-size:11px;display:grid}@media (width<=860px){.toast{bottom:94px}}.summary-panel{background:var(--success-summary-bg);border:1px solid var(--success-summary-border);border-radius:15px;padding:16px}.summary-row{color:var(--success-summary-fg);justify-content:space-between;gap:12px;font-size:13.5px;display:flex}.summary-row+.summary-row{margin-top:7px}.summary-divider{background:var(--success-summary-border);height:1px;margin:12px 0}.summary-figures{flex-wrap:wrap;gap:18px;display:flex}.summary-figure-label{color:var(--success-summary-label);font-size:11.5px;font-weight:700}.summary-figure-value{font-family:var(--font-serif);color:var(--success-summary-fg);margin-top:3px;font-size:26px}.summary-figure-note{color:var(--success-summary-note);margin-top:2px;font-size:11.5px}.warn-panel{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:16px;padding:20px}.warn-title{color:var(--critical-fg);font-size:21px}.warn-desc{color:var(--warn-text);margin:7px 0 0;font-size:13.5px;line-height:1.55}.stack-gap-8{flex-direction:column;gap:8px;display:flex}.row-gap-10{flex-wrap:wrap;gap:10px;display:flex}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.center-text{text-align:center}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-highlight) 37%, var(--skeleton-base) 63%);background-size:280px 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:-280px 0}to{background-position:280px 0}}.spinner{border:2px solid #fff8f266;border-top-color:var(--on-accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.sidebar{background:var(--card);border-right:1px solid var(--border);z-index:20;flex-direction:column;gap:28px;width:244px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px;display:flex}.brand-mark{background:var(--accent);width:32px;height:32px;color:var(--on-accent);font-family:var(--font-serif);border-radius:10px;place-items:center;font-size:19px;line-height:1;display:grid}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:600}.brand-sub{color:var(--text-faint);margin-top:1px;font-size:11px}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text);background:0 0;border:0;align-items:center;gap:11px;padding:9px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .16s,color .16s;display:flex}.nav-item:hover{background:var(--soft-bg);text-decoration:none}.nav-item.active{background:var(--accent-soft-bg);color:var(--accent-strong-text)}.nav-item-icon{opacity:.9;place-items:center;width:17px;display:grid}.nav-item-label{flex:1}.nav-item-badge{border-radius:var(--radius-pill);background:var(--critical-bg);min-width:19px;height:19px;color:var(--critical-fg);place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:grid}.nav-item-soon{color:var(--text-faintest);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.sidebar-note{border:1px solid var(--border);background:var(--bg);border-radius:14px;margin-top:auto;padding:14px}.sidebar-note-title{font-family:var(--font-serif);font-size:17px;line-height:1.2}.sidebar-note-body{color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.5}.app-main.with-sidebar{padding-left:244px}.app-main.with-bottom-nav{padding-bottom:78px}.mobile-nav{z-index:30;background:var(--translucent-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:8px 10px calc(8px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);align-items:center;gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{cursor:pointer;color:var(--text-faint);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-icon{font-size:17px;line-height:1}.mobile-nav-label{font-size:10.5px;font-weight:600}.topbar-mobile{z-index:15;background:var(--translucent-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.topbar-mobile-brand{align-items:center;gap:10px;display:flex}.topbar-mobile-brand .brand-mark{border-radius:9px;width:28px;height:28px;font-size:16px}.topbar-mobile-brand .brand-name{font-size:14.5px}.topbar-mobile-menu-btn{border:1px solid var(--border);background:var(--card);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:11px;place-items:center;font-size:16px;line-height:1;display:grid}.topbar-mobile-menu-btn:hover{border-color:var(--border-strong)}.theme-toggle{border:1px solid var(--border);background:var(--card);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:11px;flex:none;place-items:center;font-size:15px;line-height:1;transition:border-color .16s,background .16s;display:grid}.theme-toggle:hover{border-color:var(--border-strong)}@media (width>=861px){.topbar-mobile{display:none}}