:root{--dv-slate: #1A202C;--dv-slate-deep: #12161F;--dv-slate-raised: #232B3A;--dv-emerald: #2ECC71;--dv-emerald-dark: #27AE60;--dv-emerald-ink: #145A32;--dv-emerald-tint: #E9F9F0;--dv-gold: #FFB347;--dv-gold-strong: #F5A623;--dv-gold-ink: #8A5A00;--dv-gold-tint: #FFF4E0;--dv-success: #10B981;--dv-warning: #F59E0B;--dv-danger: #EF4444;--dv-info: #4A5568;--dv-bg: #FFFFFF;--dv-bg-subtle: #F7F9FB;--dv-bg-elevated: #F1F4F7;--dv-card: #FFFFFF;--dv-text: #1A202C;--dv-text-secondary:#4A5568;--dv-text-muted: #718096;--dv-border: rgba(26, 32, 44, .1);--dv-border-strong: rgba(26, 32, 44, .16);--shadow-xs: 0 1px 2px rgba(26, 32, 44, .05);--shadow-sm: 0 1px 3px rgba(26, 32, 44, .07), 0 1px 2px rgba(26, 32, 44, .04);--shadow-md: 0 4px 12px -2px rgba(26, 32, 44, .1), 0 2px 6px -2px rgba(26, 32, 44, .05);--shadow-lg: 0 16px 32px -8px rgba(26, 32, 44, .16), 0 6px 12px -6px rgba(26, 32, 44, .08);--shadow-emerald: 0 6px 20px -4px rgba(46, 204, 113, .45);--shadow-gold: 0 6px 20px -4px rgba(255, 179, 71, .4);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .15s;--t-base: .25s;--t-slow: .4s;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--sidebar-w: 264px;--sidebar-w-collapsed: 76px;--header-h: 64px}body.dark{--dv-bg: var(--dv-slate-deep);--dv-bg-subtle: #161C26;--dv-bg-elevated: #1E2632;--dv-card: var(--dv-slate);--dv-text: #EDF2F7;--dv-text-secondary:#A0AEC0;--dv-text-muted: #718096;--dv-border: rgba(255, 255, 255, .08);--dv-border-strong: rgba(255, 255, 255, .14);--dv-emerald-tint: rgba(46, 204, 113, .12);--dv-gold-tint: rgba(255, 179, 71, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .35);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .4);--shadow-md: 0 6px 18px -2px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 44px -8px rgba(0, 0, 0, .55)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes barberpole{0%{background-position:0 0}to{background-position:28px 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 #ffb34773}50%{box-shadow:0 0 0 7px #ffb34700}}@keyframes ripple{0%{transform:scale(0);opacity:.35}to{transform:scale(2.6);opacity:0}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.55}}.rv-ready .rv{opacity:0;transform:translateY(30px);transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out);transition-delay:var(--rv-delay, 0ms)}.rv-ready .rv.rv-in{opacity:1;transform:translateY(0)}.rv-ready .rv-stagger>*{opacity:0;transform:translateY(24px);transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out);transition-delay:calc(var(--i, 0) * 90ms)}.rv-ready .rv-stagger.rv-in>*{opacity:1;transform:translateY(0)}.page-enter{animation:pageEnter var(--t-slow) var(--ease-out) both}.page-exit{opacity:0;transition:opacity var(--t-base) var(--ease-in-out)}.count-pop{animation:countUp .36s var(--ease-spring) both}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:none;border-radius:var(--radius);font:600 .95rem/1 Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--dv-emerald);color:var(--dv-slate);box-shadow:var(--shadow-emerald)}.btn-primary:hover{background:var(--dv-emerald-dark);transform:translateY(-2px);box-shadow:0 10px 26px -6px #2ecc718c}.btn-gold{background:var(--dv-gold);color:var(--dv-slate);box-shadow:var(--shadow-gold)}.btn-gold:hover{background:var(--dv-gold-strong);transform:translateY(-2px)}.btn-secondary{background:var(--dv-card);color:var(--dv-text);border:1px solid var(--dv-border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--dv-bg-elevated);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--dv-text-secondary)}.btn-ghost:hover{background:var(--dv-bg-elevated);color:var(--dv-text)}.btn .btn-icon,.u-icon-rotate{transition:transform var(--t-base) var(--ease-spring)}.btn:hover .btn-icon,.u-icon-rotate:hover{transform:rotate(180deg)}.u-icon-rotate--tilt:hover{transform:rotate(-12deg) scale(1.12)}.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-dark,.btn-ghost,.btn-gold,.btn-login,.btn-pro,.auth-btn,.modal-btn,.upgrade-btn,.quick-action-btn,.btn-connect-creditor,.unlock-pro-btn{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.3;transform:scale(0);animation:ripple .56s var(--ease-out) forwards;pointer-events:none}.spinner{width:18px;height:18px;border:2px solid var(--dv-border-strong);border-top-color:var(--dv-emerald);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.card{background:var(--dv-card);border:1px solid var(--dv-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--dv-border-strong)}.card--edge{position:relative;overflow:hidden}.card--edge:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--dv-emerald),var(--dv-gold));opacity:0;transition:opacity var(--t-base) var(--ease-out)}.card--edge:hover:before{opacity:1}.progress{height:10px;background:var(--dv-bg-elevated);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--dv-emerald-dark),var(--dv-emerald));transition:width 1.1s var(--ease-out);position:relative}.progress-fill--striped:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(115deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.28) 45%,rgba(255,255,255,0) 55%,rgba(255,255,255,0) 100%);background-size:28px 100%;background-repeat:repeat;animation:barberpole 1.4s linear infinite}.progress-fill--gold{background:linear-gradient(90deg,var(--dv-gold-strong),var(--dv-gold))}.skeleton{position:relative;overflow:hidden;background:var(--dv-bg-elevated);border-radius:var(--radius-sm);min-height:1em}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}body.dark .skeleton:after{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.08) 50%,rgba(255,255,255,0) 100%);background-size:200% 100%}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5}body.dark .particles-canvas{opacity:.35}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--dv-emerald);animation:pulse 2s var(--ease-in-out) infinite;display:inline-block}.streak-dot{width:10px;height:10px;border-radius:50%;background:var(--dv-gold);animation:glowPulse 2.4s var(--ease-in-out) infinite;display:inline-block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv,.rv-stagger>*,.rv-ready .rv,.rv-ready .rv-stagger>*{opacity:1!important;transform:none!important}.particles-canvas{display:none}}