:root{--background: #f5f7f6;--border: #e1e7e3;--card: #ffffff;--foreground: #111714;--green: #176b48;--green-dark: #0b2f22;--green-muted: #e8f4ed;--muted: #69746f;color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--background)}button,input,select{font:inherit}h1,h2,p{margin:0}.dashboard-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.dashboard-sidebar{background:#101713;border-right:1px solid #202a25;color:#fff;display:flex;flex-direction:column;padding:1.25rem .9rem}.brand-lockup{align-items:center;color:inherit;display:flex;gap:.75rem;padding:.15rem .55rem 1.5rem;text-decoration:none}.brand-mark{align-items:center;background:var(--green);border-radius:8px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:800;height:2rem;justify-content:center;width:2rem}.brand-lockup div{display:grid;gap:.1rem}.brand-lockup strong{font-size:.9rem;letter-spacing:-.01em}.brand-lockup span:last-child{color:#92a098;font-size:.72rem}.dashboard-sidebar nav{display:grid;gap:.25rem}.nav-label{color:#68766f;font-size:.62rem;font-weight:700;letter-spacing:.08em;margin:1rem .7rem .25rem;text-transform:uppercase}.nav-item{align-items:center;border-radius:7px;color:#aeb9b3;display:flex;font-size:.84rem;font-weight:600;gap:.65rem;padding:.65rem .7rem;text-decoration:none}.nav-item svg{height:1rem;width:1rem}.nav-item.active{background:#1d2a23;color:#fff}.nav-item.active svg{color:#65c796}.sidebar-footer{align-items:center;border-top:1px solid #29322e;display:flex;gap:.65rem;margin-top:auto;padding:1rem .55rem 0}.sidebar-footer div{display:grid;gap:.1rem}.sidebar-footer strong{font-size:.72rem;font-weight:600;text-transform:capitalize}.sidebar-footer span:last-child{color:#839089;font-size:.68rem}.environment-dot{background:#49b879;border:3px solid #204b34;border-radius:50%;height:.75rem;width:.75rem}.dashboard-main{min-width:0}.dashboard-topbar{align-items:center;background:var(--card);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:88px;padding:1.15rem 2rem}h1{font-size:1.45rem;letter-spacing:-.035em;line-height:1.2}h2{font-size:.95rem;letter-spacing:-.015em}.eyebrow{color:var(--green);font-size:.65rem;font-weight:750;letter-spacing:.08em;margin-bottom:.25rem;text-transform:uppercase}.subtitle{color:var(--muted);font-size:.8rem;margin-top:.3rem}.sign-out{align-items:center;border:1px solid var(--border);border-radius:7px;color:#29332e;display:flex;font-size:.78rem;font-weight:650;gap:.45rem;min-height:2.25rem;padding:.45rem .7rem;text-decoration:none}.sign-out:hover{background:#f7f9f8;border-color:#ccd5d0}.sign-out svg{height:.9rem;width:.9rem}.dashboard-content{display:grid;gap:1rem;padding:1.5rem 2rem 2rem}.mobile-nav{display:none}.filter-card,.metric-card,.dashboard-card,.login-card{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px #11171408}.filter-card{padding:.8rem}.filter-card form{align-items:end;display:flex;flex-wrap:wrap;gap:.65rem}label{color:#35413b;display:grid;font-size:.7rem;font-weight:650;gap:.35rem}input,select{background:#fff;border:1px solid #cdd6d1;border-radius:7px;color:var(--foreground);min-height:2.35rem;outline:none;padding:.45rem .65rem}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b481a}.control-with-icon{position:relative}.control-with-icon svg{color:#77837d;height:.9rem;left:.65rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:.9rem}.control-with-icon select{min-width:215px;padding-left:2rem}button{align-items:center;background:var(--green);border:1px solid var(--green);border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:650;gap:.4rem;justify-content:center;min-height:2.35rem;padding:.45rem .8rem}button:hover{background:#10583b;border-color:#10583b}button svg{height:.9rem;width:.9rem}.metric-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{display:grid;gap:.65rem;padding:1rem}.metric-heading{align-items:center;display:flex;justify-content:space-between}.metric-heading>span:first-child{color:#4f5b55;font-size:.74rem;font-weight:600}.metric-icon{align-items:center;background:var(--green-muted);border-radius:7px;color:var(--green);display:flex;height:1.8rem;justify-content:center;width:1.8rem}.metric-icon svg{height:.92rem;stroke-width:1.9;width:.92rem}.metric-card strong{font-size:1.65rem;letter-spacing:-.045em;line-height:1}.metric-card small{color:#86908b;font-size:.68rem}.dashboard-card{overflow:hidden}.card-heading{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.9rem 1rem}.section-heading{align-items:center;display:flex;gap:.7rem}.section-heading p{color:var(--muted);font-size:.7rem;margin-top:.2rem}.section-icon{align-items:center;background:#f0f5f2;border:1px solid #e2e9e5;border-radius:7px;color:var(--green);display:flex;height:2rem;justify-content:center;width:2rem}.section-icon svg{height:1rem;width:1rem}.count-badge,.plan,.status{border-radius:999px;display:inline-flex;font-size:.68rem;font-weight:650;line-height:1}.count-badge{background:#f1f4f2;color:#59645e;padding:.4rem .55rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid #edf0ee;padding:.78rem 1rem;text-align:left}th{background:#fafbfa;color:#76817b;font-size:.64rem;font-weight:650;letter-spacing:.035em;text-transform:uppercase}td{color:#4b5650;font-size:.76rem}td strong{color:var(--foreground);font-weight:650}.table-link{color:var(--foreground);font-weight:650;text-decoration:none}.table-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}.badge-row{display:flex;flex-wrap:wrap;gap:.3rem}.error-count{align-items:center;background:#f1f3f2;border-radius:999px;color:#66716b;display:inline-flex;font-size:.68rem;font-weight:700;justify-content:center;min-width:1.45rem;padding:.32rem .42rem}.error-count.open{background:#fff0ef;color:#a5261d}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfb}.status{align-items:center;background:#f1f3f2;color:#69736e;gap:.35rem;padding:.38rem .5rem}.status>span{background:#9da6a1;border-radius:50%;height:.35rem;width:.35rem}.status.active{background:var(--green-muted);color:#126a43}.status.active>span{background:#28a668}.plan{background:#f1f3f2;color:#606b65;padding:.38rem .52rem}.plan.pro{background:#101713;color:#fff}.detail-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.installation-body{display:grid;gap:1rem;padding:1rem}.installation-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.installation-body dl>div{border-bottom:1px solid #edf0ee;display:grid;gap:.35rem;padding:.7rem 0}.installation-body dt{color:var(--muted);font-size:.68rem}.installation-body dd{align-items:center;display:flex;font-size:.76rem;font-weight:600;gap:.35rem;margin:0}.installation-body dd svg{height:.85rem;width:.85rem}.danger-text{color:#a5261d}.usage-list{border:1px solid var(--border);border-radius:8px;overflow:hidden}.usage-list h3{background:#fafbfa;border-bottom:1px solid var(--border);font-size:.7rem;margin:0;padding:.6rem .7rem}.usage-list>div{align-items:center;border-bottom:1px solid #edf0ee;display:flex;font-size:.72rem;justify-content:space-between;padding:.55rem .7rem}.usage-list>div:last-child{border-bottom:0}.usage-list span{color:var(--muted)}.notes-list{display:grid}.notes-list article{border-bottom:1px solid #edf0ee;display:grid;gap:.35rem;padding:.85rem 1rem}.notes-list article:last-child{border-bottom:0}.notes-list p{font-size:.78rem;line-height:1.55}.notes-list span{color:var(--muted);font-size:.67rem}.empty-state{color:var(--muted);font-size:.76rem;padding:1rem}.back-link{align-items:center;color:var(--green);display:inline-flex;font-size:.75rem;font-weight:650;gap:.4rem;justify-self:start;text-decoration:none}.back-link svg{height:.85rem;width:.85rem}.login-shell{background:#101713;display:grid;min-height:100vh;padding:1.5rem;place-items:center}.login-card{display:grid;gap:1.35rem;max-width:400px;padding:1.65rem;width:100%}.login-brand{align-items:center;display:flex;font-size:.78rem;font-weight:750;gap:.55rem}.login-brand .brand-mark{height:1.8rem;width:1.8rem}.login-heading{display:grid;gap:.35rem}.login-heading h1{font-size:1.55rem}.login-heading>p:last-child{color:var(--muted);font-size:.8rem}.login-card form{display:grid;gap:.85rem}.login-card button{margin-top:.15rem;width:100%}.alert{background:#fff0ef;border:1px solid #f0b7b1;border-radius:7px;color:#a5261d;font-size:.75rem;padding:.65rem .75rem}@media(max-width:900px){.dashboard-layout{grid-template-columns:72px minmax(0,1fr)}.dashboard-sidebar{padding-inline:.7rem}.brand-lockup{justify-content:center;padding-inline:0}.brand-lockup div,.nav-label{display:none}.nav-item{font-size:0}.nav-item{justify-content:center;padding:.7rem}.nav-item svg{height:1.15rem;width:1.15rem}.sidebar-footer div,.environment-dot{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){body{overflow-x:hidden}.dashboard-layout{display:block}.dashboard-sidebar{display:none}.dashboard-topbar{align-items:flex-start;gap:.75rem;min-height:0;padding:1rem}.dashboard-topbar>div{min-width:0}.dashboard-topbar h1{overflow-wrap:anywhere}.subtitle{max-width:28rem}.sign-out{flex:0 0 auto;min-height:2.75rem}.dashboard-content{padding:1rem}.mobile-nav{background:#fff;border-bottom:1px solid var(--border);display:flex;gap:.35rem;overflow-x:auto;padding:.5rem .65rem;scrollbar-width:thin;white-space:nowrap}.mobile-nav a{align-items:center;border-radius:7px;color:var(--muted);display:inline-flex;flex:0 0 auto;font-size:.72rem;font-weight:650;min-height:2.75rem;padding:.5rem .65rem;text-decoration:none}.mobile-nav a.active{background:var(--green-muted);color:var(--green)}.filter-card form,.filter-card label,.control-with-icon,.control-with-icon select,.filter-card input,.filter-card button{width:100%}.metric-grid{gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.card-heading{align-items:flex-start;flex-wrap:wrap;gap:.75rem}.section-heading{min-width:0}.section-heading>div{min-width:0}.section-heading h2,.section-heading p{overflow-wrap:anywhere}.count-badge{margin-left:2.7rem}.table-wrap{overflow:visible}table,tbody,tr,td{display:block;width:100%}table{min-width:0}thead{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}tbody tr{border-bottom:1px solid var(--border);padding:.4rem 0}tbody tr:last-child{border-bottom:0}td{align-items:start;border:0;display:grid;gap:.75rem;grid-template-columns:minmax(88px,.42fr) minmax(0,1fr);overflow-wrap:anywhere;padding:.55rem 1rem}td:before{color:#76817b;content:attr(data-label);font-size:.64rem;font-weight:650;letter-spacing:.035em;text-transform:uppercase}tbody tr:hover{background:transparent}}@media(max-width:420px){.dashboard-topbar{align-items:stretch;flex-wrap:wrap}.sign-out{justify-self:start;width:fit-content}.metric-grid,.installation-body dl{grid-template-columns:1fr}.login-shell{padding:1rem}.login-card{padding:1.25rem}}