:root{--vault-accent: #10B981;--vault-accent-dim: rgba(16, 185, 129, .15);--vault-accent-glow: rgba(16, 185, 129, .3);--vault-surface: #111111;--vault-surface-2: #1a1a1a;--vault-surface-3: #222222;--vault-border: #2a2a2a;--vault-text: #e5e7eb;--vault-text-secondary: #9ca3af;--vault-text-muted: #6b7280;--vault-danger: #ef4444;--vault-warning: #f59e0b;--vault-info: #3b82f6;--s-accent: #10B981;--s-accent-dim: rgba(16, 185, 129, .15);--s-accent-glow: rgba(16, 185, 129, .3);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--vault-text);background-color:var(--vault-surface)}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;padding-top:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:calc(100vh - 48px);display:flex;flex-direction:column}h1,h2,h3{font-family:Playfair Display,serif;color:var(--vault-text);font-weight:600}.mono{font-family:JetBrains Mono,monospace}.card{background:var(--vault-surface-2);border:1px solid var(--vault-border);border-radius:12px;padding:20px;transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--vault-accent);box-shadow:0 0 20px var(--vault-accent-dim)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--vault-accent);color:#000}.btn-primary:hover{background:#0d9668;box-shadow:0 0 16px var(--vault-accent-glow)}.btn-secondary{background:var(--vault-surface-3);color:var(--vault-text);border:1px solid var(--vault-border)}.btn-secondary:hover{border-color:var(--vault-accent)}.btn-danger{background:#ef444426;color:var(--vault-danger);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440}.input{width:100%;padding:10px 14px;background:var(--vault-surface);border:1px solid var(--vault-border);border-radius:8px;color:var(--vault-text);font-size:14px;outline:none;transition:border-color .2s ease}.input:focus{border-color:var(--vault-accent);box-shadow:0 0 0 3px var(--vault-accent-dim)}.input::placeholder{color:var(--vault-text-muted)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500}.badge-emerald{background:var(--vault-accent-dim);color:var(--vault-accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--vault-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--vault-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes emeraldGlow{0%,to{box-shadow:0 0 20px var(--vault-accent-dim)}50%{box-shadow:0 0 40px var(--vault-accent-glow)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}