:root{color:#23332f;font-synthesis:none;text-rendering:optimizelegibility;--surface:#fff;--canvas:#f5f7f6;--ink:#23332f;--muted:#61716b;--border:#dce4df;--primary:#18664f;--primary-hover:#104f3d;--primary-soft:#e9f3ee;--danger:#a32f3b;--danger-soft:#fff0f1;--warning:#805318;--warning-soft:#fff5dc;--radius:12px;--radius-small:7px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--text-small:.8125rem;--text-body:.875rem;background:#f5f7f6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;font-size:var(--text-body);margin:0;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}:focus-visible{outline-offset:3px;outline:3px solid #2976b2}h1,h2,h3,p{margin:0}h1{letter-spacing:-.035em;overflow-wrap:anywhere;scroll-margin-top:110px;font-size:clamp(1.65rem,2.5vw,2rem);font-weight:650;line-height:1.25}h2{font-size:1rem;font-weight:650;line-height:1.4}h3{font-size:1rem}p{color:var(--muted)}.icon{flex:0 0 20px;width:20px;height:20px}.sr-only,.global-search label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:8px}.environment-banner{z-index:5;color:#664b18;min-height:54px;font-size:var(--text-small);background:#fff1ca;border-bottom:1px solid #d7c9a1;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 24px;display:flex;position:sticky;top:0}.environment-banner strong{letter-spacing:.04em;font-size:.875rem}.environment-symbol{border:1px solid;border-radius:6px;place-content:center;width:24px;height:24px;font-weight:750;display:inline-grid}.environment-banner--test{color:#214e83;background:#e6f0ff;border-color:#bad1ef}.environment-banner--staging{color:#63418a;background:#f1eafa;border-color:#d5bfe9}.environment-banner--production{color:#852336;background:#ffe3e7;border-color:#d78898;border-bottom-width:3px}.environment-banner--unknown{color:#782e1e;background:#ffe9da;border-color:#cc9577}.app-shell{grid-template-columns:254px minmax(0,1fr);min-height:calc(100svh - 54px);display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:28px;min-width:0;padding:26px 16px 20px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;padding:0 10px;font-size:1.4rem;text-decoration:none;display:flex}.brand strong{color:var(--muted);font-weight:450}.brand-mark{color:#244732;background:#d7ee77;border-radius:11px;place-content:center;width:34px;height:34px;font-size:1.8rem;font-weight:800;line-height:1;display:grid}.brand-dot{background:var(--primary);border-radius:50%;align-self:flex-start;width:5px;height:5px;margin-top:6px}.primary-navigation{flex-direction:column;gap:26px;display:flex}.nav-group h2{color:var(--muted);text-transform:uppercase;letter-spacing:.085em;margin-bottom:10px;padding:0 12px;font-size:.6875rem;font-weight:650}.nav-group ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.nav-group a{align-items:center;gap:var(--space-3);border-radius:var(--radius-small);color:#53645c;border:1px solid #0000;padding:11px 12px;line-height:1.4;text-decoration:none;display:flex}.nav-group a .icon{color:#7b8b83;flex-basis:18px;width:18px;height:18px}.nav-group a:hover{background:var(--canvas)}.nav-group a[aria-current=page]{background:var(--primary-soft);color:var(--primary);box-shadow:inset 3px 0 var(--primary);border-color:#d4e9db;font-weight:650}.nav-group a[aria-current=page] .icon{color:var(--primary)}.sidebar-note{border-top:1px solid var(--border);font-size:var(--text-small);color:var(--muted);margin-top:auto;padding:20px 12px 0}.sidebar-note>span:last-child{margin-top:4px;padding-left:16px;font-size:.75rem;display:block}.demo-indicator{background:var(--primary);border-radius:50%;width:6px;height:6px;margin-right:10px;display:inline-block}.mobile-nav-control{display:none}.workspace{min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:18px 32px;display:flex}.global-search{align-items:center;gap:var(--space-2);width:370px;min-width:180px;color:var(--muted);display:flex}.global-search .field{flex:1;min-width:0}.global-search input{background:0 0;border:0;padding:8px 4px}.global-search .button{font-size:var(--text-small)}.topbar-account{align-items:center;gap:var(--space-3);display:flex}.topbar-environment{letter-spacing:.04em;color:var(--muted);overflow-wrap:anywhere;max-width:135px;font-size:.65rem;font-weight:700}.avatar{border:1px solid var(--border);width:34px;height:34px;font-size:var(--text-small);background:#edf1ee;border-radius:50%;flex-shrink:0;place-content:center;display:grid}.user-info{min-width:130px;font-size:var(--text-small)}.user-info strong,.user-info span{display:block}.user-info span{color:var(--muted);font-size:.6875rem}main{max-width:1600px;padding:var(--space-6);margin:0 auto}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.page-heading h1{margin:7px 0 10px}.page-heading .badge{flex-shrink:0}.eyebrow{text-transform:uppercase;letter-spacing:.085em;color:var(--muted);font-size:.6875rem;font-weight:600}.eyebrow span{color:#b2beb8;padding:0 6px}.demo-notice{border-radius:var(--radius);background:#eef4ef;border:1px solid #d8e4db;gap:14px;margin-bottom:30px;padding:16px 20px;display:flex}.demo-notice>span{color:var(--primary);font-size:1.5rem;line-height:1.2}.demo-notice strong{font-size:var(--text-small);font-weight:650}.demo-notice div>span{color:#5d7064;font-size:var(--text-small);margin-top:3px;display:block}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:16px;display:flex}.section-heading p,.panel-heading p{font-size:var(--text-small);margin-top:4px}.metrics-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:var(--space-2);flex-direction:column;padding:20px;display:flex}.metric-top{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-small);display:flex}.metric-icon{color:#82958a}.metric-icon .icon{width:18px;height:18px}.metric-value{letter-spacing:-.04em;font-size:2rem;font-weight:600;line-height:1.3}.metric-note{color:var(--muted);font-size:.6875rem}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:var(--space-4);padding:22px 24px;display:flex}.panel-heading .field{min-width:180px}.table-filters{align-items:flex-end;gap:var(--space-3);padding:0 24px 22px;display:flex}.table-filters .field:first-child{flex:1;max-width:400px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{font-size:.75rem;font-weight:550}input,select,textarea{border-radius:var(--radius-small);width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #cbd7cf;min-height:42px;padding:10px 12px}input::placeholder,textarea::placeholder{color:#6f8076}select{cursor:pointer;padding-right:28px}textarea{resize:vertical}input[aria-invalid=true]{border-color:var(--danger)}.field-hint{color:var(--muted);font-size:.75rem;font-weight:400}.field-error{color:var(--danger);font-size:.75rem}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-small);min-height:42px;color:var(--ink);background:#fff;border:1px solid #cbd7cf;padding:9px 14px;font-weight:550;line-height:1.4;display:inline-flex}.button:hover{background:#f1f5f2}.button--primary{color:#fff;background:var(--primary);border-color:var(--primary)}.button--primary:hover{background:var(--primary-hover)}.button--danger{color:var(--danger);background:#fffafb;border-color:#dcafb4}.button--danger:hover{background:var(--danger-soft)}.button--ghost{color:var(--muted);background:0 0;border-color:#0000}.button:disabled{opacity:.5;cursor:not-allowed}.button-row{gap:var(--space-2);display:flex}.badge{color:#54665b;white-space:nowrap;background:#f0f3f1;border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-size:.6875rem;font-weight:600;line-height:1.5;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.badge--success{color:#216547;background:#eaf5ec}.badge--warning{color:#805318;background:var(--warning-soft)}.badge--danger{color:var(--danger);background:var(--danger-soft)}.table-scroll{max-width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:720px}caption{text-align:left;color:var(--muted);border-top:1px solid var(--border);background:#fafcfb;padding:10px 24px;font-size:.6875rem}th{color:var(--muted);white-space:nowrap;background:#f7f9f8;font-size:.75rem;font-weight:550}th,td{border-top:1px solid #e8eeea;padding:16px 24px}td{font-size:var(--text-small)}td:nth-child(2){min-width:240px;max-width:340px}.record-id{color:var(--primary);white-space:nowrap;font-family:ui-monospace,monospace;font-size:.75rem;font-weight:600}.pagination{justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid var(--border);color:var(--muted);padding:16px 24px;font-size:.75rem;display:flex}.pagination .button{min-height:36px;font-size:.75rem}.demo-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;margin-top:24px;display:grid}.demo-panel{padding:var(--space-5);align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.demo-panel>.field{align-self:stretch}.badge-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.inline-result{border:1px solid var(--border);border-radius:var(--radius-small);color:#53665a;font-size:var(--text-small);overflow-wrap:anywhere;background:#f0f4f2;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.inline-result>strong{text-align:center;flex:0 0 14px;font-family:ui-serif,serif;line-height:1.5}.inline-result--danger{background:var(--danger-soft);color:var(--danger);border-color:#eac7cc}.inline-result--warning{background:var(--warning-soft);color:var(--warning);border-color:#e8d9ac}.inline-result--success{background:var(--primary-soft);color:var(--primary);border-color:#cce3d3}.topbar-result{gap:var(--space-2);align-items:flex-start;margin-bottom:16px;display:flex}.topbar-result .inline-result{flex:1}.empty-state{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;padding:40px 24px;display:flex}.empty-state p{max-width:440px}.state-symbol{color:#7c9484;background:#f0f5f1;border-radius:50%;place-content:center;width:48px;height:48px;font-size:1.8rem;display:grid}.error-state{padding:var(--space-5);align-items:flex-start;gap:var(--space-4);display:flex}.error-state .inline-result{flex:1}.skeleton{padding:var(--space-5);gap:18px;display:grid}.skeleton>span:not(.sr-only){background:linear-gradient(90deg,#edf2ef 25%,#e1eae4 50%,#edf2ef 75%) 0 0/200% 100%;border-radius:5px;height:26px;animation:1.8s linear infinite shimmer;display:block}.skeleton>span:last-child{width:70%}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton>span{animation:none}}.placeholder-panel{flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding-bottom:32px;display:flex}.text-link{align-items:center;gap:var(--space-2);color:var(--primary);text-underline-offset:4px;padding:0 24px;display:inline-flex}.page-footer{justify-content:space-between;gap:var(--space-3);color:var(--muted);flex-wrap:wrap;margin-top:32px;font-size:.6875rem;display:flex}.confirm-dialog{border:1px solid var(--border);width:min(520px,100% - 32px);max-height:calc(100svh - 48px);color:var(--ink);background:var(--surface);border-radius:16px;padding:28px;overflow-y:auto;box-shadow:0 24px 80px #172e3b33}.confirm-dialog::backdrop{background:#172c2866}.confirm-dialog form{flex-direction:column;gap:18px;display:flex}.confirm-dialog h2{letter-spacing:-.02em;font-size:1.25rem}.dialog-symbol{background:var(--danger-soft);width:40px;height:40px;color:var(--danger);border-radius:50%;place-content:center;font-size:1.5rem;font-weight:650;display:grid}.dialog-actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=1250px){.topbar{gap:var(--space-3);padding:16px 24px}.topbar-environment{display:none}main{padding:var(--space-5)}.metrics-grid{gap:var(--space-3)}.metric-card{padding:16px}}@media (width<=1100px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{gap:var(--space-4);border-right:0;border-bottom:1px solid var(--border);grid-template-columns:1fr auto;padding:16px 24px;display:grid}.brand{padding:0}.mobile-nav-control{align-items:center;gap:var(--space-3);color:var(--muted);font-size:.75rem;display:flex}.sidebar-note{display:none}.primary-navigation{align-items:start;gap:var(--space-4);grid-column:1/-1;grid-template-columns:1.2fr 1fr 1fr;padding-top:12px;display:none}.sidebar--open .primary-navigation{display:grid}.nav-group h2{font-size:.625rem}.nav-group a{font-size:var(--text-small);padding:10px}}@media (width<=760px){.environment-banner{gap:6px 10px;padding:10px 16px}.environment-banner>span:last-child{width:100%;padding-left:34px;font-size:.6875rem}.sidebar{padding:14px 16px}.mobile-nav-control>span{display:none}.primary-navigation{grid-template-columns:1fr 1fr}.topbar{flex-wrap:wrap;padding:12px 16px}.global-search,.topbar-account{width:100%}.topbar-account>.button{margin-left:auto}main{padding:24px 16px}.page-heading{align-items:flex-start}.page-heading>.badge{display:none}.section-heading{align-items:flex-start}.section-heading>.badge{white-space:normal;text-align:center}.metrics-grid{grid-template-columns:1fr 1fr}.panel-heading{flex-direction:column;align-items:stretch;padding:20px 16px}.table-filters{flex-wrap:wrap;padding:0 16px 20px}.table-filters .field:first-child{flex-basis:100%;max-width:none}.table-filters .field:nth-child(2){flex:1}.pagination{flex-wrap:wrap;padding:16px}.demo-grid{grid-template-columns:minmax(0,1fr)}.demo-panel{padding:20px}.error-state{flex-direction:column}.confirm-dialog{padding:22px}}@media (width<=450px){.primary-navigation{grid-template-columns:1fr}.metric-note{font-size:.625rem}}.auth-panel{max-width:480px;margin:48px auto;padding:24px}.auth-panel form{gap:16px;margin-bottom:24px;display:grid}.dashboard{gap:20px;display:grid}.dashboard-block{min-width:0}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;display:grid}.dashboard .metric-card{overflow-wrap:anywhere}.dashboard dl div{flex-wrap:wrap;gap:8px;display:flex}.dashboard dd{margin:0}.dashboard select{margin:8px;padding:8px}.attention-item{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:16px}.pool-summary{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0;max-width:100%;font-size:.82rem}.pool-summary th,.pool-summary td{white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid var(--border);vertical-align:top;text-align:left;min-width:0;max-width:100%;padding:6px 3px}.pool-summary th:first-child{width:43%}.pool-summary caption{overflow-wrap:anywhere;text-align:left;margin-bottom:8px;padding:6px 3px}
