.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--color-surface-sidebar);color:var(--color-text-on-dark);display:flex;flex-direction:column;overflow-y:auto;z-index:100;box-shadow:var(--shadow-sidebar)}.sidebar__brand{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__logo-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.sidebar__logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-lg);color:#fff;flex-shrink:0}.sidebar__logo-text{display:flex;flex-direction:column;gap:1px}.sidebar__logo-name{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:#fff}.sidebar__logo-sub{font-size:var(--text-2xs);color:var(--color-text-on-dark-muted)}.sidebar__logo-tag{font-size:10px;color:var(--color-accent-primary);background:#2563eb26;padding:1px 6px;border-radius:var(--radius-sm);width:fit-content;margin-top:2px}.sidebar__account{padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__account-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin-bottom:2px}.sidebar__account-plan{font-size:var(--text-xs);color:var(--color-text-on-dark-muted);margin-bottom:var(--space-3)}.sidebar__quota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.sidebar__quota-label{font-size:var(--text-xs);color:var(--color-text-on-dark-muted)}.sidebar__quota-value{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-accent-success)}.sidebar__quota-bar{height:4px;background:#ffffff1f;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-1)}.sidebar__quota-bar-fill{height:100%;background:var(--color-accent-success);border-radius:var(--radius-full);transition:width var(--transition-slow)}.sidebar__quota-detail{display:flex;justify-content:space-between;font-size:var(--text-2xs);color:var(--color-text-on-dark-muted)}.sidebar__nav{flex:1;padding:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-4)}.sidebar__nav-section{display:flex;flex-direction:column;gap:2px}.sidebar__nav-heading{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-on-dark-muted);padding:0 var(--space-5);margin-bottom:var(--space-2)}.sidebar__nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--color-text-on-dark-muted);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);border-radius:0}.sidebar__nav-link:hover{background:var(--color-surface-sidebar-hover);color:var(--color-text-on-dark)}.sidebar__nav-link--active{background:#2563eb26;color:#fff;border-left:3px solid var(--color-accent-primary)}.sidebar__nav-link--logout{background:none;border:none;cursor:pointer;width:100%;text-align:left;font-family:inherit}.sidebar__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid rgba(255,255,255,.08);margin-top:auto}.sidebar__user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,#64748b,#475569);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.sidebar__user-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:#fff}.sidebar__user-role{font-size:var(--text-2xs);color:var(--color-text-on-dark-muted)}.enterprise-layout{display:flex;min-height:100vh}.enterprise-layout__main{margin-left:var(--sidebar-width);flex:1;background:var(--color-surface-secondary);min-height:100vh;padding:var(--space-8)}.enterprise-layout__main--full{margin-left:0}:root{--color-surface-primary: #ffffff;--color-surface-secondary: #f7f8fa;--color-surface-tertiary: #eef0f4;--color-surface-sidebar: #1a1f2e;--color-surface-sidebar-hover: #242b3d;--color-surface-card: #ffffff;--color-surface-elevated: #ffffff;--color-text-primary: #1a1d26;--color-text-secondary: #5f6b7a;--color-text-tertiary: #8b95a5;--color-text-on-dark: #e8ecf2;--color-text-on-dark-muted: #8890a4;--color-text-inverse: #ffffff;--color-accent-primary: #2563eb;--color-accent-primary-hover: #1d4ed8;--color-accent-primary-light: #dbeafe;--color-accent-success: #16a34a;--color-accent-success-light: #dcfce7;--color-accent-warning: #ea580c;--color-accent-warning-light: #fff7ed;--color-accent-danger: #dc2626;--color-accent-danger-light: #fef2f2;--color-accent-info: #0891b2;--color-accent-info-light: #ecfeff;--color-accent-secondary: #7c3aed;--color-border-default: #e2e8f0;--color-border-light: #f1f5f9;--color-border-focus: #2563eb;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-hero: clamp(2.5rem, 1.5rem + 4vw, 3.5rem);--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-sidebar: 2px 0 16px rgba(0, 0, 0, .12);--shadow-card-hover: 0 10px 30px -10px rgba(0, 0, 0, .12);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--sidebar-width: 260px;--header-height: 64px;--content-max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-surface-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--leading-tight)}p{line-height:var(--leading-relaxed)}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::selection{background-color:var(--color-accent-primary-light);color:var(--color-accent-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.section__header{text-align:center;margin-bottom:var(--space-12)}.section__title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.section__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-base),transform var(--transition-base)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;line-height:var(--leading-normal)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent-primary);color:var(--color-text-inverse);border-color:var(--color-accent-primary)}.btn--primary:hover:not(:disabled){background:var(--color-accent-primary-hover);border-color:var(--color-accent-primary-hover)}.btn--outline{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-default)}.btn--outline:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.btn--lg{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}