.dash-root{background:var(--mtl-surface-1);min-height:100vh;display:flex}.dash-sidebar{background:var(--mtl-dark);z-index:10;flex-direction:column;flex-shrink:0;min-height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.dash-logo{white-space:nowrap;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;display:flex;overflow:hidden}.dash-logo-text{color:#fff;letter-spacing:-.3px;font-size:15px;font-weight:700;transition:opacity .2s}.dash-nav{flex-direction:column;flex:1;gap:2px;padding:16px 10px;display:flex}.dash-nav-item{cursor:pointer;color:#ffffff80;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;font-family:Syne,sans-serif;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex;position:relative;overflow:hidden}.dash-nav-item:hover{color:#ffffffd9;background:#ffffff12}.dash-nav-item.active{color:#fff;background:#434bb840}.dash-nav-item.active:before{content:"";background:var(--mtl-blue);border-radius:0 4px 4px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dash-nav-label{pointer-events:none;transition:opacity .15s}.dash-sidebar-footer{border-top:1px solid #ffffff12;flex-direction:column;gap:2px;padding:16px 10px;display:flex}.dash-sidebar-btn{cursor:pointer;color:#fff6;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:Syne,sans-serif;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex;overflow:hidden}.dash-sidebar-btn:hover{color:#fffc;background:#ffffff12}.dash-collapse-btn{cursor:pointer;color:#ffffff80;z-index:20;background:#2d3149;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;transition:background .15s,color .15s;display:flex;position:absolute;top:22px;right:-12px}.dash-collapse-btn:hover{color:#fff;background:#3d4166}.dash-main{flex:1;padding:36px 40px;overflow:auto}.dash-page-title{color:var(--mtl-text-primary);letter-spacing:-.4px;margin-bottom:4px;font-size:1.5rem;font-weight:800}.dash-page-subtitle{color:var(--mtl-text-muted);margin-bottom:1.75rem;font-size:.875rem}.dash-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.dash-stat-value{color:var(--mtl-text-primary);letter-spacing:-.5px;margin:4px 0 2px;font-family:JetBrains Mono,monospace;font-size:26px;font-weight:700}.dash-stat-sub{color:var(--mtl-text-faint);margin-top:2px;font-size:11px}.dash-progress-track{background:var(--mtl-surface-3);border-radius:999px;height:7px;margin:8px 0 4px;overflow:hidden}.dash-progress-fill{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.plan-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.plan-badge.free{background:var(--mtl-surface-3);color:var(--mtl-text-muted);border:1px solid var(--mtl-border-default)}.plan-badge.pro{background:var(--mtl-blue-ghost);color:var(--mtl-blue-dim);border:1px solid var(--mtl-blue-muted)}.plan-badge.business{background:var(--mtl-orange-ghost);color:var(--mtl-orange-dim);border:1px solid var(--mtl-orange-muted)}.key-display{background:var(--mtl-surface-2);border:1.5px solid var(--mtl-border-default);color:var(--mtl-text-secondary);letter-spacing:.3px;word-break:break-all;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.activity-item{border-bottom:1px solid var(--mtl-border-subtle);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{background:var(--mtl-surface-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.activity-desc{color:var(--mtl-text-primary);font-size:14px;font-weight:600}.activity-meta{color:var(--mtl-text-faint);margin-top:2px;font-size:12px}.billing-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.plan-card{border:2px solid var(--mtl-border-default);background:var(--mtl-surface-0);border-radius:16px;padding:24px;transition:border-color .15s;position:relative}.plan-card.featured{background:linear-gradient(145deg,var(--mtl-dark),var(--mtl-blue-dark));color:#fff;border-color:#0000}.plan-card.current{border-color:var(--mtl-blue-muted)}.plan-price{letter-spacing:-1px;color:var(--mtl-text-primary);font-family:JetBrains Mono,monospace;font-size:32px;font-weight:800}.plan-card.featured .plan-price{color:#fff}.user-avatar{background:linear-gradient(135deg,var(--mtl-blue),var(--mtl-orange));color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}@media (max-width:768px){.dash-sidebar{z-index:1000;position:fixed;top:0;bottom:0;left:0}.dash-main{padding:24px 16px}.dash-stats-grid{grid-template-columns:1fr 1fr}.billing-grid{grid-template-columns:1fr}}