:root{color-scheme:dark;--vbg:#07070c;--vpanel:#11111a;--vline:rgba(255,255,255,.12);--vtext:#f3f1f8;--vmuted:#9894a4;--vaccent:#b49aff}
*{box-sizing:border-box}body.vault-body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 0%,rgba(113,76,190,.18),transparent 35%),#07070c;color:var(--vtext);font-family:Manrope,Arial,sans-serif}
.vault-noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.vault-wrap{width:min(1100px,92vw);margin:0 auto;padding:42px 0 70px;position:relative}.vault-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--vline);padding-bottom:22px}.vault-brand{font-size:14px;letter-spacing:.18em;font-weight:800}.vault-brand span{color:var(--vaccent)}.vault-back,.vault-nav a,.vault-btn{color:#e8e3f2;text-decoration:none;font:10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.vault-back{opacity:.7}.vault-title{margin:75px 0 12px;font-size:clamp(38px,7vw,76px);line-height:.98;letter-spacing:-.07em}.vault-title em{font-style:normal;color:var(--vaccent)}.vault-sub{color:var(--vmuted);font-size:13px;line-height:1.8;max-width:600px}.vault-panel{margin-top:34px;background:linear-gradient(145deg,rgba(24,23,34,.96),rgba(12,12,19,.96));border:1px solid var(--vline);padding:clamp(22px,4vw,38px);box-shadow:0 30px 100px rgba(0,0,0,.3)}.vault-field{display:flex;flex-direction:column;gap:9px;margin:16px 0}.vault-field label,.vault-label{font:9px 'DM Mono',monospace;letter-spacing:.15em;color:#b8b2c5;text-transform:uppercase}.vault-field input,.vault-field textarea,.vault-field select{width:100%;background:#090910;border:1px solid var(--vline);padding:15px;color:white;outline:none;border-radius:0}.vault-field input:focus,.vault-field textarea:focus{border-color:var(--vaccent)}.vault-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 19px;background:linear-gradient(110deg,#9874e3,#5f3da7);border:1px solid rgba(255,255,255,.2);cursor:pointer;margin-top:10px}.vault-btn.secondary{background:transparent;border-color:var(--vline)}.vault-note{font-size:11px;color:var(--vmuted);line-height:1.8;margin-top:18px}.vault-error{color:#ff9aab;font-size:12px;min-height:20px}.vault-nav{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.vault-nav a{padding:12px 14px;border:1px solid var(--vline);opacity:.7}.vault-nav a.active,.vault-nav a:hover{opacity:1;border-color:var(--vaccent);color:#d9caff}.vault-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:32px}.vault-card{display:block;text-decoration:none;color:inherit;padding:25px;border:1px solid var(--vline);background:rgba(255,255,255,.025);transition:.3s}.vault-card:hover{transform:translateY(-5px);border-color:rgba(180,154,255,.55);background:rgba(180,154,255,.06)}.vault-card b{display:block;font-size:18px;margin:18px 0 8px}.vault-card small{font:9px 'DM Mono',monospace;color:var(--vaccent);letter-spacing:.15em}.vault-card p{color:var(--vmuted);font-size:12px;line-height:1.7}.vault-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.vault-list{display:grid;gap:10px;margin-top:25px}.vault-item{border:1px solid var(--vline);background:rgba(255,255,255,.025);padding:16px;display:flex;justify-content:space-between;gap:15px;align-items:center}.vault-item strong{font-size:13px}.vault-item small{display:block;color:var(--vmuted);font-size:11px;margin-top:5px;overflow-wrap:anywhere}.vault-item button{background:none;color:#c8b4ff;border:1px solid var(--vline);padding:8px 10px;cursor:pointer;margin-left:5px;font-size:10px}.vault-empty{color:var(--vmuted);font-size:13px;padding:20px;border:1px dashed var(--vline)}.vault-top-actions{display:flex;gap:16px;align-items:center}
@media(max-width:650px){.vault-wrap{padding-top:25px}.vault-title{margin-top:55px}.vault-grid,.vault-form-grid{grid-template-columns:1fr}.vault-item{align-items:flex-start;flex-direction:column}.vault-item button{margin:12px 5px 0 0}.vault-top{gap:15px}.vault-top-actions{gap:9px}}