:root{--bg-primary:#0a0a0a;--bg-secondary:#101011;--bg-tertiary:#101011;--bg-hover:#111;--surface:#101010;--surface-hover:#161a1c;--border:#1f2225;--border-hover:#252a2d;--text-primary:#fff;--text-secondary:#a0a0a0;--text-tertiary:#666;--text-muted:#4a4a4a;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:rgba(37,99,235,.1);--success:#2f8058;--success-light:rgba(47,128,88,.1);--danger:#a74846;--danger-light:rgba(167,78,70,.1);--warning:#f59e0b;--warning-light:rgba(245,158,11,.1);--space-xs:2px;--space-sm:6px;--space:12px;--space-lg:16px;--space-xl:20px;--space-2xl:28px;--radius:20px;--radius-lg:24px;--sidebar-width:240px;--sidebar-collapsed:64px;--header-height:56px;--shadow:0 4px 12px rgba(0,0,0,.2),0 24px 72px rgba(0,0,0,.35);--shadow-md:0 6px 16px rgba(0,0,0,.25),0 28px 80px rgba(0,0,0,.4);--shadow-lg:0 8px 20px rgba(0,0,0,.3),0 32px 90px rgba(0,0,0,.45);--shadow-hover:0 12px 28px rgba(0,0,0,.35),0 40px 100px rgba(0,0,0,.5);--transition:all 0.15s ease}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#fafafa;--bg-hover:#ebebed;--surface:#fff;--surface-hover:#f9f9f9;--border:#e5e5e7;--border-hover:#d1d1d6;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#a1a1a6;--text-muted:#c7c7cc;--success:#10b981;--success-light:rgba(16,185,129,.1);--danger:#ef4444;--danger-light:rgba(239,68,68,.1);--shadow:0 2px 8px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.1);--shadow-hover:0 12px 32px rgba(0,0,0,.12)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;line-height:1.5}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-weight:400;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app,.main-content{display:flex;min-height:100vh;background:var(--bg-primary)}.main-content{flex:1 1;margin-left:var(--sidebar-collapsed);transition:var(--transition);flex-direction:column;width:calc(100% - var(--sidebar-collapsed));max-width:none;overflow-x:hidden}.page-content{padding:var(--space-xl);flex:1 1}.btn-primary{padding:8px 16px;border:none;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{padding:8px 16px;border:1px solid var(--border);background:transparent;color:var(--text-primary);border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background:var(--bg-tertiary)}.positive{color:var(--success)}.negative{color:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:linear-gradient(90deg,hsla(0,0%,100%,.03) 25%,hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.03) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s linear infinite;border-radius:4px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-widget{min-height:280px;background:var(--surface);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.skeleton-title{width:120px;height:18px;opacity:.6}.skeleton-body{flex:1 1;width:100%;background:hsla(0,0%,100%,.01);border-radius:12px;border:1px dashed hsla(0,0%,100%,.05)}