:root{--bg:#f4f6f5;--surface:#ffffff;--text:#19201e;--muted:#66716d;--line:#dce2df;--green:#176b4d;--green-soft:#e8f3ee;--amber:#a86212;--sidebar:#202825}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{background:var(--sidebar);color:#edf4f1;padding:22px 16px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 6px 24px;font-weight:700;font-size:14px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:7px}.brand-mark.small{width:32px;height:32px}nav{display:grid;grid-gap:5px;gap:5px}.nav-item{width:100%;border:0;color:#afbbb6;background:transparent;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:6px;text-align:left;font-size:14px}.nav-item.active{color:#fff;background:#33403b}.sidebar-foot{margin-top:auto;border-top:1px solid #39443f;padding:18px 8px 2px;display:flex;align-items:center;gap:10px}.sidebar-foot div{display:grid;grid-gap:2px;gap:2px}.sidebar-foot strong{font-size:12px}.sidebar-foot small{color:#8f9b96;font-size:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#80908a}.status-dot.online{background:#48be89}.status-dot.offline{background:#d66e5d}.workspace{min-width:0;padding:30px clamp(22px,3vw,46px) 54px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{margin:3px 0 0;font-size:27px;line-height:1.2}.eyebrow{margin:0;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:var(--text)}.icon-button,.metrics{background:var(--surface)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);margin-bottom:22px}.metrics>div{min-height:92px;padding:19px 21px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-gap:3px 10px;gap:3px 10px;align-items:center;border-right:1px solid var(--line)}.metrics>div:last-child{border-right:0}.metrics svg{color:var(--green);grid-row:1/3}.metrics span{color:var(--muted);font-size:12px}.metrics strong{font-size:22px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:22px;gap:22px;align-items:start}.create-panel,.table-section{background:var(--surface);border:1px solid var(--line)}.section-heading{min-height:70px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.section-heading h2{margin:0 0 4px;font-size:15px}.section-heading p{margin:0;color:var(--muted);font-size:12px}.section-heading svg{color:var(--green)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:11px 16px;color:var(--muted);background:#f8faf9;font-weight:600;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:14px 16px;border-bottom:1px solid #edf0ee;vertical-align:middle}td small,td strong{display:block}td small{margin-top:3px;color:var(--muted)}.status-pill{display:inline-flex;padding:4px 7px;border-radius:4px;color:var(--green);background:var(--green-soft);font-size:11px;font-weight:700;text-transform:uppercase}.empty-state{height:130px;text-align:center;color:var(--muted)}.form-grid{display:grid;grid-gap:15px;gap:15px}.form-grid.compact{padding:19px}label{color:#45504c;display:grid;grid-gap:7px;gap:7px;font-size:12px;font-weight:650}input,select{width:100%;min-width:0;height:39px;padding:0 11px;border:1px solid #cfd7d3;border-radius:5px;color:var(--text);background:#fff;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,107,77,.1)}.two-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.primary-button{min-height:41px;padding:0 15px;border:0;border-radius:5px;display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--green);color:white;font-weight:700}.error-message{margin:0 19px 19px;padding:9px 11px;color:#8a2f23;background:#fff0ed;border-left:3px solid #c65b4b;font-size:12px}.setup-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef2f0}.setup-panel{width:min(100%,470px);background:var(--surface);border:1px solid var(--line);padding:34px;box-shadow:0 18px 50px rgba(25,32,30,.08)}.setup-panel h1{margin:15px 0 8px;font-size:24px}.setup-panel .muted{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.65}.setup-panel .error-message{margin:15px 0 0}@media (max-width:980px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.brand span,.nav-item,.nav-item:not(.active):after{font-size:0}.brand{padding-inline:0}.brand,.nav-item{justify-content:center}.sidebar-foot div{display:none}.sidebar-foot{justify-content:center}.content-grid{grid-template-columns:1fr}.create-panel{order:-1}}@media (max-width:640px){.app-shell{display:block}.sidebar{min-height:auto;padding:10px 14px;flex-direction:row;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:5}.brand{padding:0}.brand span{display:none}nav{display:flex;margin-left:auto}.nav-item{width:40px;height:40px;padding:0}.sidebar-foot{display:none}.workspace{padding:22px 14px 40px}.metrics{grid-template-columns:1fr}.metrics>div{border-right:0;border-bottom:1px solid var(--line)}.metrics>div:last-child{border-bottom:0}.content-grid,.create-panel,.table-section{min-width:0;width:100%}.table-wrap{max-width:100%}.two-columns{grid-template-columns:1fr}.setup-panel{padding:25px 21px}}