:root{--navy-900:#0b1426;--navy-800:#121f36;--navy-700:#1b2a4a;--navy-600:#253a5e;--gold-500:#c9973f;--gold-400:#d4a94e;--gold-300:#e0bc6a;--gold-200:#edd49a;--surface:#f8f7f4;--surface-card:#fff;--text-primary:#1a1a1a;--text-secondary:#6b7280;--border:#e8e5df;--border-hover:#d1cdc5;--error:#dc2626;--success:#16a34a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif}.font-display{font-family:Fraunces,serif}.grain:before{content:"";opacity:.03;pointer-events:none;z-index:9999;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");position:fixed;inset:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:.5s ease-out both fadeUp}.animate-fade-in{animation:.4s ease-out both fadeIn}.animate-slide-down{animation:.3s ease-out both slideDown}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.toast-enter{animation:.3s ease-out both slideDown}.toast-exit{animation:.2s ease-out reverse both fadeIn}.card-lift{transition:transform .2s,box-shadow .2s}.card-lift:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.btn-gold{background:linear-gradient(135deg, var(--gold-500), var(--gold-400));color:var(--navy-700);font-weight:700;transition:all .2s;position:relative;overflow:hidden}.btn-gold:hover{background:linear-gradient(135deg, var(--gold-400), var(--gold-300));box-shadow:0 4px 20px #c9973f4d}.btn-gold:active{transform:scale(.98)}.btn-navy{background:var(--navy-700);color:#fff;font-weight:600;transition:all .2s}.btn-navy:hover{background:var(--navy-600)}.btn-navy:active{transform:scale(.98)}.input-field{border:1.5px solid var(--border);width:100%;color:var(--text-primary);background:#fff;border-radius:10px;padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input-field::placeholder{color:#b0ada6}.input-field:focus{border-color:var(--gold-500);outline:none;box-shadow:0 0 0 3px #c9973f1f}.input-field.error{border-color:var(--error)}.input-dark{color:#fff;background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input-dark::placeholder{color:#ffffff4d}.input-dark:focus{border-color:var(--gold-500);outline:none;box-shadow:0 0 0 3px #c9973f26}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px}.table-row{transition:background-color .15s}.table-row:hover{background-color:#fafaf8}.drop-zone{border:2px dashed var(--border);cursor:pointer;border-radius:14px;transition:all .2s}.drop-zone:hover{border-color:var(--border-hover);background:#c9973f05}.drop-zone.active{border-color:var(--gold-500);background:#c9973f0d}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:0 0}.custom-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff40}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 .75rem .75rem;font-size:.875rem;font-weight:500;transition:color .15s;position:relative}.tab:hover{color:var(--text-primary)}.tab-active{color:var(--navy-700);font-weight:600}.tab-active:after{content:"";background:var(--gold-500);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}@media (width<=640px){.mobile-stack{flex-direction:column}.mobile-full{width:100%}.mobile-text-center{text-align:center}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite shimmer}