:root{color:#172033;font-synthesis:none;background:#f3f6fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{color:#24324a;cursor:pointer;background:#fff;border:1px solid #cdd6e3;border-radius:8px;padding:.65rem .9rem;text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}.primary{color:#fff;background:#1769e0;border-color:#1769e0}.danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}.center,.login{place-items:center;min-height:100vh;display:grid}.login{background:#edf3fa}.login-card{background:#fff;border-radius:16px;width:min(420px,92vw);padding:2.5rem;box-shadow:0 20px 60px #1e3a5f1a}.login-card h1{margin:.8rem 0 0}.brand-mark,.sidebar-brand>span{color:#fff;background:#2075e8;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.login form,form{gap:1rem;display:grid}label{gap:.4rem;font-size:.9rem;font-weight:600;display:grid}input,select,textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.7rem}textarea{min-height:90px}.app-shell{min-height:100vh}.sidebar{color:#d9e3f2;z-index:20;background:#111d32;flex-direction:column;justify-content:space-between;width:250px;padding:1.4rem;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:.8rem;display:flex}.sidebar-brand div{display:grid}.sidebar small,.profile small{color:#92a4bd}.sidebar nav{gap:.35rem;margin-top:2.5rem;display:grid}.sidebar nav a{color:#b9c7d9;border-radius:8px;padding:.75rem;text-decoration:none}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#20314d}.profile{border-top:1px solid #2a3951;gap:.35rem;padding-top:1rem;display:grid}.profile button{color:#fff;background:0 0;border-color:#3b4b64;margin-top:.5rem}.workspace{margin-left:250px}.workspace>header{color:#64748b;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;height:64px;padding:0 2rem;display:flex}.menu{display:none}.content{max-width:1500px;margin:auto;padding:2rem}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{margin:0;font-size:1.8rem}.page-header p{color:#64748b;margin:.35rem 0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.metric,.panel{background:#fff;border:1px solid #e1e7f0;border-radius:12px;padding:1.25rem}.metric{gap:.75rem;display:grid}.metric span{color:#64748b}.metric strong{font-size:2rem}.filters{background:#fff;border:1px solid #e1e7f0;border-radius:12px;align-items:end;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.filters>input{max-width:360px}.filters label{min-width:150px}.table-wrap{background:#fff;border:1px solid #e1e7f0;border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f6;padding:.85rem 1rem}th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}td small{color:#64748b;display:block}.status{background:#eef2f7;border-radius:999px;padding:.3rem .6rem;font-size:.8rem;display:inline-flex}.status.good{color:#166534;background:#dcfce7}.status.bad{color:#991b1b;background:#fee2e2}.status.warn{color:#92400e;background:#fef3c7}.empty{text-align:center;color:#64748b;padding:2.5rem}.pagination,.actions,.headline-status{align-items:center;gap:.65rem;display:flex}.pagination{justify-content:flex-end;margin-top:1rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.full{grid-column:1/-1}fieldset{border:1px solid #dbe3ed;border-radius:10px;padding:1rem}legend{font-weight:700}.check{grid-template-columns:auto 1fr;align-items:center;margin:.5rem 0;display:flex}.check input{width:auto}.detail-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.panel h2{margin-top:0;font-size:1.05rem}dl{grid-template-columns:140px 1fr;gap:.65rem;margin:0;display:grid}dt{color:#64748b}dd{margin:0}.tabs{border-bottom:1px solid #dbe3ed;gap:.25rem;margin:1rem 0;display:flex}.tabs button{background:0 0;border:0;border-radius:0}.tabs button.active{color:#1769e0;border-bottom:2px solid #1769e0}.usage{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.usage div{background:#f6f8fb;border-radius:8px;padding:.8rem;display:grid}.usage small,.feature-list small,.selected small{color:#64748b}.feature-list{gap:.5rem;margin-bottom:1rem;display:grid}.feature-list label,.selected{background:#f7f9fc;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.feature-list label span,.selected span{display:grid}.user-search{gap:.5rem;display:grid;position:relative}.results{border:1px solid #dbe3ed;border-radius:8px;display:grid}.results button{text-align:left;border:0;border-bottom:1px solid #edf1f6;display:grid}.modal-backdrop{z-index:50;background:#0f172a99;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop>section{background:#fff;border-radius:14px;width:min(680px,95vw);max-height:90vh;padding:1.25rem;overflow:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0 0 1rem}.toast{color:#fff;z-index:60;background:#166534;border-radius:8px;padding:1rem;position:fixed;bottom:1.5rem;right:1.5rem}.toast.bad,[role=alert]{color:#991b1b}.toast.bad{color:#fff;background:#991b1b}.hint{color:#64748b}.link-back{margin-top:1rem}.scrim{display:none}@media (width<=1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:none}.workspace{margin-left:0}.menu{margin-right:1rem;display:block}.scrim{z-index:10;background:#0f172a66;border:0;border-radius:0;display:block;position:fixed;inset:0}.detail-grid{grid-template-columns:1fr}}@media (width<=640px){.content{padding:1rem}.page-header{display:grid}.metric-grid,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.filters{display:grid}.usage{grid-template-columns:1fr 1fr}.workspace>header{padding:0 1rem}.actions{flex-wrap:wrap}}