.sidebar,aside.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border)}.sb-label{color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;padding:18px 16px 8px;font-size:10.5px;font-weight:700}.sb-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--t-fast) ease, color var(--t-fast) ease, border-color var(--t-fast) ease;border:1px solid #0000;margin:2px 8px;padding:9px 12px;font-size:13px;font-weight:500}.sb-item i{opacity:.9;font-size:17px}.sb-item:hover{background:var(--bg-subtle-hover);color:var(--text-primary)}.sb-item.active{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--text-primary);font-weight:600}.sb-item.active i{color:var(--accent-light);opacity:1}.sb-item.sb-logout{color:var(--danger)}.sb-item.sb-logout:hover{background:var(--danger-bg);color:var(--danger)}.sb-sub{margin:0 8px 4px}.sb-sub .sb-item{border-left:1px solid var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1px 0 1px 10px;padding:7px 10px;font-size:12.5px}.sb-sub .sb-item.active{border-left-color:var(--accent-light)}.sb-badge{background:var(--accent);color:var(--btn-primary-text);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.sb-tier{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);margin:12px;padding:14px}.sb-tier-name{color:var(--text-primary);font-size:12.5px;font-weight:600}.sb-tier-used{color:var(--text-secondary);font-size:11.5px}.sb-tier-meter{background:var(--bg-subtle-active);border-radius:999px;height:5px;margin:8px 0;overflow:hidden}.sb-tier-meter>i{background:var(--gradient-signal);height:100%;transition:width var(--t-slow) ease;border-radius:999px;display:block}.sb-tier-upg{background:var(--gradient-signal);border-radius:var(--radius-sm);color:#0a0714;cursor:pointer;width:100%;transition:transform var(--t-fast) ease, filter var(--t-fast) ease;border:none;padding:9px 12px;font-size:12px;font-weight:700}.sb-tier-upg:hover{filter:brightness(1.05)}.sb-tier-upg:active{transform:scale(.985)}.topbar{background:var(--bg-base-translucent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);height:64px}#page-title{color:var(--text-primary);letter-spacing:-.01em;font-size:15.5px;font-weight:650}.tb-btn{border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--t-fast) ease, color var(--t-fast) ease, border-color var(--t-fast) ease;background:0 0;border:1px solid #0000}.tb-btn:hover{background:var(--bg-subtle-hover);border-color:var(--border);color:var(--text-primary)}.tb-dot{background:var(--danger);border:2px solid var(--bg-base);border-radius:999px}.avatar{background:var(--accent-subtle);border:1px solid var(--accent-border);color:var(--accent-light);border-radius:999px;font-size:11.5px;font-weight:700}.btn{border-radius:var(--radius-sm);transition:background var(--t-fast) ease, border-color var(--t-fast) ease, color var(--t-fast) ease, transform var(--t-fast) ease;padding:9px 15px;font-size:13px;font-weight:600}.btn:active{transform:scale(.985)}.btn-primary,.btn-gold{background:var(--accent);border:1px solid var(--accent);color:var(--btn-primary-text)}.btn-primary:hover,.btn-gold:hover{background:var(--gold-dark);border-color:var(--gold-dark);color:var(--btn-primary-text)}.btn-secondary,.btn-ghost{border:1px solid var(--accent-border);color:var(--text-primary);background:0 0}.btn-secondary:hover,.btn-ghost:hover{background:var(--accent-subtle);border-color:var(--accent)}.btn-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.card,.panel .card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:border-color var(--t-fast) ease, box-shadow var(--t-fast) ease, transform var(--t-fast) ease}.card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-card-hover)}.badge-active,.status-connected,.badge-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:650}.badge-paused,.badge-warning{background:var(--warning-bg);border:1px solid var(--warning);color:var(--warning);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:650}.badge-disconnected,.badge-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:650}.skeleton,.skeleton-line,.skeleton-card{background:linear-gradient(90deg, var(--bg-subtle) 0%, var(--bg-subtle-active) 50%, var(--bg-subtle) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite tc-skeleton}@keyframes tc-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card-hover);color:var(--text-primary);font-size:13px}.toast-success{border-color:var(--success-border)}.toast-error{border-color:var(--danger-border)}.toast-info{border-color:var(--accent-border)}.toast-warning{border-color:var(--warning)}@media (width<=900px){.sidebar,aside.sidebar{box-shadow:var(--shadow-modal)}}@media (prefers-reduced-motion:reduce){.skeleton,.skeleton-line,.skeleton-card{animation:none}.sb-tier-upg:active,.btn:active{transform:none}}.discount-banner{background:var(--gradient-signal);color:#0a0714;border-radius:var(--radius-sm);letter-spacing:.01em;margin-bottom:14px;padding:10px 14px;font-size:12px;font-weight:700;animation:none}.header-btn-danger,.header-btn-danger:hover,.btn-danger,.btn-danger:hover,.btn-cancel,.btn-cancel:hover{background:var(--danger-solid)!important;border-color:var(--danger-solid)!important;color:#fff!important}.app .link,.app a.link{color:var(--link)!important}.app .link:hover{color:var(--link-hover)!important}