:root{color-scheme:dark;--bg:#091016;--surface:#101922;--surface2:#15212b;--line:#263642;--text:#e8eef2;--muted:#8999a6;--cyan:#5bd5d8;--green:#75d6a2;--amber:#f0b96d;--red:#ef8585;--blue:#82aef7;--shadow:0 18px 48px rgba(0,0,0,.26)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,56px);background:#0d151c;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:750}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.16em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--cyan);color:var(--cyan);font-size:10px}.top-actions,.button-row{display:flex;gap:10px;align-items:center}.status-pill{padding:5px 10px;border:1px solid var(--line);color:var(--muted);font-size:12px}.status-pill.ok{border-color:rgba(117,214,162,.4);color:var(--green)}.status-pill.bad{border-color:rgba(239,133,133,.4);color:var(--red)}.content{max-width:1480px;margin:auto;padding:36px clamp(18px,4vw,56px) 70px}.login-view{min-height:calc(100vh - 150px);display:grid;place-items:center}.login-panel{width:min(100%,450px);padding:34px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:.17em;font-weight:800;margin:0 0 8px}h1,h2{margin:0}h1{font-size:clamp(25px,3vw,36px);line-height:1.15}h2{font-size:18px}.muted-text,.hint,.metric-note{color:var(--muted)}.muted-text{margin:10px 0}.hint{font-size:12px}.page-heading,.panel-heading,.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-heading{margin-bottom:23px}.section-toolbar{margin:26px 0 15px}.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:22px}.tab{border:0;background:transparent;color:var(--muted);padding:11px 15px;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover,.tab.active{color:var(--text);border-bottom-color:var(--cyan)}.tab-page{display:none}.tab-page.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.metric,.panel{border:1px solid var(--line);background:var(--surface)}.metric{padding:17px 18px;min-height:116px}.metric-label{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.metric strong{display:block;font-size:27px;margin:8px 0 2px}.metric-note{font-size:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.panel{padding:21px;min-width:0}.wide{grid-column:span 2}.panel-heading{margin-bottom:16px}.health-card{display:flex;align-items:center;gap:9px;font-weight:700}.filters{display:grid;grid-template-columns:minmax(220px,1fr) 220px;gap:8px;margin:12px 0}.filters-keys{grid-template-columns:minmax(240px,1fr) 190px 190px}label{display:grid;gap:6px;color:#bdc9d0;font-size:12px;font-weight:650}input,select,textarea{width:100%;border:1px solid var(--line);background:#0b131a;color:var(--text);padding:10px 11px;outline:none;border-radius:3px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(91,213,216,.12)}.primary,.secondary,.icon-button,.danger{border-radius:3px;border:1px solid transparent;padding:9px 13px;font-weight:750}.primary{background:var(--cyan);color:#071114}.primary:hover{background:#7ce5e7}.secondary,.icon-button{background:transparent;border-color:var(--line);color:#c6d1d7}.secondary:hover,.icon-button:hover{border-color:var(--cyan);color:var(--cyan)}.danger{background:transparent;border-color:rgba(239,133,133,.5);color:var(--red)}.compact{padding:7px 10px;font-size:12px}.text-button{border:0;padding:2px;background:transparent;color:var(--cyan);font-size:12px}.error{min-height:21px;color:var(--red)}#login-form .primary{width:100%;margin-top:18px}.table-wrap{overflow:auto;border:1px solid var(--line);background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:10px 12px;background:#0d161d;border-bottom:1px solid var(--line)}td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}tr:hover td{background:rgba(255,255,255,.012)}.cell-main{font-weight:700}.cell-sub{font-size:11px;color:var(--muted);margin-top:2px}.actions{display:flex;gap:9px;align-items:center;white-space:nowrap}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);padding:3px 7px;font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.badge.active,.badge.ok{color:var(--green);border-color:rgba(117,214,162,.35)}.badge.blocked,.badge.expiring{color:var(--amber);border-color:rgba(240,185,109,.4)}.badge.revoked,.badge.expired,.badge.disabled,.badge.bad{color:var(--red);border-color:rgba(239,133,133,.4)}.badge.neutral{color:var(--muted)}.empty{padding:25px;color:var(--muted);text-align:center}.pager{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;color:var(--muted);font-size:12px}.pager button{padding:5px 9px}.config-list{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.config-list div{background:var(--surface2);padding:12px}.config-list dt{font-size:11px;color:var(--muted)}.config-list dd{margin:3px 0 0;overflow-wrap:anywhere}.rows{display:grid;gap:7px}.row{border:1px solid var(--line);background:var(--surface2);padding:10px 11px}.row-title{font-weight:700}.row-meta{color:var(--muted);font-size:11px}.toast{position:fixed;right:20px;bottom:20px;max-width:min(390px,calc(100vw - 40px));padding:12px 15px;background:var(--surface2);border:1px solid var(--cyan);transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s;z-index:100}.toast.show{transform:none;opacity:1}dialog{color:var(--text);background:var(--surface);border:1px solid var(--line);padding:0;width:min(100% - 30px,540px);box-shadow:var(--shadow)}dialog.dialog-wide{width:min(100% - 30px,840px)}dialog::backdrop{background:rgba(0,0,0,.72)}dialog form{padding:24px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close{border:0;background:transparent;color:var(--muted);font-size:22px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}fieldset{border:1px solid var(--line);margin:18px 0 0;padding:14px}legend{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.quota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.warning{border:1px solid rgba(240,185,109,.4);background:rgba(240,185,109,.06);color:var(--amber);padding:12px;margin-bottom:14px}.secret-box{display:flex;gap:9px;align-items:stretch}.secret-box code{flex:1;padding:12px;border:1px solid var(--line);background:#080e13;color:var(--green);overflow-wrap:anywhere;user-select:all}.confirm-copy{display:flex;align-items:center;gap:9px;margin-top:14px}.confirm-copy input,.toggle-label input{width:18px}.key-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.detail-card{border:1px solid var(--line);background:var(--surface2);padding:11px}.detail-card span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.detail-card b{display:block;margin-top:4px;overflow-wrap:anywhere}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.usage-grid .detail-card b{font-size:18px}.toggle-label{display:flex;align-items:center;gap:9px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.nowrap{white-space:nowrap}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.filters-keys{grid-template-columns:1fr 1fr}.filters-keys input{grid-column:span 2}.config-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.dashboard-grid{grid-template-columns:1fr}.wide{grid-column:auto}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.quota-grid,.usage-grid,.key-detail-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.filters-keys input{grid-column:auto}.section-toolbar,.page-heading{align-items:flex-start}.brand small{display:none}}@media(max-width:470px){.topbar{height:60px;padding:0 14px}.content{padding:24px 14px 55px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:13px;min-height:103px}.metric strong{font-size:23px}.panel{padding:16px}.config-list,.quota-grid,.usage-grid,.key-detail-grid{grid-template-columns:1fr}.dialog-actions{flex-wrap:wrap}.secret-box{display:grid}}