:root{--font-sans:"Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-obsidian:#090d16;--bg-card:#0f172aa6;--bg-input:#040711;--border-slate:#ffffff14;--border-glow:#10b98133;--text-primary:#f8fafc;--text-muted:#94a3b8;--text-dark:#0f172a;--color-emerald:#10b981;--color-emerald-hover:#34d399;--color-emerald-bg:#10b9811a;--color-emerald-border:#10b9814d;--color-amber:#f59e0b;--color-amber-bg:#f59e0b1a;--color-amber-border:#f59e0b4d;--color-rose:#f43f5e;--color-rose-hover:#fb7185;--color-rose-bg:#f43f5e1a;--color-rose-border:#f43f5e4d;--color-sky:#0ea5e9;--color-sky-bg:#0ea5e91a;--color-sky-border:#0ea5e94d;--shadow-lg:0 10px 25px -5px #00000080, 0 8px 10px -6px #00000080;--shadow-card:0 4px 30px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-obsidian);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1500px;margin:0 auto;padding:32px 40px}.grid{gap:32px;display:grid}.grid-cols-1{grid-template-columns:1fr}@media (width>=768px){.grid-cols-2{grid-template-columns:1fr 1fr}.grid-cols-3{grid-template-columns:1fr 1fr 1fr}.grid-cols-lg-3{grid-template-columns:2fr 1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.space-x-2>*+*{margin-left:8px}.space-x-3>*+*{margin-left:12px}.space-x-4>*+*{margin-left:16px}.space-y-4>*+*{margin-top:16px}.space-y-5>*+*{margin-top:20px}.space-y-6>*+*{margin-top:24px}.space-y-8>*+*{margin-top:32px}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-slate);z-index:100;background-color:#0b0f19bf;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--color-emerald);letter-spacing:-.5px;font-size:20px;font-weight:800;text-decoration:none}.navbar-links{align-items:center;gap:16px;display:flex}.navbar-link{color:var(--text-muted);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.navbar-link:hover,.navbar-link.active{color:var(--color-emerald);background-color:#ffffff08}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-slate);box-shadow:var(--shadow-card);border-radius:12px;padding:32px}.card-title{align-items:center;gap:8px;margin-bottom:8px;font-size:20px;font-weight:700;display:flex}.card-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:14px}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.input-field{background-color:var(--bg-input);border:1px solid var(--border-slate);color:var(--text-primary);border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .25s}.input-field:focus{border-color:var(--color-emerald);outline:none;box-shadow:0 0 0 2px #10b98126}.input-field::placeholder{color:#475569}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-emerald);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-emerald-hover)}.btn-rose{background-color:var(--color-rose-bg);border-color:var(--color-rose-border);color:#fda4af}.btn-rose:hover:not(:disabled){color:#fff;background-color:#f43f5e33}.btn-secondary{border-color:var(--border-slate);color:var(--text-primary);background-color:#ffffff0d}.btn-secondary:hover:not(:disabled){background-color:#ffffff1a}.alert{border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:16px;font-size:14px;display:flex}.alert-success{background-color:var(--color-emerald-bg);border-color:var(--color-emerald-border);color:#a7f3d0}.alert-error{background-color:var(--color-rose-bg);border-color:var(--color-rose-border);color:#fecdd3}.alert-warning{background-color:var(--color-amber-bg);border-color:var(--color-amber-border);color:#fde68a}.alert-info{background-color:var(--color-sky-bg);border-color:var(--color-sky-border);color:#bae6fd}.table-container{background:var(--bg-card);border:1px solid var(--border-slate);box-shadow:var(--shadow-card);border-radius:12px;overflow:hidden}.table{border-collapse:collapse;text-align:left;width:100%}.table th{text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-slate);letter-spacing:.5px;background-color:#0b0f19;padding:16px 24px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid #ffffff08;padding:16px 24px;font-size:14px}.table tr:hover{background-color:#ffffff05}.text-right{text-align:right}.text-center{text-align:center}.font-mono{font-family:monospace}.text-emerald{color:var(--color-emerald)}.text-rose{color:var(--color-rose)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.w-full{width:100%}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mr-2{margin-right:8px}.drop-zone{border:2px dashed var(--border-slate);text-align:center;background-color:var(--bg-input);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:40px;transition:all .2s;display:flex;position:relative}.drop-zone:hover{border-color:var(--color-emerald)}.drop-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tourPulse{0%{outline:2px solid #10b98180;box-shadow:0 0 #10b98166}70%{outline:2px solid #10b981cc;box-shadow:0 0 0 10px #10b98100}to{outline:2px solid #10b98100;box-shadow:0 0 #10b98100}}@keyframes drawStroke{to{stroke-dashoffset:0}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 5px #10b98133)}50%{filter:drop-shadow(0 0 15px #10b98199)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.navbar-link{position:relative;overflow:hidden}.navbar-link.active:after{content:"";background-color:var(--color-emerald);height:2px;box-shadow:0 0 8px var(--color-emerald);border-radius:2px;position:absolute;bottom:0;left:12px;right:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%;display:grid}.stat-card{border:1px solid var(--border-slate);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#0f172ab3 0%,#090d16cc 100%);border-radius:12px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:hover{border-color:#10b9814d;transform:translateY(-2px);box-shadow:0 12px 20px -8px #000000b3,0 0 15px #10b9811a}.stat-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#10b9810d,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.stat-icon-wrapper{border:1px solid var(--border-slate);background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;padding:10px;display:flex}.stat-card:hover .stat-icon-wrapper{background:var(--color-emerald-bg);border-color:var(--color-emerald-border);color:var(--color-emerald-hover)}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.stat-value{color:var(--text-primary);margin-top:4px;font-family:monospace;font-size:22px;font-weight:800}.chart-card{flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.chart-svg-container{width:200px;height:200px;position:relative}.chart-ring-bg{fill:none;stroke:#ffffff08;stroke-width:14px}.donut-segment{fill:none;stroke-width:15px;stroke-linecap:round;cursor:pointer;transform-origin:50%;transition:stroke-width .3s,filter .3s;animation:1s cubic-bezier(.4,0,.2,1) forwards drawStroke;transform:rotate(-90deg)}.donut-segment:hover{stroke-width:18px;filter:drop-shadow(0 0 6px var(--color-emerald))}.chart-center-content{text-align:center;pointer-events:none;width:130px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-center-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.chart-center-val{word-break:break-all;margin-top:2px;font-family:monospace;font-size:18px;font-weight:800}.chart-legend{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:20px;display:flex}.legend-item{color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;transition:all .2s;display:flex}.legend-item:hover{color:#fff;background:#ffffff08}.legend-color-dot{border-radius:50%;width:8px;height:8px}.activity-list{flex-direction:column;gap:12px;margin-top:8px;display:flex}.activity-item{border:1px solid var(--border-slate);background:#ffffff03;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.activity-item:hover{background:#ffffff08;border-color:#ffffff1f}.activity-meta{align-items:center;gap:12px;display:flex}.activity-icon-box{background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.activity-details{flex-direction:column;display:flex}.activity-title{color:var(--text-primary);font-size:13px;font-weight:600}.activity-time{color:var(--text-muted);margin-top:2px;font-size:10px}.activity-amount{font-family:monospace;font-size:13px;font-weight:700}.tour-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;pointer-events:auto;background:#040711d9;transition:opacity .3s;position:fixed;inset:0}.tour-highlight-focus{z-index:9999!important;pointer-events:none!important;animation:2s infinite tourPulse!important;position:relative!important}.tour-tooltip-container{z-index:99999;background:var(--bg-obsidian);border:1px solid var(--color-emerald-border);border-radius:12px;width:320px;max-width:90vw;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);animation:.3s forwards fadeInUp;position:fixed;box-shadow:0 10px 30px #0009,0 0 15px #10b98126}.tour-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tour-step-badge{background:var(--color-emerald-bg);border:1px solid var(--color-emerald-border);color:var(--color-emerald-hover);border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.tour-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex}.tour-close-btn:hover{color:var(--color-rose)}.tour-title{color:#fff;margin-bottom:8px;font-size:15px;font-weight:700}.tour-body{color:var(--text-muted);margin-bottom:16px;font-size:13px;line-height:1.5}.tour-footer{justify-content:space-between;align-items:center;display:flex}.tour-btn-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600;transition:color .2s}.tour-btn-skip:hover{color:#fff}.tour-nav-buttons{gap:8px;display:flex}.tour-btn-nav{cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.tour-btn-prev{border:1px solid var(--border-slate);color:var(--text-muted);background:#ffffff08}.tour-btn-prev:hover{color:#fff;background:#ffffff14}.tour-btn-next{background:var(--color-emerald);color:#fff;border:1px solid #0000}.tour-btn-next:hover{background:var(--color-emerald-hover)}.explainer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99990;background:#040711e6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.explainer-modal{background:var(--bg-obsidian);border:1px solid var(--border-slate);border-radius:16px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex;overflow-y:auto;box-shadow:0 20px 50px #000c,0 0 30px #10b98114}.explainer-header{border-bottom:1px solid var(--border-slate);justify-content:space-between;align-items:center;padding:24px;display:flex}.explainer-title{color:#fff;font-size:20px;font-weight:800}.explainer-body{flex-direction:column;gap:24px;padding:24px;display:flex}.explainer-section{gap:16px;display:flex}.explainer-number{background:var(--color-emerald-bg);border:1px solid var(--color-emerald-border);color:var(--color-emerald-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.explainer-content{flex-direction:column;gap:6px;display:flex}.explainer-sec-title{color:#fff;font-size:15px;font-weight:700}.explainer-sec-text{color:var(--text-muted);font-size:13px;line-height:1.5}.explainer-diagram-box{border:1px dashed var(--border-slate);color:var(--color-emerald-hover);white-space:pre;background:#0003;border-radius:8px;margin-top:8px;padding:12px;font-family:monospace;font-size:11px;line-height:1.4;overflow-x:auto}.explainer-footer{border-top:1px solid var(--border-slate);justify-content:flex-end;padding:20px 24px;display:flex}.login-page-container{background-color:var(--bg-obsidian);grid-template-columns:1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}@media (width>=992px){.login-page-container{grid-template-columns:1.1fr .9fr}}.login-glow-1{filter:blur(80px);z-index:1;pointer-events:none;background:radial-gradient(circle,#10b9811f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-10%;left:-5%}.login-glow-2{filter:blur(85px);z-index:1;pointer-events:none;background:radial-gradient(circle,#0ea5e91a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-10%;right:-5%}.login-glow-3{filter:blur(70px);z-index:1;pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:40%;left:45%}.login-showcase-pane{z-index:2;border-right:1px solid var(--border-slate);background:linear-gradient(#0f172a66 0%,#090d1680 100%);flex-direction:column;justify-content:center;padding:80px;display:none;position:relative}@media (width>=992px){.login-showcase-pane{display:flex}}.login-brand-wrapper{margin-bottom:40px}.login-brand-logo{color:var(--color-emerald);letter-spacing:-.5px;align-items:center;gap:10px;font-size:26px;font-weight:800;display:flex}.login-showcase-title{background:linear-gradient(135deg, #fff 30%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.2}.login-showcase-subtitle{color:var(--text-muted);margin-bottom:40px;font-size:16px;line-height:1.6}.showcase-features-list{flex-direction:column;gap:20px;display:flex}.showcase-feature-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-slate);background:#0f172a73;border-radius:12px;gap:16px;padding:20px;transition:all .3s;display:flex}.showcase-feature-card:hover{border-color:#10b98140;transform:translate(4px);box-shadow:0 4px 20px #0000004d}.feature-icon-box{border:1px solid var(--border-slate);color:var(--color-emerald);background:#ffffff05;border-radius:8px;justify-content:center;align-items:center;height:fit-content;padding:10px;display:flex}.feature-info{flex-direction:column;gap:4px;display:flex}.feature-title{color:#fff;font-size:14px;font-weight:700}.feature-text{color:var(--text-muted);font-size:12px;line-height:1.5}.login-form-pane{z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative}.login-glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-slate);background:#0f172a8c;border-radius:16px;width:100%;max-width:440px;padding:40px;position:relative;box-shadow:0 30px 60px #0009}.login-glass-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon-left{color:var(--text-muted);pointer-events:none;transition:color .25s;position:absolute;left:14px}.input-field-with-icon{padding-left:42px!important}.input-field-with-icon:focus~.input-icon-left{color:var(--color-emerald)}.mock-balance-badge{color:var(--color-emerald-hover);background:#10b98114;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-family:monospace;font-size:11px;font-weight:700;transition:all .5s;animation:3s infinite pulseGlow;display:flex;position:absolute;bottom:40px;right:40px}.login-page-container.theme-0{--active-glow-1:#10b98129;--active-glow-2:#0ea5e91f;--active-glow-3:#6366f11a;--active-accent:var(--color-emerald)}.login-page-container.theme-1{--active-glow-1:#0ea5e929;--active-glow-2:#6366f124;--active-glow-3:#f43f5e14;--active-accent:var(--color-sky)}.login-page-container.theme-2{--active-glow-1:#f59e0b26;--active-glow-2:#f43f5e1f;--active-glow-3:#10b9811a;--active-accent:var(--color-amber)}.login-page-container.theme-3{--active-glow-1:#8b5cf629;--active-glow-2:#10b9811f;--active-glow-3:#0ea5e91a;--active-accent:#8b5cf6}.login-glow-1,.login-glow-2,.login-glow-3{transition:background 1s ease-in-out}.login-glow-1{background:radial-gradient(circle, var(--active-glow-1,#10b9811f) 0%, transparent 70%)!important}.login-glow-2{background:radial-gradient(circle, var(--active-glow-2,#0ea5e91a) 0%, transparent 70%)!important}.login-glow-3{background:radial-gradient(circle, var(--active-glow-3,#6366f114) 0%, transparent 70%)!important}.showcase-feature-card{opacity:.5;transition:all .5s cubic-bezier(.4,0,.2,1);transform:scale(.97)}.showcase-feature-card.active{opacity:1;box-shadow:0 10px 25px -5px #0006, 0 0 15px var(--active-accent);transform:scale(1.02)translate(8px);border-color:var(--active-accent)!important}.showcase-feature-card.active .feature-icon-box{background:#ffffff0d;color:var(--active-accent)!important;border-color:var(--active-accent)!important}.member-avatar{color:#fff;text-shadow:0 1px 2px #0000004d;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000040}.member-avatar:hover{transform:scale(1.08);box-shadow:0 4px 12px #0006}.strategy-badge{border:1px solid #0000;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:10px;font-weight:700}.strategy-badge-equal{background:var(--color-emerald-bg);border-color:var(--color-emerald-border);color:var(--color-emerald-hover)}.strategy-badge-percentage{background:var(--color-sky-bg);border-color:var(--color-sky-border);color:var(--color-sky-border)}.strategy-badge-share{background:var(--color-amber-bg);border-color:var(--color-amber-border);color:var(--color-amber-border)}.strategy-badge-exact{color:#a78bfa;background:#8b5cf61a;border-color:#8b5cf64d}.splits-scroll::-webkit-scrollbar{width:6px}.splits-scroll::-webkit-scrollbar-track{background:#ffffff03;border-radius:3px}.splits-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.splits-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff26}