*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=light]{--color-primary: #0071e3;--color-primary-hover: #0077ED;--color-primary-light: rgba(0, 113, 227, .08);--color-gradient-start: #0071e3;--color-gradient-end: #40a0ff;--color-text-primary: #1d1d1f;--color-text-secondary: #86868b;--color-text-tertiary: #aeaeb2;--color-bg: #ffffff;--color-bg-secondary: #f5f5f7;--color-bg-tertiary: #fbfbfd;--color-surface: #ffffff;--color-border: rgba(0, 0, 0, .08);--color-border-light: rgba(0, 0, 0, .04);--color-border-medium: rgba(0, 0, 0, .06);--color-shadow: rgba(0, 0, 0, .04);--color-shadow-hover: rgba(0, 0, 0, .08);--color-danger: #ff3b30;--color-danger-bg: rgba(255, 59, 48, .04);--color-success: #34c759;--color-warning: #ff9500;--color-hover-bg: rgba(0, 0, 0, .03);--color-active-bg: rgba(0, 0, 0, .04);--color-input-bg: #f5f5f7;--color-scrollbar-thumb: rgba(0, 0, 0, .1);--color-scrollbar-thumb-hover: rgba(0, 0, 0, .18);--color-overlay: rgba(0, 0, 0, .3);color-scheme:light;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 100px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--sidebar-width: 260px;--sidebar-collapsed: 72px}[data-theme=dark]{--color-primary: #0a84ff;--color-primary-hover: #409cff;--color-primary-light: rgba(10, 132, 255, .15);--color-gradient-start: #0a84ff;--color-gradient-end: #5ac8fa;--color-text-primary: #f5f5f7;--color-text-secondary: #98989d;--color-text-tertiary: #636366;--color-bg: #1c1c1e;--color-bg-secondary: #2c2c2e;--color-bg-tertiary: #242426;--color-surface: #2c2c2e;--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .05);--color-border-medium: rgba(255, 255, 255, .08);--color-shadow: rgba(0, 0, 0, .3);--color-shadow-hover: rgba(0, 0, 0, .5);--color-danger: #ff453a;--color-danger-bg: rgba(255, 69, 58, .12);--color-success: #30d158;--color-warning: #ff9f0a;--color-hover-bg: rgba(255, 255, 255, .05);--color-active-bg: rgba(255, 255, 255, .08);--color-input-bg: #3a3a3c;--color-scrollbar-thumb: rgba(255, 255, 255, .15);--color-scrollbar-thumb-hover: rgba(255, 255, 255, .25);--color-overlay: rgba(0, 0, 0, .6);color-scheme:dark}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background .3s ease,color .3s ease}h1{font-size:40px;font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--color-text-primary)}h2{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-text-primary)}h3{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--color-text-primary)}p{color:var(--color-text-secondary);font-size:17px;line-height:1.6;font-weight:400}.glass-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 1px 3px var(--color-shadow);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.glass-card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--color-shadow-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-pill);font-family:var(--font-family);font-size:15px;font-weight:500;cursor:pointer;border:none;transition:all var(--transition-fast);text-decoration:none;line-height:1}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-secondary)}.btn-danger{background:transparent;color:var(--color-danger);border:1px solid rgba(255,59,48,.2)}.btn-danger:hover{background:var(--color-danger-bg)}.btn-sm{padding:8px 16px;font-size:13px}.chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;background:var(--color-bg-secondary);color:var(--color-text-secondary)}.chip:hover{background:var(--color-hover-bg)}.chip.active{background:var(--color-primary);color:#fff}.chip-gradient{background:var(--color-primary);color:#fff;border:none;cursor:default}.input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-input-bg);font-family:var(--font-family);font-size:15px;color:var(--color-text-primary);outline:none;transition:all var(--transition-fast)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light);background:var(--color-surface)}.input::placeholder{color:var(--color-text-tertiary)}.label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.app-layout{display:flex;height:calc(100vh - var(--debug-bar-height, 0px));overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:0;margin-left:var(--sidebar-width);background:var(--color-bg);transition:background .3s ease,margin-left .3s ease}.page-header{margin-bottom:var(--space-xl)}.page-header h1{margin-bottom:8px}.page-header p{font-size:17px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.text-gradient{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1024px){.main-content{padding:0}}@media (max-width: 768px){.main-content{margin-left:0;padding:56px 0 0}h1{font-size:28px}h2{font-size:22px}}@media (max-width: 480px){.main-content{padding:56px 0 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .4s ease forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}