*{box-sizing:border-box}body{margin:0;background:#111216;color:#f7f7f8;font:15px/1.6 system-ui,-apple-system,sans-serif}main{max-width:1160px;margin:auto;padding:28px 32px 48px}header,.section-head,.actions,footer,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none;font-size:21px;font-weight:850;letter-spacing:-.6px}.brand i{width:30px;height:30px;display:block;background:#f7f7f8;transform:rotate(15deg);position:relative}.brand i:after{content:'';width:10px;height:10px;position:absolute;top:10px;left:10px;background:#111216}.badge{font-size:10px;letter-spacing:1.5px;color:#aeb4c2;border:1px solid #353841;padding:5px 12px;border-radius:6px}.hero{padding:55px 0 28px}.eyebrow{color:#91a7ff;font-size:11px;letter-spacing:2px;font-weight:800;margin:0 0 10px}h1{font-size:clamp(31px,5vw,53px);line-height:1.13;letter-spacing:-1.8px;margin:0 0 20px;font-weight:850}h2{font-size:23px;margin:0}.hero>p:last-child,.muted{color:#a6adbb}nav{display:flex;gap:10px;border-bottom:1px solid #34363d;margin-bottom:22px;padding-bottom:12px}button{font:inherit;font-weight:650;border:1px solid #464953;border-radius:7px;background:#30323b;color:#f7f7f8;cursor:pointer;padding:10px 16px;transition:background .15s}button:hover{background:#424653}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,.table-wrap:focus-visible{outline:3px solid #8da3ff;outline-offset:3px}nav button{border:0;background:transparent;color:#aeb4c2}nav .active{background:#f7f7f8;color:#17191f}#count{background:#353944;color:#fff;border-radius:4px;padding:1px 7px;margin-left:7px}.panel{background:#1d1f26;border:1px solid #34363f;padding:30px;border-radius:12px}.step{font-size:12px;color:#a0a6b3}.primary{background:#335fff;border-color:#335fff;color:#fff}.primary:hover{background:#4c73ff}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}label{display:block;font-size:13px;font-weight:650}input{font:inherit;width:100%;padding:12px 14px;border:1px solid #484c58;border-radius:7px;background:#111318;color:#fff;margin-top:7px;min-width:0}#username,#password{font-family:ui-monospace,monospace;cursor:copy}#username:hover,#password:hover{border-color:#8da3ff}.password-wrap{display:flex}.actions{justify-content:flex-start;flex-wrap:wrap;margin-top:22px}.auto-save{display:flex;align-items:center;gap:10px;margin:22px 0;color:#d5d9e3;cursor:pointer}.auto-save input{width:19px;height:19px;flex-shrink:0;margin:0;accent-color:#335fff}aside{border-top:1px solid #353842;margin-top:28px;padding-top:20px;color:#9ca3b2;font-size:12px}.footnote{text-align:center;color:#8c93a2;font-size:12px;margin-top:28px}#message:empty{display:none}.error,.success{padding:12px 16px;border-radius:7px;font-size:14px}.error{background:#45282e;color:#ffc4c1}.success{background:#203c36;color:#b9efda}#search{margin:22px 0 16px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#282b34;font-size:12px;color:#afb6c7;padding:14px 12px}td{border-bottom:1px solid #343741;padding:15px 12px;font-size:14px}td:first-child{color:#9da7bc;width:55px}.copy-cell{background:transparent;border:0;padding:5px 0;text-align:left;font:14px ui-monospace,monospace;cursor:copy}.copy-cell:hover{background:transparent;color:#a0b4ff}.row-actions{display:flex;gap:6px}.row-actions button{padding:6px 10px;font-size:12px}.danger{color:#ffb8b2;border-color:#694044;background:#3c262c}.danger:hover{background:#583139}footer{margin-top:24px}.empty{text-align:center;padding:45px 10px;color:#a0a7b7}dialog{color:#fff;background:#242730;border:1px solid #4a4e5a;border-radius:12px;padding:28px;max-width:460px;width:calc(100% - 32px);box-shadow:0 24px 80px #0008}dialog::backdrop{background:#080a11bc}dialog p{color:#b5bdcb}[hidden]{display:none!important}@media(max-width:680px){main{padding:22px 14px 32px}.badge{display:none}.hero{padding:38px 0 20px}.panel{padding:22px 16px}.fields{grid-template-columns:1fr;gap:16px}.actions button{flex:1}nav{gap:3px}nav button{padding:9px 10px;font-size:13px}.section-head{align-items:flex-start;flex-direction:column;gap:14px}.step{display:none}.toolbar{flex-wrap:wrap;justify-content:flex-start}.toolbar button{font-size:12px;padding:8px 10px}footer{align-items:flex-start;flex-direction:column}h2{font-size:21px}h1{letter-spacing:-1px}th,td{padding:12px 10px}.auto-save{font-size:12px}}
