:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-active: #1e40af;--color-primary-light: rgba(37, 99, 235, .1);--color-success: #16a34a;--color-success-bg: #e6f9ed;--color-warning: #e65100;--color-warning-bg: #fff3e0;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-info: #1565c0;--color-info-bg: #e3f2fd;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--surface-page: #f4f6f9;--surface-card: #ffffff;--surface-elevated: #ffffff;--border-color: #e2e8f0;--border-hover: #9ca3af;--border-focus: var(--color-primary);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-pill: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .05);--shadow-dialog: 0 20px 60px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--header-bg: #ffffff;--header-border: #e8eaed;--header-text: #333333;--sidebar-bg: #1a1f36;--sidebar-text: rgba(255, 255, 255, .7);--sidebar-active: rgba(79, 195, 247, .15);--sidebar-active-text: #4fc3f7;--input-bg: #ffffff;--input-border: #e2e8f0;--input-text: #0f172a;--input-placeholder: #94a3b8;--table-header-bg: #f8fafc;--table-row-hover: #f8f9fa;--table-border: #e2e8f0}[data-theme=dark],:root.dark{--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-active: #2563eb;--color-primary-light: rgba(59, 130, 246, .15);--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .12);--color-warning: #f97316;--color-warning-bg: rgba(249, 115, 22, .12);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .12);--color-info: #38bdf8;--color-info-bg: rgba(56, 189, 248, .12);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--surface-page: #0f172a;--surface-card: #1e293b;--surface-elevated: #334155;--border-color: #334155;--border-hover: #475569;--border-focus: var(--color-primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 1px 3px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4);--shadow-dialog: 0 20px 60px rgba(0, 0, 0, .6);--header-bg: #1e293b;--header-border: #334155;--header-text: #e2e8f0;--sidebar-bg: #0c1222;--sidebar-text: rgba(255, 255, 255, .7);--sidebar-active: rgba(59, 130, 246, .2);--sidebar-active-text: #60a5fa;--input-bg: #1e293b;--input-border: #475569;--input-text: #e2e8f0;--input-placeholder: #64748b;--table-header-bg: #1e293b;--table-row-hover: #334155;--table-border: #334155}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-active: #2563eb;--color-primary-light: rgba(59, 130, 246, .15);--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .12);--color-warning: #f97316;--color-warning-bg: rgba(249, 115, 22, .12);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .12);--color-info: #38bdf8;--color-info-bg: rgba(56, 189, 248, .12);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--surface-page: #0f172a;--surface-card: #1e293b;--surface-elevated: #334155;--border-color: #334155;--border-hover: #475569;--border-focus: var(--color-primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 1px 3px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4);--shadow-dialog: 0 20px 60px rgba(0, 0, 0, .6);--header-bg: #1e293b;--header-border: #334155;--header-text: #e2e8f0;--sidebar-bg: #0c1222;--sidebar-active: rgba(59, 130, 246, .2);--sidebar-active-text: #60a5fa;--input-bg: #1e293b;--input-border: #475569;--input-text: #e2e8f0;--input-placeholder: #64748b;--table-header-bg: #1e293b;--table-row-hover: #334155;--table-border: #334155}}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.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-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background:var(--surface-page);transition:background-color var(--transition-normal),color var(--transition-normal)}a{text-decoration:none;color:inherit}ul{list-style:none}.card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl)}.badge{display:inline-block;padding:var(--space-xs) 10px;border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge.success{background:var(--color-success-bg);color:var(--color-success)}.badge.warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge.danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge.info{background:var(--color-info-bg);color:var(--color-info)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.btn-primary{background:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--surface-elevated, #e8eaed);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color, #d2d5d9)}.btn-danger{background:var(--color-danger);color:var(--text-inverse)}.btn-danger:hover{background:#b02a37}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.card-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}table{width:100%;border-collapse:collapse}table th,table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--table-border)}table th{font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;background:var(--table-header-bg)}table tr:hover td{background:var(--table-row-hover)}