:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#050505;color:#fff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;background:#050505;color:#fff}body{min-height:100vh}button,input,textarea,select{font:inherit}.screen{min-height:100vh}.center{display:grid;place-items:center;padding:24px}.layout{display:grid;grid-template-columns:280px 1fr}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar{min-height:100vh;border-right:1px solid rgba(255,255,255,.08);padding:24px 18px;display:flex;flex-direction:column;gap:18px;background:#070707}.brand-block{padding:10px 0 14px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-title{font-size:18px;font-weight:700}.brand-subtitle{margin-top:4px;color:#ffffff9e;font-size:13px}.nav-list{display:flex;flex-direction:column;gap:8px}.nav-item{border:1px solid rgba(255,255,255,.08);background:#0d0d0d;color:#fff;border-radius:8px;padding:12px 14px;text-align:left;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.nav-item.active{background:#fff;color:#050505;border-color:#fff}.nav-item:hover{transform:translateY(-1px)}.content{padding:24px;display:flex;flex-direction:column;gap:16px}.topbar,.surface-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.topbar h1,.surface h2,.surface h3,.login-surface h1{margin:0}.topbar p,.surface p{margin:6px 0 0}.surface-head>:first-child,.topbar>:first-child{flex:1 1 320px;min-width:0}.surface h2,.surface h3,.surface p,.surface .muted,.status-label,.status-sub{overflow-wrap:anywhere}.action-row{display:flex;gap:10px;flex-wrap:wrap;max-width:100%;justify-content:flex-end}.page-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.surface,.login-surface{background:#0b0b0c;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:18px;animation:fade-up .22s ease both;transition:border-color .18s ease,transform .18s ease,background-color .18s ease}.subsurface{background:#101011;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px;animation:fade-up .24s ease both;transition:border-color .18s ease,transform .18s ease,background-color .18s ease}.muted{color:#ffffff9e}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{background:#111112;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px}.stat-label{font-size:13px;color:#ffffff9e}.stat-value{margin-top:8px;font-size:22px;font-weight:700}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{font-size:13px;color:#ffffffb8}.surface h2{margin-bottom:2px}.surface-head{margin-bottom:14px}.surface-head:last-child{margin-bottom:0}.surface-head-text{flex:1 1 320px;min-width:0}.quick-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.create-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.create-row .field{width:160px;flex:0 0 auto}.create-btn{flex:0 0 auto;min-width:160px;height:44px}input,textarea,select{width:100%;border:1px solid rgba(255,255,255,.12);background:#060606;color:#fff;border-radius:8px;padding:11px 12px;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}textarea{min-height:132px;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:#ffffff57;box-shadow:0 0 0 1px #ffffff14}.button{border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:10px 14px;cursor:pointer;background:#111112;color:#fff;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.button.primary{background:#fff;color:#050505;border-color:#fff}.button.danger{background:#181010;border-color:#ff707059}.button.ghost{background:transparent}.button.full{width:100%}.button.small{padding:7px 11px;font-size:13px}.button:disabled{opacity:.55;cursor:not-allowed}.button:hover:not(:disabled){transform:translateY(-1px)}.alert{border-radius:8px;padding:12px 14px;border:1px solid rgba(255,255,255,.12)}.alert.success{background:#0f1510;border-color:#78ff783d}.alert.error{background:#180d0d;border-color:#ff78783d}.stack{display:flex;flex-direction:column;gap:12px}.empty-state{color:#fff9}.table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.08);border-radius:8px}table.keys{width:100%;border-collapse:collapse;min-width:720px}table.keys th,table.keys td{padding:11px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}table.keys thead th{background:#101011;font-size:13px;font-weight:600;color:#ffffffb8;position:sticky;top:0}table.keys tbody tr:last-child td{border-bottom:0}table.keys tbody tr:hover{background:#ffffff08}code{background:#060606;border:1px solid rgba(255,255,255,.1);padding:4px 8px;border-radius:6px;font-size:13px;font-family:JetBrains Mono,Consolas,monospace}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.badge.ok{background:#4caf501f;color:#7ee08a;border-color:#4caf504d}.badge.unused{background:#ffc1071a;color:#ffd166;border-color:#ffc10747}.badge.expired{background:#ff63631a;color:#ff8585;border-color:#ff63634d}.badge.off{background:#ffffff0f;color:#fff9;border-color:#ffffff24}.badge.spent{background:#ff8a4c1f;color:#ff9f5b;border-color:#ff8a4c57}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.key-copy{display:inline-flex;align-items:center;gap:8px;max-width:100%;background:transparent;border:0;padding:0;cursor:pointer;color:inherit}.key-copy code{transition:border-color .15s ease,background-color .15s ease}.key-copy:hover code{border-color:#ffffff4d;background:#0c0c0d}.key-copy-ic{font-size:13px;color:#fff6;transition:color .15s ease}.key-copy:hover .key-copy-ic{color:#ffffffb3}.key-copy.copied .key-copy-ic{color:#7ee08a}.key-copy.copied code{border-color:#7ee08a73;color:#cfeecf}.badge-cell{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.badge.test{background:#a855f729;color:#c8a8ff;border-color:#a855f766}.search-input{margin-bottom:12px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filter-tab{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);background:#101011;color:#ffffffbf;border-radius:999px;padding:8px 14px;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.filter-tab:hover{border-color:#ffffff3d}.filter-tab.active{background:#fff;color:#050505;border-color:#fff}.filter-tab.is-test{border-color:#a855f759}.filter-tab.is-test.active{background:#a855f7;color:#fff;border-color:#a855f7}.filter-count{font-size:12px;font-weight:600;padding:1px 7px;border-radius:999px;background:#ffffff1a;color:inherit}.filter-tab.active .filter-count{background:#00000024}.pager{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.pager-nums{display:flex;gap:6px;flex-wrap:wrap}.pager-gap{align-self:center;color:#ffffff80;padding:0 2px}.pager-info{margin-left:auto;font-size:13px}.login-surface{width:min(100%,460px);display:flex;flex-direction:column;gap:14px;padding:26px}.login-surface .field{width:100%}.login-surface .button{width:100%;min-height:48px}.login-surface p{max-width:400px}.login-brand{font-size:12px;color:#ffffff8a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width: 1100px){.layout{grid-template-columns:1fr}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.two,.form-grid.inline{grid-template-columns:1fr}.action-row{justify-content:flex-start}}