@import"https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&f[]=satoshi@400,500,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-display: "Clash Display", "SF Pro Display", system-ui, sans-serif;--font-body: "Satoshi", "SF Pro Text", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-accent: "Bebas Neue", "Impact", sans-serif;--text-xs: clamp(.65rem, .6rem + .25vw, .75rem);--text-sm: clamp(.75rem, .7rem + .25vw, .875rem);--text-base: clamp(.875rem, .8rem + .35vw, 1rem);--text-lg: clamp(1rem, .9rem + .5vw, 1.125rem);--text-xl: clamp(1.125rem, 1rem + .6vw, 1.25rem);--text-2xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-3xl: clamp(1.5rem, 1.3rem + 1vw, 1.875rem);--text-4xl: clamp(1.875rem, 1.5rem + 1.5vw, 2.25rem);--text-5xl: clamp(2.25rem, 1.8rem + 2vw, 3rem);--text-6xl: clamp(3rem, 2.5rem + 2.5vw, 4rem);--text-hero: clamp(4rem, 3rem + 4vw, 6rem);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--void: #050507;--obsidian: #0a0a0f;--charcoal: #12121a;--slate: #1a1a24;--graphite: #252532;--steel: #32323f;--gold: #d4a447;--gold-bright: #f0c14b;--gold-pale: #e8d5a3;--gold-dim: #8b7355;--gold-dark: #6b5a3a;--amber: #f59e0b;--bronze: #cd7f32;--gold-glow-strong: rgba(212, 164, 71, .4);--gold-glow-medium: rgba(212, 164, 71, .2);--gold-glow-subtle: rgba(212, 164, 71, .1);--gold-glow-faint: rgba(212, 164, 71, .05);--felt: #1a5c3a;--felt-light: #2d8f5e;--felt-dark: #0f3d26;--felt-glow: rgba(45, 143, 94, .2);--felt-glow-subtle: rgba(45, 143, 94, .1);--ruby: #e63946;--ruby-glow: rgba(230, 57, 70, .2);--emerald: #2dd4bf;--emerald-glow: rgba(45, 212, 191, .2);--sapphire: #3b82f6;--sapphire-glow: rgba(59, 130, 246, .2);--amethyst: #a855f7;--amethyst-glow: rgba(168, 85, 247, .2);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-subtle: #52525b;--text-gold: #d4a447;--text-inverse: #0a0a0f;--bg-void: var(--void);--bg-base: var(--obsidian);--bg-elevated: var(--charcoal);--bg-surface: var(--slate);--bg-overlay: var(--graphite);--bg-interactive: var(--steel);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--border-gold: rgba(212, 164, 71, .3);--border-gold-strong: rgba(212, 164, 71, .5);--hover-overlay: rgba(255, 255, 255, .04);--active-overlay: rgba(255, 255, 255, .08);--focus-ring: var(--gold);--focus-ring-offset: var(--obsidian);--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-gold-sm: 0 0 10px var(--gold-glow-subtle);--shadow-gold-md: 0 0 20px var(--gold-glow-medium), 0 0 40px var(--gold-glow-subtle);--shadow-gold-lg: 0 0 30px var(--gold-glow-medium), 0 0 60px var(--gold-glow-subtle), 0 0 90px var(--gold-glow-faint);--shadow-card: 0 0 0 1px var(--border-subtle), 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-card-hover: 0 0 0 1px var(--border-gold), 0 10px 20px -5px rgba(0, 0, 0, .4), 0 0 30px var(--gold-glow-subtle);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--duration-slowest: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.68, -.6, .32, 1.6);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--transition-fast: all var(--duration-fast) var(--ease-out);--transition-normal: all var(--duration-normal) var(--ease-out);--transition-slow: all var(--duration-slow) var(--ease-smooth);--transition-transform: transform var(--duration-normal) var(--ease-smooth);--transition-opacity: opacity var(--duration-normal) var(--ease-out);--transition-colors: color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);--sidebar-width-collapsed: 72px;--sidebar-width-expanded: 260px;--topbar-height: 64px;--content-max-width: 1400px;--card-min-width: 280px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-toast: 600;--z-tooltip: 700;--z-max: 9999;--suit-spade: "♠";--suit-heart: "♥";--suit-diamond: "♦";--suit-club: "♣"}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms}}.vault-backdrop{background:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(212,164,71,.04) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 85% 90%,rgba(45,143,94,.03) 0%,transparent 50%),radial-gradient(ellipse 100% 80% at 50% 30%,rgba(255,255,255,.01) 0%,transparent 60%),linear-gradient(180deg,var(--obsidian) 0%,var(--void) 100%);background-attachment:fixed}.noise-overlay:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:1}.suits-pattern{position:relative}.suits-pattern:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='10' y='30' font-size='24' fill='%23d4a447'%3E♠%3C/text%3E%3Ctext x='70' y='30' font-size='24' fill='%23d4a447'%3E♥%3C/text%3E%3Ctext x='10' y='90' font-size='24' fill='%23d4a447'%3E♦%3C/text%3E%3Ctext x='70' y='90' font-size='24' fill='%23d4a447'%3E♣%3C/text%3E%3C/svg%3E");background-size:120px 120px}.grid-pattern{background-image:linear-gradient(rgba(212,164,71,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(212,164,71,.03) 1px,transparent 1px);background-size:40px 40px}.grid-pattern-fine{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:20px 20px}.felt-texture{background:radial-gradient(ellipse at center,var(--felt) 0%,var(--felt-dark) 100%);position:relative}.felt-texture:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='felt'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.8' numOctaves='3' result='noise'/%3E%3CfeDiffuseLighting in='noise' lighting-color='white' surfaceScale='1'%3E%3CfeDistantLight azimuth='45' elevation='60'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23felt)'/%3E%3C/svg%3E")}.card-glass{background:linear-gradient(135deg,#ffffff08,#ffffff03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle)}.card-elevated{background:linear-gradient(180deg,var(--slate) 0%,var(--charcoal) 100%);border:1px solid var(--border-subtle)}.card-gold-border{background:var(--charcoal);border:1px solid var(--border-gold);box-shadow:0 0 0 1px var(--border-gold),inset 0 1px #ffffff08}.card-gold-glow{background:linear-gradient(135deg,rgba(212,164,71,.05) 0%,transparent 50%),var(--charcoal);border:1px solid var(--border-gold);box-shadow:var(--shadow-gold-sm)}.btn-gold{background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 50%,var(--gold-dark) 100%);border:1px solid var(--gold);box-shadow:inset 0 1px #fff3,inset 0 -1px #0003,0 2px 4px #0000004d;color:var(--void);text-shadow:0 1px 0 rgba(255,255,255,.2)}.btn-gold:hover{background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold-bright) 50%,var(--gold) 100%);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003,0 4px 8px #0000004d,0 0 20px var(--gold-glow-medium)}.btn-gold:active{background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dark) 100%);box-shadow:inset 0 2px 4px #0000004d;transform:translateY(1px)}.btn-ghost{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.btn-ghost:hover{background:var(--hover-overlay);border-color:var(--border-gold);color:var(--gold)}.input-vault{background:var(--obsidian);border:1px solid var(--border-default);color:var(--text-primary);transition:var(--transition-colors),box-shadow var(--duration-fast) var(--ease-out)}.input-vault:hover{border-color:var(--border-strong)}.input-vault:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow-subtle);outline:none}.input-vault::placeholder{color:var(--text-muted)}.table-row-hover{transition:background-color var(--duration-fast) var(--ease-out)}.table-row-hover:hover{background:linear-gradient(90deg,transparent 0%,var(--hover-overlay) 10%,var(--hover-overlay) 90%,transparent 100%)}.table-row-selected{background:var(--gold-glow-faint);border-left:2px solid var(--gold)}.sidebar-bg{background:linear-gradient(180deg,var(--charcoal) 0%,var(--obsidian) 100%);border-right:1px solid var(--border-subtle)}.sidebar-item-active{background:linear-gradient(90deg,var(--gold-glow-medium) 0%,transparent 100%);border-left:2px solid var(--gold)}.topbar-bg{background:linear-gradient(180deg,#12121af2,#0a0a0ffa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.modal-backdrop{background:#050507d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:linear-gradient(180deg,var(--slate) 0%,var(--charcoal) 100%);border:1px solid var(--border-gold);box-shadow:0 0 0 1px var(--border-subtle),0 25px 50px -12px #0009,0 0 100px var(--gold-glow-faint)}.divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-default) 20%,var(--border-default) 80%,transparent 100%)}.divider-gold{height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold-dim) 20%,var(--gold) 50%,var(--gold-dim) 80%,transparent 100%)}.divider-vertical{width:1px;background:linear-gradient(180deg,transparent 0%,var(--border-default) 20%,var(--border-default) 80%,transparent 100%)}.vault-scrollbar::-webkit-scrollbar{width:8px;height:8px}.vault-scrollbar::-webkit-scrollbar-track{background:var(--obsidian);border-radius:4px}.vault-scrollbar::-webkit-scrollbar-thumb{background:var(--graphite);border-radius:4px;border:2px solid var(--obsidian)}.vault-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}.vault-scrollbar{scrollbar-width:thin;scrollbar-color:var(--graphite) var(--obsidian)}.chip-gold{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright) 0%,var(--gold) 50%,var(--gold-dark) 100%);border:2px solid var(--gold-dim);box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d,0 2px 4px #0006}.chip-green{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--felt-light) 0%,var(--felt) 50%,var(--felt-dark) 100%);border:2px solid var(--felt);box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d,0 2px 4px #0006}.chip-red{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ef5350 0%,var(--ruby) 50%,#b91c1c 100%);border:2px solid #991b1b;box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d,0 2px 4px #0006}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;opacity:0;animation:drift 20s infinite linear}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:25%;animation-delay:4s}.particle:nth-child(3){left:40%;animation-delay:8s}.particle:nth-child(4){left:55%;animation-delay:12s}.particle:nth-child(5){left:70%;animation-delay:16s}.particle:nth-child(6){left:85%;animation-delay:2s}@keyframes revealUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes revealDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes revealLeft{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes revealRight{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes revealScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes revealScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInBlur{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@keyframes pulseGold{0%,to{box-shadow:0 0 0 0 var(--gold-glow-medium)}50%{box-shadow:0 0 20px 4px var(--gold-glow-medium)}}@keyframes pulseGoldSubtle{0%,to{box-shadow:0 0 10px var(--gold-glow-subtle)}50%{box-shadow:0 0 20px var(--gold-glow-medium)}}@keyframes pulseStatus{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:1}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 2px var(--gold))}50%{filter:drop-shadow(0 0 8px var(--gold)) drop-shadow(0 0 16px var(--gold-glow-medium))}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmerGold{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes cardFlipIn{0%{transform:perspective(1000px) rotateY(-90deg);opacity:0}to{transform:perspective(1000px) rotateY(0);opacity:1}}@keyframes cardFlipOut{0%{transform:perspective(1000px) rotateY(0);opacity:1}to{transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes cardDeal{0%{transform:translate(-100px) translateY(-50px) rotate(-15deg) scale(.8);opacity:0}60%{transform:translate(10px) translateY(5px) rotate(2deg) scale(1.02)}to{transform:translate(0) translateY(0) rotate(0) scale(1);opacity:1}}@keyframes cardHover{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(.5deg)}}@keyframes chipStack{0%{transform:translateY(-20px) scale(.8);opacity:0}60%{transform:translateY(2px) scale(1.02)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes chipBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes chipSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes countPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes numberReveal{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes dotsLoading{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes indicatorSlide{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes sweepHighlight{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(-5px) translate(-5px)}75%{transform:translateY(-15px) translate(3px)}}@keyframes drift{0%{transform:translate(-10%) translateY(100%);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(10%) translateY(-100%);opacity:0}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(20px)}}@keyframes vaultUnlock{0%{transform:rotate(0)}25%{transform:rotate(-20deg)}50%{transform:rotate(15deg)}75%{transform:rotate(-10deg)}to{transform:rotate(720deg)}}@keyframes vaultOpen{0%{transform:perspective(1000px) rotateY(0);transform-origin:left}to{transform:perspective(1000px) rotateY(-105deg);transform-origin:left}}@keyframes lightRays{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:0;transform:scale(2)}}.reveal{opacity:0}.reveal.revealed{animation:revealUp .6s var(--ease-smooth) forwards}.reveal-delay-1{animation-delay:.05s}.reveal-delay-2{animation-delay:.1s}.reveal-delay-3{animation-delay:.15s}.reveal-delay-4{animation-delay:.2s}.reveal-delay-5{animation-delay:.25s}.reveal-delay-6{animation-delay:.3s}.reveal-delay-7{animation-delay:.35s}.reveal-delay-8{animation-delay:.4s}.reveal-delay-9{animation-delay:.45s}.reveal-delay-10{animation-delay:.5s}.reveal-stagger>*{opacity:0;animation:revealUp .6s var(--ease-smooth) forwards}.reveal-stagger>*:nth-child(1){animation-delay:.05s}.reveal-stagger>*:nth-child(2){animation-delay:.1s}.reveal-stagger>*:nth-child(3){animation-delay:.15s}.reveal-stagger>*:nth-child(4){animation-delay:.2s}.reveal-stagger>*:nth-child(5){animation-delay:.25s}.reveal-stagger>*:nth-child(6){animation-delay:.3s}.reveal-stagger>*:nth-child(7){animation-delay:.35s}.reveal-stagger>*:nth-child(8){animation-delay:.4s}.reveal-stagger>*:nth-child(9){animation-delay:.45s}.reveal-stagger>*:nth-child(10){animation-delay:.5s}.reveal-stagger>*:nth-child(n+11){animation-delay:.55s}.skeleton{background:linear-gradient(90deg,var(--graphite) 0%,var(--steel) 20%,var(--gold-glow-faint) 40%,var(--steel) 60%,var(--graphite) 100%);background-size:200% 100%;animation:shimmer 2s infinite linear;border-radius:var(--radius-md)}.skeleton-gold{background:linear-gradient(90deg,var(--charcoal) 0%,var(--gold-dim) 25%,var(--gold) 50%,var(--gold-dim) 75%,var(--charcoal) 100%);background-size:300% 100%;animation:shimmerGold 2s infinite linear;border-radius:var(--radius-md)}.pulse-gold{animation:pulseGold 2s infinite}.pulse-subtle{animation:pulseGoldSubtle 3s infinite}.glow-gold{animation:glowPulse 2s infinite}.hover-lift{transition:transform var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.spinner{animation:spin 1s linear infinite}.spinner-slow{animation:spin 2s linear infinite}.float{animation:float 6s ease-in-out infinite}.breathe{animation:breathe 3s ease-in-out infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.vault-admin{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;display:flex!important;flex-direction:row!important;width:100%}.vault-admin h1,.vault-admin h2,.vault-admin h3,.vault-admin h4,.vault-admin h5,.vault-admin h6{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary)}.vault-admin h1{font-size:var(--text-4xl);font-weight:var(--weight-bold)}.vault-admin h2{font-size:var(--text-2xl)}.vault-admin h3{font-size:var(--text-xl)}.vault-admin h4{font-size:var(--text-lg)}.vault-admin p{line-height:var(--leading-relaxed);color:var(--text-secondary)}.vault-admin a{color:var(--gold);text-decoration:none;transition:var(--transition-colors)}.vault-admin a:hover{color:var(--gold-bright)}.vault-admin strong{font-weight:var(--weight-semibold);color:var(--text-primary)}.vault-admin small{font-size:var(--text-sm);color:var(--text-muted)}.heading-accent{background:linear-gradient(135deg,var(--gold-bright) 0%,var(--gold) 50%,var(--gold-dim) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-mono{font-family:var(--font-mono)}.font-accent{font-family:var(--font-accent);letter-spacing:var(--tracking-wider)}.vault-admin button{font-family:inherit;cursor:pointer}.vault-admin input,.vault-admin textarea,.vault-admin select{font-family:inherit;font-size:inherit}.vault-admin :focus-visible{outline:2px solid var(--gold);outline-offset:2px}.vault-admin :focus:not(:focus-visible){outline:none}.vault-admin ::-webkit-scrollbar{width:8px;height:8px}.vault-admin ::-webkit-scrollbar-track{background:var(--obsidian);border-radius:4px}.vault-admin ::-webkit-scrollbar-thumb{background:var(--graphite);border-radius:4px;border:2px solid var(--obsidian)}.vault-admin ::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}.vault-admin{scrollbar-width:thin;scrollbar-color:var(--graphite) var(--obsidian)}.vault-admin ::selection{background:var(--gold-glow-medium);color:var(--text-primary)}.vault-layout{display:flex;min-height:100vh}.vault-sidebar{width:240px;min-width:240px;max-width:240px;flex-shrink:0;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--charcoal) 0%,var(--obsidian) 100%);border-right:1px solid var(--border-subtle);transition:width .2s ease,min-width .2s ease,max-width .2s ease;height:100vh;position:sticky;top:0;left:0;overflow-y:auto;overflow-x:hidden}.vault-sidebar.collapsed{width:72px;min-width:72px;max-width:72px}.admin-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:margin-left .2s ease}.admin-topbar,.vault-topbar{height:64px;flex-shrink:0;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 var(--space-6)}.admin-content{flex:1;overflow-y:auto;padding:var(--space-6);background:var(--bg-base)}.vault-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.vault-topbar{height:var(--topbar-height);flex-shrink:0}.vault-content{flex:1;overflow-y:auto;padding:var(--space-6)}.vault-container{max-width:var(--content-max-width);margin:0 auto;width:100%}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-3xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--text-base);color:var(--text-muted)}.vault-admin ul,.vault-admin ol{list-style:none}.vault-admin img{max-width:100%;height:auto;display:block}@media(max-width:768px){.vault-sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .2s ease}.vault-sidebar.open{transform:translate(0)}.admin-content,.vault-content{padding:var(--space-4)}}@media(max-width:640px){.admin-content,.vault-content{padding:var(--space-3)}.page-title{font-size:var(--text-2xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);height:44px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);border:none;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 50%,var(--gold-dark) 100%);border:1px solid var(--gold);box-shadow:inset 0 1px #fff3,inset 0 -1px #0003,0 2px 4px #0000004d;color:var(--void);text-shadow:0 1px 0 rgba(255,255,255,.2)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold-bright) 50%,var(--gold) 100%);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003,0 4px 8px #0000004d,0 0 20px var(--gold-glow-medium)}.btn-primary:active:not(:disabled){background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dark) 100%);box-shadow:inset 0 2px 4px #0000004d;transform:translateY(1px)}.btn-secondary{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--hover-overlay);border-color:var(--border-gold);color:var(--gold)}.btn-secondary:active:not(:disabled){background:var(--active-overlay)}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--hover-overlay);color:var(--text-primary)}.btn-danger{background:linear-gradient(180deg,#ef5350 0%,var(--ruby) 100%);border:1px solid var(--ruby);box-shadow:inset 0 1px #ffffff26,0 2px 4px #0000004d;color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#f87171,#ef5350);box-shadow:inset 0 1px #fff3,0 4px 8px #0000004d,0 0 20px var(--ruby-glow)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-lg{height:52px;padding:0 var(--space-8);font-size:var(--text-base)}.btn-icon{width:44px;padding:0}.btn-icon.btn-sm{width:32px}.btn-icon.btn-lg{width:52px}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-primary.btn-loading:after{border-color:var(--void);border-right-color:transparent}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.input-label.required:after{content:" *";color:var(--ruby)}.input{width:100%;height:44px;padding:0 var(--space-4);background:var(--obsidian);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:var(--transition-colors),box-shadow var(--duration-fast) var(--ease-out)}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow-subtle);outline:none}.input::placeholder{color:var(--text-muted)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--charcoal)}.input-wrapper{position:relative}.input-wrapper .input{padding-left:var(--space-10)}.input-wrapper .input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-wrapper .input:focus+.input-icon,.input-wrapper .input:focus~.input-icon{color:var(--gold)}.input-wrapper .input-trailing{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);cursor:pointer;transition:var(--transition-colors)}.input-wrapper .input-trailing:hover{color:var(--text-primary)}.input.input-error{border-color:var(--ruby)}.input.input-error:focus{box-shadow:0 0 0 3px var(--ruby-glow)}.input-error-message{font-size:var(--text-sm);color:var(--ruby);display:flex;align-items:center;gap:var(--space-1)}.textarea{min-height:100px;padding:var(--space-3) var(--space-4);resize:vertical}.select-wrapper{position:relative}.select{width:100%;height:44px;padding:0 var(--space-10) 0 var(--space-4);background:var(--obsidian);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--transition-colors),box-shadow var(--duration-fast) var(--ease-out)}.select:hover:not(:disabled){border-color:var(--border-strong)}.select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow-subtle);outline:none}.select:disabled{opacity:.5;cursor:not-allowed}.select-wrapper:after{content:"";position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-muted);pointer-events:none}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);transition:var(--transition-fast)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.card-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.card-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.card-gold{border-color:var(--border-gold);box-shadow:var(--shadow-gold-sm)}.card-hover:hover{border-color:var(--border-gold);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-gold);background:linear-gradient(135deg,rgba(212,164,71,.03) 0%,transparent 50%),var(--bg-elevated)}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-bright),var(--gold))}.stat-card .stat-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--gold);line-height:var(--leading-none)}.stat-card .stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.stat-card .stat-trend{font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2)}.stat-card .stat-trend.positive{color:var(--emerald)}.stat-card .stat-trend.negative{color:var(--ruby)}.stat-card .stat-icon{position:absolute;right:var(--space-4);top:var(--space-4);width:48px;height:48px;color:var(--gold-dim);opacity:.5}.table-container{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{background:var(--bg-surface);padding:var(--space-4);text-align:left;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors)}.table th.sortable:hover,.table th.sorted{color:var(--gold)}.table th .sort-icon{margin-left:var(--space-1);opacity:.5}.table th.sorted .sort-icon{opacity:1}.table td{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-primary);vertical-align:middle}.table tbody tr{transition:var(--transition-colors)}.table tbody tr:hover{background:var(--hover-overlay)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.selected{background:var(--gold-glow-faint)}.table-skeleton td{padding:var(--space-4)}.table-skeleton .skeleton-cell{height:20px;background:linear-gradient(90deg,var(--graphite) 0%,var(--steel) 20%,var(--gold-glow-faint) 40%,var(--steel) 60%,var(--graphite) 100%);background-size:200% 100%;animation:shimmer 2s infinite linear;border-radius:var(--radius-sm)}.table-empty{padding:var(--space-12);text-align:center}.table-empty-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--text-subtle)}.table-empty-text{color:var(--text-muted);font-size:var(--text-base)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.badge-success{background:linear-gradient(135deg,var(--emerald) 0%,#14b8a6 100%);color:var(--void);box-shadow:0 0 10px var(--emerald-glow)}.badge-danger{background:linear-gradient(135deg,var(--ruby) 0%,#dc2626 100%);color:#fff;box-shadow:0 0 10px var(--ruby-glow)}.badge-warning{background:linear-gradient(135deg,var(--amber) 0%,#d97706 100%);color:var(--void)}.badge-info{background:linear-gradient(135deg,var(--sapphire) 0%,#2563eb 100%);color:#fff;box-shadow:0 0 10px var(--sapphire-glow)}.badge-gold{background:linear-gradient(135deg,var(--gold-bright) 0%,var(--gold) 100%);color:var(--void);box-shadow:0 0 10px var(--gold-glow-medium)}.badge-muted{background:var(--graphite);color:var(--text-muted);border:1px solid var(--border-subtle)}.badge-outline{background:transparent;border:1px solid currentColor}.badge-sm{padding:var(--space-0-5) var(--space-2);font-size:10px}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050507d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal);animation:fadeIn .2s ease-out}.modal{background:linear-gradient(180deg,var(--slate) 0%,var(--charcoal) 100%);border:1px solid var(--border-gold);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 0 0 1px var(--border-subtle),0 25px 50px -12px #0009,0 0 100px var(--gold-glow-faint);animation:modalEnter .3s var(--ease-smooth)}.modal-sm{max-width:400px;padding:var(--space-6)}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.modal-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.modal-close:hover{background:var(--hover-overlay);border-color:var(--border-default);color:var(--text-primary)}.modal-body{color:var(--text-secondary)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.spinner-chip{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright) 0%,var(--gold) 50%,var(--gold-dark) 100%);border:3px solid var(--gold-dim);box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d,0 2px 8px #0006;animation:spin 1s linear infinite;position:relative}.spinner-chip:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:2px dashed var(--gold-dim)}.spinner-chip.spinner-sm{width:24px;height:24px;border-width:2px}.spinner-chip.spinner-sm:before{top:2px;right:2px;bottom:2px;left:2px;border-width:1px}.spinner-chip.spinner-lg{width:56px;height:56px;border-width:4px}.spinner-ring{width:24px;height:24px;border:2px solid var(--border-subtle);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--text-muted)}.loading-text{font-size:var(--text-sm);color:var(--text-muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-4)}.pagination-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-2);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--hover-overlay);border-color:var(--border-default);color:var(--text-primary)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn.active{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);border-color:var(--gold);color:var(--void);font-weight:var(--weight-medium)}.pagination-ellipsis{padding:0 var(--space-2);color:var(--text-muted)}.pagination-info{font-size:var(--text-sm);color:var(--text-muted);margin-left:var(--space-4)}.search-input{position:relative;width:100%;max-width:320px}.search-input .input{padding-left:var(--space-10);padding-right:var(--space-10)}.search-input .search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted);pointer-events:none}.search-input .input:focus~.search-icon{color:var(--gold)}.search-input .search-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.search-input .search-clear:hover{background:var(--hover-overlay);color:var(--text-primary)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-6)}.tab{position:relative;padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-fast)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--gold)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-bright));border-radius:1px 1px 0 0}.tabs-pills{border-bottom:none;background:var(--bg-surface);padding:var(--space-1);border-radius:var(--radius-lg);gap:var(--space-1)}.tabs-pills .tab{border-radius:var(--radius-md);padding:var(--space-2) var(--space-4)}.tabs-pills .tab.active{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--void)}.tabs-pills .tab.active:after{display:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;position:relative}.empty-state:before{content:"";position:absolute;width:200px;height:200px;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='10' y='30' font-size='24' fill='%23d4a447'%3E%E2%99%A0%3C/text%3E%3Ctext x='70' y='30' font-size='24' fill='%23d4a447'%3E%E2%99%A5%3C/text%3E%3Ctext x='10' y='90' font-size='24' fill='%23d4a447'%3E%E2%99%A6%3C/text%3E%3Ctext x='70' y='90' font-size='24' fill='%23d4a447'%3E%E2%99%A3%3C/text%3E%3C/svg%3E");background-size:60px 60px;opacity:.03;pointer-events:none}.empty-state-icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--text-subtle)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--text-muted);max-width:300px;margin-bottom:var(--space-6)}.avatar{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--gold-dim) 0%,var(--gold-dark) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--void);text-transform:uppercase}.avatar-sm{width:32px;height:32px}.avatar-sm .avatar-initials{font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px}.avatar-lg .avatar-initials{font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px}.avatar-xl .avatar-initials{font-size:var(--text-2xl)}.avatar-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-elevated)}.avatar-status.online{background:var(--emerald);box-shadow:0 0 8px var(--emerald-glow)}.avatar-status.offline{background:var(--graphite)}.avatar-status.away{background:var(--amber)}.tooltip{position:relative}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:var(--space-2) var(--space-3);background:var(--graphite);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--duration-fast),visibility var(--duration-fast);z-index:var(--z-tooltip)}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-default)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--space-2);min-width:200px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--duration-fast),transform var(--duration-fast),visibility var(--duration-fast)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:var(--transition-fast)}.dropdown-item:hover{background:var(--hover-overlay);color:var(--text-primary)}.dropdown-item.danger{color:var(--ruby)}.dropdown-item.danger:hover{background:var(--ruby-glow)}.dropdown-divider{height:1px;background:var(--border-subtle);margin:var(--space-2) 0}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:320px;max-width:420px;animation:slideInRight .3s var(--ease-smooth)}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-content{flex:1}.toast-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.toast-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex-shrink:0}.toast-close:hover{background:var(--hover-overlay);color:var(--text-primary)}.toast-success{border-color:var(--emerald)}.toast-success .toast-icon{color:var(--emerald)}.toast-error{border-color:var(--ruby)}.toast-error .toast-icon{color:var(--ruby)}.toast-warning{border-color:var(--amber)}.toast-warning .toast-icon{color:var(--amber)}.checkbox-wrapper,.radio-wrapper{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.checkbox,.radio{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--obsidian);border:1px solid var(--border-default);cursor:pointer;transition:var(--transition-fast);position:relative}.checkbox{border-radius:var(--radius-sm)}.radio{border-radius:50%}.checkbox:hover,.radio:hover{border-color:var(--gold)}.checkbox:checked,.radio:checked{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);border-color:var(--gold)}.checkbox:checked:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid var(--void);border-width:0 2px 2px 0;transform:rotate(45deg)}.radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--void);border-radius:50%}.checkbox-label,.radio-label{font-size:var(--text-sm);color:var(--text-secondary)}.toggle{position:relative;width:48px;height:26px;background:var(--graphite);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--text-primary);border-radius:50%;transition:var(--transition-fast)}.toggle.active{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%)}.toggle.active:after{left:25px;background:var(--void)}.progress{width:100%;height:8px;background:var(--graphite);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-smooth)}.progress-bar.success{background:linear-gradient(90deg,var(--emerald),#14b8a6)}.progress-bar.danger{background:linear-gradient(90deg,var(--ruby),#ef5350)}.divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-default) 20%,var(--border-default) 80%,transparent 100%);margin:var(--space-6) 0}.divider-gold{background:linear-gradient(90deg,transparent 0%,var(--gold-dim) 20%,var(--gold) 50%,var(--gold-dim) 80%,transparent 100%)}.divider-vertical{width:1px;height:auto;align-self:stretch;background:var(--border-subtle)}.toolbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.toolbar-group{display:flex;align-items:center;gap:var(--space-2)}.toolbar-divider{width:1px;height:24px;background:var(--border-subtle)}.hidden{display:none!important}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(var(--card-min-width),1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(var(--card-min-width),1fr))}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-0{padding-top:0;padding-bottom:0}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.min-w-0{min-width:0}.max-w-full{max-width:100%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--weight-regular)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{word-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.text-gold{color:var(--gold)}.text-success{color:var(--emerald)}.text-danger{color:var(--ruby)}.text-warning{color:var(--amber)}.text-info{color:var(--sapphire)}.bg-void{background-color:var(--void)}.bg-base{background-color:var(--bg-base)}.bg-elevated{background-color:var(--bg-elevated)}.bg-surface{background-color:var(--bg-surface)}.bg-overlay{background-color:var(--bg-overlay)}.border{border:1px solid var(--border-default)}.border-subtle{border:1px solid var(--border-subtle)}.border-strong{border:1px solid var(--border-strong)}.border-gold{border:1px solid var(--border-gold)}.border-none{border:none}.border-t{border-top:1px solid var(--border-subtle)}.border-b{border-bottom:1px solid var(--border-subtle)}.border-l{border-left:1px solid var(--border-subtle)}.border-r{border-right:1px solid var(--border-subtle)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-gold{box-shadow:var(--shadow-gold-sm)}.shadow-gold-md{box-shadow:var(--shadow-gold-md)}.shadow-card{box-shadow:var(--shadow-card)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:var(--z-base)}.z-10{z-index:10}.z-20{z-index:20}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-overlay{z-index:var(--z-overlay)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-toast{z-index:var(--z-toast)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:var(--transition-normal)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.transition-opacity{transition:var(--transition-opacity)}.transition-none{transition:none}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.-rotate-45{transform:rotate(-45deg)}.-rotate-90{transform:rotate(-90deg)}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-auto{aspect-ratio:auto}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-center{object-position:center}html{overflow:hidden}body{margin:0;padding:0;height:100%;width:100%;color:#ffffffde;background:#3a3a3a;font-family:Arial,Helvetica,sans-serif}#app{margin:0;padding:0;height:100%;width:100%;overflow:hidden}