:root{--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#ebebeb;--color-bg-hover:#0000000a;--color-text-primary:#333;--color-text-secondary:#666;--color-text-muted:#888;--color-text-emphasis:#000000de;--color-border-primary:#e0e0e0;--color-border-secondary:#eaeaea;--color-border-subtle:#ccc;--color-border-divider:#00000014;--color-primary:#3a86ff;--color-primary-hover:#2a75f3;--color-secondary:#1976d2;--color-accent:#1da1f2;--color-banner-premium-bg:#2f6fe0;--color-banner-premium-text:#fff;--color-error:#ff385c;--color-success:#00a81c;--color-warning:#fef3c7;--color-disabled:#6c757d;--color-status-review-bg:#fef3c7;--color-status-review-text:#92400e;--color-status-planned-bg:#dbeafe;--color-status-planned-text:#1e3a8a;--color-status-progress-bg:#dcfce7;--color-status-progress-text:#166534;--color-status-live-bg:#f3f4f6;--color-status-live-text:#1f2937;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:40px;--font-family:var(--font-inter,"Inter"),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",emoji;--font-family-mono:"Monaco","Courier New",monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:32px;--font-weight-light:320;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.3;--line-height-normal:1.5;--line-height-relaxed:1.6;--letter-spacing-tight:-.2px;--letter-spacing-normal:.3px;--border-width:1px;--border-style:solid;--top-banner-offset:0px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-round:50%;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 30px #00000026;--shadow-button:0 4px 12px #3a86ff40;--shadow-button-hover:0 6px 15px #3a86ff59;--shadow-focus:0 0 0 2px #3a86ff33;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-smooth:.3s cubic-bezier(.4,0,.2,1);--z-dropdown:10;--z-sidebar:900;--z-modal:1000;--z-tooltip:1100;--container-sm:345px;--container-md:550px;--container-lg:800px;--container-xl:1200px;--breakpoint-mobile:768px;--breakpoint-desktop:769px}[data-theme=dark]{--color-bg-primary:#15202b;--color-bg-secondary:#192734;--color-bg-tertiary:#1a1a1a;--color-bg-hover:#ffffff0a;--color-text-primary:#fff;--color-text-secondary:#e0e0e0;--color-text-muted:#8899a6;--color-text-emphasis:#ffffffde;--color-border-primary:#343639;--color-border-secondary:#38444d;--color-border-subtle:#333;--color-border-divider:#ffffff14;--color-primary:#2d79f3;--color-primary-hover:#1c68e3;--color-secondary:#90caf9;--color-accent:#1da1f2;--color-banner-premium-bg:#245dcc;--color-banner-premium-text:#fff;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 30px #0006;--shadow-button:0 4px 12px #2d79f359;--shadow-button-hover:0 6px 15px #2d79f373;--shadow-focus:0 0 8px #4d90fe80}
.card{background:var(--color-bg-primary);border:var(--border-width)var(--border-style)var(--color-border-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:var(--transition-fast)}.card-elevated{composes:card;box-shadow:var(--shadow-md)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;padding:10px 16px;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{composes:btn;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{composes:btn;background:var(--color-bg-primary);color:var(--color-text-primary);border:var(--border-width)var(--border-style)var(--color-border-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover)}.btn-ghost{composes:btn;color:var(--color-text-primary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover)}.btn-sm{font-size:var(--font-size-sm);padding:6px 12px}.btn-lg{font-size:var(--font-size-md);padding:12px 24px}.btn-icon{composes:btn;padding:var(--spacing-sm);border-radius:var(--radius-round);width:40px;height:40px}.input{width:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary);border:var(--border-width)var(--border-style)var(--color-border-primary);border-radius:var(--radius-xs);transition:var(--transition-fast);padding:8px 12px}.input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.input::placeholder{color:var(--color-text-muted)}.input:disabled{background:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}.textarea{composes:input;resize:vertical;min-height:80px}.select{composes:input;cursor:pointer}.avatar{border-radius:var(--radius-round);-o-object-fit:cover;object-fit:cover;border:3px solid var(--color-bg-primary);box-shadow:var(--shadow-sm)}.avatar-sm{width:24px;height:24px}.avatar-md{width:40px;height:40px}.avatar-lg{width:50px;height:50px}.avatar-xl{width:120px;height:120px}.modal-overlay{z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--spacing-lg);border-bottom:var(--border-width)var(--border-style)var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:var(--border-width)var(--border-style)var(--color-border-secondary);gap:var(--spacing-sm);justify-content:flex-end;display:flex}.badge{border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;padding:2px 8px;display:inline-flex}.badge-review{background:var(--color-status-review-bg);color:var(--color-status-review-text)}.badge-planned{background:var(--color-status-planned-bg);color:var(--color-status-planned-text)}.badge-progress{background:var(--color-status-progress-bg);color:var(--color-status-progress-text)}.badge-live{background:var(--color-status-live-bg);color:var(--color-status-live-text)}.container{width:100%;max-width:var(--container-xl);padding:0 var(--spacing-lg);margin:0 auto}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-emphasis{color:var(--color-text-emphasis)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.hover-lift{transition:var(--transition-fast)}.hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hover-scale{transition:var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-opacity:hover{opacity:.8}.cursor-pointer{cursor:pointer}.divider{height:var(--border-width);background:var(--color-border-secondary);margin:var(--spacing-md)0;border:none}.divider-vertical{width:var(--border-width);background:var(--color-border-secondary);border:none;height:100%}