@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--bg-base: #0d0f12;--bg-surface: #13161b;--bg-elevated: #1a1d24;--bg-overlay: #1f2330;--bg-hover: #252837;--gold: #ffd750;--gold-dim: #c9a83c;--gold-muted: rgba(255, 215, 80, .12);--gold-glow: rgba(255, 215, 80, .25);--gold-border: rgba(255, 215, 80, .22);--text-primary: #f0f2f5;--text-secondary: #8b8fa8;--text-muted: #4a4e63;--text-gold: #ffd750;--success: #3ecf8e;--danger: #f46b6b;--warning: #f9a825;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--shadow-sm: 0 1px 4px rgba(0,0,0,.5);--shadow-md: 0 4px 20px rgba(0,0,0,.6);--shadow-lg: 0 8px 40px rgba(0,0,0,.7);--shadow-gold: 0 0 24px rgba(255,215,80,.18);--t-fast: .12s ease;--t-base: .22s ease;--t-slow: .38s cubic-bezier(.4, 0, .2, 1);--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", "Fira Mono", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;width:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh;width:100%}.sv-page{position:relative;min-height:100vh;width:100%;background:var(--bg-base)}.sv-page:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:0}.sv-page:after{content:"";position:fixed;top:-30%;left:-10%;width:60%;height:60%;background:radial-gradient(ellipse,rgba(255,215,80,.04) 0%,transparent 65%);pointer-events:none;z-index:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes shimmerLine{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes pulseGold{0%,to{box-shadow:0 0 #ffd75000}50%{box-shadow:0 0 0 6px #ffd75014}}@keyframes spin{to{transform:rotate(360deg)}}.sv-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:border-color var(--t-base),box-shadow var(--t-base)}.sv-card:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:shimmerLine 4s ease-in-out infinite 1s}.sv-card:hover{border-color:var(--gold-border);box-shadow:var(--shadow-gold)}.sv-input{width:100%;padding:13px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;outline:none;transition:border-color var(--t-base),box-shadow var(--t-base),background var(--t-base);caret-color:var(--gold)}.sv-input::placeholder{color:var(--text-muted);font-size:13px}.sv-input:focus{border-color:var(--gold-dim);background:var(--bg-overlay);box-shadow:0 0 0 3px var(--gold-muted)}.sv-input:hover:not(:focus){border-color:var(--border-strong)}.sv-label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:7px}.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:all var(--t-base);position:relative;overflow:hidden;white-space:nowrap}.sv-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 60%);opacity:0;transition:opacity var(--t-fast)}.sv-btn:hover:after{opacity:1}.sv-btn:active{transform:scale(.97)}.sv-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.sv-btn-primary{background:var(--gold);color:#0d0f12;font-weight:700;box-shadow:0 2px 12px #ffd75040}.sv-btn-primary:hover:not(:disabled){background:#ffe06a;box-shadow:0 4px 20px #ffd75061;transform:translateY(-1px)}.sv-btn-secondary{background:transparent;color:var(--gold);border:1px solid var(--gold-border)}.sv-btn-secondary:hover:not(:disabled){background:var(--gold-muted);border-color:var(--gold-dim)}.sv-btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.sv-btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.sv-btn-danger{background:#f46b6b1f;color:var(--danger);border:1px solid rgba(244,107,107,.25)}.sv-btn-danger:hover:not(:disabled){background:#f46b6b33}.sv-btn-full{width:100%}.sv-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sv-badge-gold{background:#ffd7501f;color:var(--gold);border:1px solid rgba(255,215,80,.22)}.sv-badge-success{background:#3ecf8e1f;color:var(--success);border:1px solid rgba(62,207,142,.22)}.sv-badge-muted{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.sv-alert{padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;display:flex;align-items:flex-start;gap:10px}.sv-alert-error{background:#f46b6b14;border:1px solid rgba(244,107,107,.22);color:#fca5a5}.sv-alert-success{background:#3ecf8e14;border:1px solid rgba(62,207,142,.22);color:#6ee7b7}.sv-alert-warning{background:#f9a82514;border:1px solid rgba(249,168,37,.22);color:#fcd34d}.sv-table{width:100%;border-collapse:collapse;font-size:13.5px}.sv-table thead tr{border-bottom:1px solid var(--border-subtle)}.sv-table th{padding:13px 20px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.sv-table td{padding:14px 20px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);vertical-align:middle}.sv-table tbody tr{transition:background var(--t-fast)}.sv-table tbody tr:hover{background:var(--bg-elevated)}.sv-table tbody tr:last-child td{border-bottom:none}.sv-stat{padding:20px 24px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--t-base)}.sv-stat:hover{border-color:var(--gold-border)}.sv-stat-value{font-size:26px;font-weight:700;color:var(--gold);font-family:var(--font-display);line-height:1;margin-bottom:6px}.sv-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.sv-navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:60px;background:#0d0f12e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.sv-navbar-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--gold);letter-spacing:.04em}.sv-spinner{width:18px;height:18px;border:2px solid var(--border-default);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}.sv-empty{text-align:center;padding:56px 24px;color:var(--text-muted)}.sv-empty-icon{margin-bottom:14px;opacity:.4}.sv-empty-text{font-size:14px;line-height:1.7}.sv-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sv-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.animate-fade-in{animation:fadeIn .5s ease both}.animate-fade-up{animation:fadeUp .5s ease both}.animate-scale-in{animation:scaleIn .4s ease both}@media(max-width:768px){.sv-grid-2,.sv-grid-3{grid-template-columns:1fr}.sv-navbar{padding:0 16px}.sv-table th,.sv-table td{padding:12px 14px}}@media(max-width:480px){.sv-btn{padding:11px 18px;font-size:12px}.sv-input{font-size:16px}}.vault-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-base)}.vault-main{flex:1;padding:32px;max-width:1100px;margin:0 auto;width:100%}@media(max-width:768px){.vault-main{padding:16px}}