.dashboard{flex-direction:column;gap:40px;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;display:flex}.subtitle{color:var(--text-secondary);margin-top:8px}.dashboard-controls{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.tabs{gap:24px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-main);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-17px;padding-bottom:16px;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.escrow-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;display:grid}.demo-banner{background:linear-gradient(135deg,#f59e0b1f,#f59e0b08);border:1px solid #f59e0b73;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.demo-banner-text{flex:420px;min-width:0}.demo-banner-title{color:#fff;flex-wrap:wrap;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.demo-pill{color:#111;letter-spacing:.06em;background:#f59e0b;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:800}.demo-banner p{color:#fde68a;margin-top:6px;font-size:.92rem;line-height:1.55}.demo-guide-link{color:#fbbf24;white-space:nowrap;border:1px solid #f59e0b;border-radius:10px;flex:none;padding:10px 18px;font-size:.9rem;font-weight:600;transition:background .2s}.demo-guide-link:hover{background:#f59e0b1f}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat-card{border:1px solid var(--border-color);background:var(--bg-panel);border-radius:14px;padding:18px 20px}.stat-label{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.stat-value{color:#fff;margin-top:6px;font-size:1.75rem;font-weight:700;line-height:1.2}.stat-value small{color:var(--text-secondary);margin-left:4px;font-size:.85rem;font-weight:500}.stat-value.warn{color:#facc15}.label-short{display:none}.controls-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.balance-badge{color:#22c55e;white-space:nowrap;background:#22c55e0d;border:1px solid #22c55e;border-radius:8px;align-items:center;height:40px;padding:0 14px;font-size:.9rem;font-weight:600;display:flex}.claim-box{color:#86efac;background:#14532d4d;border:1px solid #22c55e80;border-radius:10px;align-items:center;gap:12px;padding:6px 6px 6px 14px;font-size:.875rem;animation:2s infinite pulse;display:flex}.claim-box .btn{min-height:32px;padding:0 14px;font-size:.8rem}.invite-panel{border-color:var(--niche-primary,var(--accent-primary));background:#0000004d}.invite-panel h3{margin-bottom:12px;font-size:1.1rem;font-weight:700}.invite-panel p{color:#cbd5e1;font-size:.9rem}.invite-body{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.invite-card{margin-top:16px}.empty-panel{text-align:center;width:100%;max-width:1000px;margin:0 auto;padding:32px}.empty-panel h2{color:#fff;font-size:1.6rem;font-weight:700}.empty-sub{color:var(--text-secondary);margin-top:8px}.steps-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:28px;display:grid}.step-card{background:#00000059;border:1px solid #ffffff14;border-radius:14px;padding:22px;transition:border-color .2s}.step-card:hover{border-color:#fff3}.step-num{color:#111;background:var(--niche-primary,var(--accent-primary));border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex}.step-who{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin-top:14px;font-size:.75rem;font-weight:700;display:block}.step-card h3{color:#fff;margin-top:4px;font-size:1.1rem;font-weight:700}.step-card p{color:#cbd5e1;margin-top:8px;font-size:.95rem;line-height:1.6}.empty-cta{margin-top:28px;padding:14px 32px;font-size:1rem}.connect-empty{flex-direction:column;align-items:center;gap:10px;padding:32px 0;display:flex}.connect-empty .lock{font-size:2.5rem}.connect-empty h3{color:#fff;font-size:1.3rem;font-weight:700}.connect-empty p{color:var(--text-secondary);margin-bottom:12px}@media (max-width:640px){.dashboard{gap:24px}.dashboard-header{flex-wrap:wrap;gap:16px}.stats-grid{gap:8px}.stat-card{text-align:center;padding:12px}.stat-label{justify-content:center;font-size:.75rem}.stat-value{font-size:1.3rem}.stat-value small,.label-long{display:none}.label-short{display:inline}.demo-guide-link{text-align:center;width:100%}.empty-panel{padding:20px}}
