body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dx-widget{--primary-color: #667eea;--secondary-color: #764ba2}.dx-button-default{background-color:#667eea;border-color:#667eea}.dx-button-default:hover{background-color:#764ba2;border-color:#764ba2}:root{--app-bg: #f5f5f5;--app-surface: #ffffff;--app-surface-2: #f9f9f9;--app-surface-3: #f5f5f5;--app-text: #1f2937;--app-text-muted: #666666;--app-text-soft: #999999;--app-border: #dddddd;--app-border-soft: #eeeeee;--app-shadow: 0 2px 8px rgba(0, 0, 0, .1);--app-primary: #667eea;--app-primary-hover: #5568d3;--app-sidebar-bg: #2c3e50;--app-sidebar-text: #ffffff;--app-sidebar-hover: rgba(255, 255, 255, .1);--app-sidebar-active-border: #764ba2;--app-header-grad-start: #667eea;--app-header-grad-end: #764ba2;--app-header-text: #ffffff;--status-pending-bg: #fff3cd;--status-pending-text: #856404;--status-in-progress-bg: #cfe2ff;--status-in-progress-text: #084298;--status-completed-bg: #d1e7dd;--status-completed-text: #0f5132;--status-rejected-bg: #f8d7da;--status-rejected-text: #842029;--alert-error-bg: #f8d7da;--alert-error-text: #842029;--alert-error-border: #f5c2c7;--alert-success-bg: #d1e7dd;--alert-success-text: #0f5132;--alert-success-border: #badbcc;--stage-active-bg: #e8f0fe;--stage-active-border: #667eea;--stage-parallel-bg: #fff8e1;--stage-parallel-border: #ffa000}body.theme-dark{--app-bg: #0f172a;--app-surface: #1e293b;--app-surface-2: #243244;--app-surface-3: #334155;--app-text: #e2e8f0;--app-text-muted: #cbd5e1;--app-text-soft: #94a3b8;--app-border: #475569;--app-border-soft: #334155;--app-shadow: 0 8px 24px rgba(0, 0, 0, .35);--app-primary: #7c93ff;--app-primary-hover: #90a2ff;--app-sidebar-bg: #0b1220;--app-sidebar-text: #e2e8f0;--app-sidebar-hover: rgba(148, 163, 184, .15);--app-sidebar-active-border: #a78bfa;--app-header-grad-start: #1d4ed8;--app-header-grad-end: #7c3aed;--app-header-text: #f8fafc;--status-pending-bg: #4b3a0f;--status-pending-text: #fde68a;--status-in-progress-bg: #1e3a8a;--status-in-progress-text: #bfdbfe;--status-completed-bg: #14532d;--status-completed-text: #bbf7d0;--status-rejected-bg: #7f1d1d;--status-rejected-text: #fecaca;--alert-error-bg: #7f1d1d;--alert-error-text: #fecaca;--alert-error-border: #991b1b;--alert-success-bg: #14532d;--alert-success-text: #bbf7d0;--alert-success-border: #166534;--stage-active-bg: #1e293b;--stage-active-border: #7c93ff;--stage-parallel-bg: #3f2d14;--stage-parallel-border: #f59e0b}html,body{margin:0;padding:0;font-family:Roboto,sans-serif}body{background-color:var(--app-bg);color:var(--app-text);transition:background-color .2s ease,color .2s ease}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--app-surface);border-radius:4px;box-shadow:var(--app-shadow);padding:20px;margin-bottom:20px}.status-badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.status-pending{background-color:#fff3cd;color:#856404}.status-in-progress{background-color:#cfe2ff;color:#084298}.status-completed{background-color:#d1e7dd;color:#0f5132}.status-rejected{background-color:#f8d7da;color:#842029}.button{padding:10px 20px;border-radius:4px;border:none;cursor:pointer;font-weight:500}.button-primary{background-color:#667eea;color:#fff}.button-primary:hover{background-color:#5568d3}.button-secondary{background-color:#6c757d;color:#fff}.button-secondary:hover{background-color:#5a6268}