:root{--primary-50: #EEF2FF;--primary-100: #E0E7FF;--primary-200: #C7D2FE;--primary-300: #A5B4FC;--primary-400: #818CF8;--primary-500: #6366F1;--primary-600: #4F46E5;--primary-700: #4338CA;--primary-800: #3730A3;--primary-900: #312E81;--accent-primary: #FF9E00;--accent-hover: #FFAA1D;--accent-active: #E08B00;--accent-subtle: rgba(255, 158, 0, .08);--accent-glow: 0 0 16px rgba(255, 158, 0, .25);--neutral-50: #FAFAFA;--neutral-100: #F4F4F5;--neutral-200: #E4E4E7;--neutral-300: #D4D4D8;--neutral-400: #A1A1AA;--neutral-500: #71717A;--neutral-600: #52525B;--neutral-700: #3F3F46;--neutral-800: #27272A;--neutral-900: #18181B;--success: #10B981;--success-bg: #D1FAE5;--success-text: #065F46;--success-glow: 0 0 12px rgba(16, 185, 129, .2);--warning: #F59E0B;--warning-bg: #FEF3C7;--warning-text: #92400E;--warning-glow: 0 0 12px rgba(245, 158, 11, .2);--error: #EF4444;--error-bg: #FEE2E2;--error-text: #991B1B;--error-glow: 0 0 12px rgba(239, 68, 68, .25);--info: #3B82F6;--info-bg: #DBEAFE;--info-text: #1E40AF;--info-glow: 0 0 12px rgba(59, 130, 246, .2);--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F4F4F5;--bg-sidebar: #09090B;--bg-sidebar-hover: #18181B;--bg-sidebar-active: #27272A;--content-bg: #F8F9FA;--content-surface: #FFFFFF;--content-border: #ECEEF0;--content-shadow: 0 1px 3px rgba(0,0,0,.02), 0 4px 12px rgba(0,0,0,.03);--text-primary: #09090B;--text-secondary: #52525B;--text-muted: #A1A1AA;--text-inverse: #FFFFFF;--status-success: #10B981;--status-success-bg: #D1FAE5;--status-warning: #F59E0B;--status-warning-bg: #FEF3C7;--status-error: #EF4444;--status-error-bg: #FEE2E2;--status-info: #3B82F6;--status-info-bg: #DBEAFE;--table-header-bg: #F8F9FA;--table-row-hover: #FBFBFC;--table-row-selected: #EEF2FF;--table-border: #ECEEF0;--table-stripe: #FAFAFA;--header-bg: #FFFFFF;--header-border: #ECEEF0;--header-height: 64px;--detail-panel-bg: #FFFFFF;--detail-panel-border: #ECEEF0;--detail-panel-width: 440px;--sidebar-width: 250px;--sidebar-collapsed-width: 72px;--content-padding: 20px;--content-padding-lg: 32px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Roboto Mono", "Consolas", monospace;--font-xs: 11px;--font-sm: 12px;--font-base: 13px;--font-md: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 22px;--font-3xl: 28px;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .02), 0 1px 3px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .04), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .06), 0 10px 20px -10px rgba(0, 0, 0, .04);--shadow-glow: 0 0 12px rgba(99, 102, 241, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-base);color:var(--text-primary);background-color:var(--content-bg);line-height:1.5;min-height:100vh;overflow-x:hidden;max-width:100vw}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:var(--font-2xl)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}h4{font-size:var(--font-md)}p{margin-bottom:var(--space-md);overflow-wrap:break-word;word-wrap:break-word}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast);overflow-wrap:break-word}a:hover{color:var(--primary-700)}input,textarea,select,button{font-family:inherit;font-size:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea,select{width:100%;max-width:100%;min-height:40px;padding:var(--space-sm) var(--space-md);border:1px solid var(--content-border);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden;text-overflow:ellipsis}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=search]:disabled,textarea:disabled,select:disabled{background-color:var(--bg-secondary);cursor:not-allowed}input[type=text].error,input[type=email].error,input[type=password].error,input[type=number].error,input[type=search].error,textarea.error,select.error{border-color:var(--error)}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,textarea::placeholder,select::placeholder{color:var(--text-muted)}textarea{padding:var(--space-md);resize:vertical;min-height:80px}label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);height:40px;padding:0 var(--space-lg);font-size:var(--font-sm);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-600);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--primary-700)}.btn-primary:active:not(:disabled){background-color:var(--primary-800)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--content-border)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--neutral-300)}.btn-danger{background-color:var(--error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.btn-sm{height:32px;padding:0 var(--space-md);font-size:var(--font-xs)}.btn-icon{width:40px;height:40px;padding:0;justify-content:center}.btn-icon.btn-sm{width:32px;height:32px}.data-table{width:100%;max-width:100%;border-collapse:collapse;background-color:var(--content-surface);border:1px solid var(--table-border);border-radius:var(--radius-lg);overflow:hidden}.data-table th,.data-table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--table-border);max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table th{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);background-color:var(--table-header-bg);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.data-table tr{transition:background-color var(--transition-fast)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:var(--table-row-hover)}.data-table tr.selected{background-color:var(--table-row-selected)}.data-table td{font-size:var(--font-sm);color:var(--text-primary)}.data-table .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table .table-wrapper::-webkit-scrollbar{height:6px}.data-table .table-wrapper::-webkit-scrollbar-track{background:var(--neutral-100)}.data-table .table-wrapper::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:3px}.data-table .checkbox-cell{width:40px;text-align:center;max-width:none}.data-table .actions-cell{width:80px;text-align:right;max-width:none}.card{background-color:var(--content-surface);border:1px solid var(--content-border);border-radius:var(--radius-xl);box-shadow:var(--content-shadow);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}.card:has(.data-table){overflow-x:auto;-webkit-overflow-scrolling:touch}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--content-border);gap:var(--space-md);flex-wrap:wrap}.card-header h2,.card-header h3,.card-header h4{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-body{padding:var(--space-xl);overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--content-border);background-color:var(--bg-secondary);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);font-size:var(--font-xs);font-weight:500;border-radius:var(--radius-full);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-success{background-color:var(--success-bg);color:var(--success-text)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-text)}.badge-error{background-color:var(--error-bg);color:var(--error-text)}.badge-info{background-color:var(--info-bg);color:var(--info-text)}.badge-neutral{background-color:var(--neutral-100);color:var(--neutral-600)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-success{background-color:var(--success)}.status-dot-warning{background-color:var(--warning)}.status-dot-error{background-color:var(--error)}.status-dot-info{background-color:var(--info)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-sm{font-size:var(--font-sm)}.text-xs{font-size:var(--font-xs)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.overflow-hidden{overflow:hidden}.overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.w-full{width:100%}.max-w-full{max-width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-right{animation:slideInRight var(--transition-slow)}.animate-slide-left{animation:slideInLeft var(--transition-slow)}.animate-slide-up{animation:slideInUp var(--transition-normal)}.animate-slide-down{animation:slideDown var(--transition-fast)}@media (min-width: 640px){:root{--content-padding: var(--space-lg);--content-padding-lg: var(--space-2xl)}}@media (min-width: 768px){:root{--content-padding: var(--space-xl);--content-padding-lg: var(--space-3xl);--font-base: 14px}}@media (min-width: 1024px){:root{--font-base: 14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}