@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fe8b9d92-module__LINzvG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fe8b9d92-module__LINzvG__variable{--font-inter:"Inter","Inter Fallback"}
:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#dbeafe;--color-success:#16a34a;--color-success-light:#dcfce7;--color-warning:#ca8a04;--color-warning-light:#fef9c3;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--background:#fff;--foreground:#171717;--background-secondary:#f5f5f5;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.25rem;--radius:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--sidebar-width:260px;--header-height:64px}@media (prefers-color-scheme:dark){:root{--background:#0f0f0f;--foreground:#fafafa;--background-secondary:#1a1a1a;--color-neutral-50:#171717;--color-neutral-100:#262626;--color-neutral-200:#404040;--color-neutral-300:#525252;--color-neutral-400:#737373;--color-neutral-500:#a3a3a3;--color-neutral-600:#d4d4d4;--color-neutral-700:#e5e5e5;--color-neutral-800:#f5f5f5;--color-neutral-900:#fafafa}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);padding:var(--spacing-xl);background:var(--background-secondary);flex:1;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--background);border-right:1px solid var(--color-neutral-200);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-200)}.sidebar-logo{color:var(--color-primary);font-size:1.25rem;font-weight:700}.sidebar-nav{padding:var(--spacing-md);flex:1;overflow-y:auto}.nav-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);color:var(--color-neutral-600);margin-bottom:var(--spacing-xs);font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--color-neutral-100);color:var(--foreground)}.nav-item.active{background:var(--color-primary-light);color:var(--color-primary)}.nav-badge{background:var(--color-danger);color:#fff;border-radius:9999px;margin-left:auto;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-neutral-200);position:relative}.user-switcher{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-neutral-100);border-radius:var(--radius);display:flex}.user-avatar{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.user-info{flex:1;min-width:0}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.user-role{color:var(--color-neutral-500);font-size:.75rem}.card{background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-200)}.card-title{font-size:1.125rem;font-weight:600}.card-body{padding:var(--spacing-lg)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-neutral-100);color:var(--foreground);border:1px solid var(--color-neutral-200)}.btn-secondary:hover:not(:disabled){background:var(--color-neutral-200)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{color:var(--color-neutral-600);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--foreground)}.btn-sm{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8125rem}.btn-lg{padding:var(--spacing-md)var(--spacing-lg);font-size:1rem}.form-group{margin-bottom:var(--spacing-md)}.form-label{color:var(--color-neutral-700);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-neutral-300);border-radius:var(--radius);background:var(--background);color:var(--foreground);font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-neutral-400)}.form-textarea{resize:vertical;min-height:100px}.form-checkbox-group{align-items:center;gap:var(--spacing-sm);display:flex}.form-checkbox{width:18px;height:18px;accent-color:var(--color-primary)}.form-hint{color:var(--color-neutral-500);margin-top:var(--spacing-xs);font-size:.75rem}.form-error{color:var(--color-danger);margin-top:var(--spacing-xs);font-size:.75rem}.form-row{gap:var(--spacing-md);display:grid}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th,.table td{padding:var(--spacing-sm)var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-neutral-200)}.table th{color:var(--color-neutral-600);background:var(--color-neutral-50);font-weight:600}.table tbody tr:hover{background:var(--color-neutral-50)}.table-actions{gap:var(--spacing-xs);display:flex}.status-badge{border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-draft{background:var(--color-neutral-200);color:var(--color-neutral-700)}.status-pending{background:var(--color-warning-light);color:var(--color-warning)}.status-approved{background:var(--color-success-light);color:var(--color-success)}.status-rejected{background:var(--color-danger-light);color:var(--color-danger)}.stats-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);padding:var(--spacing-lg)}.stat-label{color:var(--color-neutral-500);margin-bottom:var(--spacing-xs);font-size:.875rem}.stat-value{color:var(--foreground);font-size:2rem;font-weight:700}.stat-card.primary .stat-value{color:var(--color-primary)}.stat-card.success .stat-value{color:var(--color-success)}.stat-card.warning .stat-value{color:var(--color-warning)}.stat-card.danger .stat-value{color:var(--color-danger)}.page-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:1.5rem;font-weight:700}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-neutral-500)}.empty-state-icon{margin-bottom:var(--spacing-md);font-size:3rem}.empty-state-title{color:var(--foreground);margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:600}.modal-overlay{z-index:1000;padding:var(--spacing-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--background);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow:hidden}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:1.125rem;font-weight:600}.modal-close{cursor:pointer;color:var(--color-neutral-500);background:0 0;border:none;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--foreground)}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-neutral-200);display:flex}.upload-zone{border:2px dashed var(--color-neutral-300);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .15s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--color-primary);background:var(--color-primary-light)}.upload-icon{margin-bottom:var(--spacing-sm);color:var(--color-neutral-400);font-size:2.5rem}.upload-text{color:var(--color-neutral-600)}.upload-text strong{color:var(--color-primary)}.file-list{margin-top:var(--spacing-md)}.file-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-neutral-100);border-radius:var(--radius);margin-bottom:var(--spacing-xs);display:flex}.file-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.875rem;overflow:hidden}.file-size{color:var(--color-neutral-500);font-size:.75rem}.file-remove{color:var(--color-danger);cursor:pointer;background:0 0;border:none;font-size:1.25rem;line-height:1}.timeline{padding-left:var(--spacing-lg);position:relative}.timeline:before{content:"";background:var(--color-neutral-200);width:2px;position:absolute;top:0;bottom:0;left:6px}.timeline-item{padding-bottom:var(--spacing-lg);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{left:calc(-1*var(--spacing-lg) + 2px);background:var(--color-neutral-400);border:2px solid var(--background);border-radius:50%;width:12px;height:12px;position:absolute;top:0}.timeline-item.approved .timeline-dot{background:var(--color-success)}.timeline-item.rejected .timeline-dot{background:var(--color-danger)}.timeline-item.pending .timeline-dot{background:var(--color-warning)}.timeline-content{background:var(--color-neutral-50);border-radius:var(--radius);padding:var(--spacing-md)}.timeline-header{margin-bottom:var(--spacing-xs);justify-content:space-between;display:flex}.timeline-user{font-weight:600}.timeline-date{color:var(--color-neutral-500);font-size:.75rem}.timeline-action{color:var(--color-neutral-600);font-size:.875rem}.department-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));align-items:start;display:grid}.dept-card{background:var(--background);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.dept-header{padding:var(--spacing-md);background:var(--color-neutral-100);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.dept-title{color:var(--color-primary);font-size:1rem;font-weight:700}.dept-count{background:var(--color-neutral-200);color:var(--color-neutral-600);border-radius:9999px;padding:.125rem .5rem;font-size:.75rem}.dept-body{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex}.hierarchy-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.hierarchy-label{text-transform:uppercase;color:var(--color-neutral-400);letter-spacing:.05em;margin-bottom:var(--spacing-xs);align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;display:flex}.hierarchy-label:after{content:"";background:var(--color-neutral-200);flex:1;height:1px}.user-node{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius);background:var(--color-neutral-50);border:1px solid #0000;transition:all .2s;display:flex;position:relative}.user-node:hover{background:var(--background);border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.user-node.exec{background:var(--color-primary-light);border-color:var(--color-primary)}.user-node.active{border-color:var(--color-success);background:var(--color-success-light);box-shadow:0 0 0 2px var(--color-success)}.current-badge{background:var(--color-success);color:#fff;text-transform:uppercase;box-shadow:var(--shadow-sm);z-index:10;border-radius:4px;padding:.125rem .375rem;font-size:.6rem;font-weight:700;position:absolute;top:-8px;right:-8px}.user-node-avatar{background:var(--color-neutral-200);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:600;display:flex}.exec .user-node-avatar{background:var(--color-primary);color:#fff}.user-node-info{flex:1;min-width:0}.user-node-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.user-node-email{color:var(--color-neutral-500);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.user-node-actions{display:opacity;opacity:0;gap:.25rem;transition:opacity .2s;display:flex}.user-node:hover .user-node-actions{opacity:1}.btn-icon{border-radius:4px;width:24px;height:24px;padding:0;font-size:.75rem}.monitoring-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.filter-panel{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.summary-stats{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.summary-card{padding:var(--spacing-lg);background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);gap:var(--spacing-xs);flex-direction:column;display:flex}.summary-card-label{text-transform:uppercase;color:var(--color-neutral-500);letter-spacing:.05em;font-size:.75rem;font-weight:700}.summary-card-value{color:var(--foreground);font-size:1.75rem;font-weight:700}.summary-card.success .summary-card-value{color:var(--color-success)}.summary-card.warning .summary-card-value{color:var(--color-warning)}.summary-card.info .summary-card-value{color:var(--color-primary)}.monitoring-table-wrapper{background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);overflow:hidden}.monitoring-table-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.monitoring-table-title{font-size:1.125rem;font-weight:600}.export-btn{padding:var(--spacing-xs)var(--spacing-md);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.export-btn:hover{background:var(--color-neutral-200)}.rule-builder{gap:var(--spacing-md);flex-direction:column;display:flex}.rule-builder-header{justify-content:space-between;align-items:center;display:flex}.rule-builder-title{font-size:1.125rem;font-weight:600}.rule-count{color:var(--color-neutral-500);padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-neutral-100);border-radius:var(--radius);font-size:.875rem}.rule-builder-empty{text-align:center;padding:var(--spacing-2xl);background:var(--color-neutral-50);border:2px dashed var(--color-neutral-200);border-radius:var(--radius-lg);color:var(--color-neutral-500)}.rule-list{gap:var(--spacing-md);flex-direction:column;display:flex}.rule-item{gap:var(--spacing-sm);background:var(--background);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all .2s;display:flex}.rule-item.dragging{opacity:.5;border-color:var(--color-primary)}.rule-item-drag-handle{padding:var(--spacing-md)var(--spacing-sm);cursor:grab;color:var(--color-neutral-400);-webkit-user-select:none;user-select:none;align-items:flex-start;display:flex}.rule-item-drag-handle:active{cursor:grabbing}.drag-icon{font-size:1.25rem;line-height:1}.rule-item-reorder{padding:var(--spacing-sm)0;flex-direction:column;gap:2px;display:flex}.rule-item-content{flex:1;min-width:0}.rule-add-btn{width:100%;padding:var(--spacing-md);border:2px dashed var(--color-neutral-300);background:0 0}.rule-add-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.rule-form{padding:var(--spacing-md)}.rule-form-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-neutral-200);display:flex}.rule-form-number{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:600;display:flex}.rule-form-type{align-items:center;gap:var(--spacing-sm);flex:1;font-weight:600;display:flex}.rule-form-body{gap:var(--spacing-md);flex-direction:column;display:flex}.rule-form-divider{border:none;border-top:1px solid var(--color-neutral-200);margin:var(--spacing-sm)0}.checkbox-grid{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.rule-type-selector-container{background:var(--background);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-md)}.rule-type-selector-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.rule-type-selector-header h4{font-weight:600}.rule-type-selector{gap:var(--spacing-lg);flex-direction:column;display:flex}.rule-category{gap:var(--spacing-sm);flex-direction:column;display:flex}.rule-category-title{text-transform:uppercase;color:var(--color-neutral-500);letter-spacing:.05em;font-size:.75rem;font-weight:700}.rule-type-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.rule-type-card{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius);cursor:pointer;text-align:left;transition:all .15s;display:flex}.rule-type-card:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.rule-type-card.selected{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.rule-type-icon{font-size:1.25rem;line-height:1}.rule-type-info{flex:1;min-width:0}.rule-type-name{margin-bottom:2px;font-size:.875rem;font-weight:600}.rule-type-desc{color:var(--color-neutral-500);font-size:.75rem}.rule-validation-summary{padding:var(--spacing-md);border-radius:var(--radius)}.validation-success{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-success-light);border-radius:var(--radius);color:var(--color-success);font-weight:500;display:flex}.validation-warning{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-warning-light);border-radius:var(--radius);color:var(--color-warning);display:flex}.validation-icon{font-size:1.25rem;line-height:1}.validation-issues{padding-left:var(--spacing-md);margin:0;font-size:.875rem}.validation-issues li{margin-bottom:2px}.workflow-visualizer{padding:var(--spacing-lg);background:var(--color-neutral-50);border-radius:var(--radius-lg);flex-direction:column;align-items:center;display:flex}.workflow-visualizer-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-neutral-500)}.wv-node{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius);background:var(--background);border:2px solid var(--color-neutral-300);font-weight:500;display:flex}.wv-node-icon{font-size:1.25rem}.wv-node-label{font-size:.875rem}.wv-node-start{border-color:var(--color-primary);background:var(--color-primary-light)}.wv-node-approved{border-color:var(--color-success);background:var(--color-success-light)}.wv-node-rejected{border-color:var(--color-danger);background:var(--color-danger-light)}.wv-connector{padding:var(--spacing-xs)0;flex-direction:column;align-items:center;display:flex}.wv-connector-line{background:var(--color-neutral-300);width:2px;height:16px}.wv-connector-arrow{color:var(--color-neutral-400);font-size:.75rem;line-height:1}.wv-rules-flow{flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.wv-rule-node{background:var(--background);border:1px solid var(--color-neutral-200);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.wv-rule-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-left:4px solid var(--color-primary);background:var(--color-neutral-50);display:flex}.wv-rule-icon{font-size:1.125rem}.wv-rule-title{flex:1}.wv-rule-name{font-size:.875rem;font-weight:600}.wv-rule-type{color:var(--color-neutral-500);text-transform:capitalize;font-size:.7rem}.wv-rule-mode{background:var(--color-neutral-100);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;display:flex}.wv-rule-mode.parallel{background:var(--color-primary-light);color:var(--color-primary)}.wv-rule-details{padding:var(--spacing-sm)var(--spacing-md);border-top:1px solid var(--color-neutral-100);flex-direction:column;gap:4px;display:flex}.wv-detail-row{align-items:center;gap:var(--spacing-sm);font-size:.75rem;display:flex}.wv-detail-label{color:var(--color-neutral-500);min-width:60px}.wv-detail-value{font-weight:500}.wv-action-badge{border-radius:9999px;padding:2px 8px;font-size:.7rem;font-weight:600}.wv-action-badge.action-require_approval{background:var(--color-primary-light);color:var(--color-primary)}.wv-action-badge.action-auto_approve{background:var(--color-success-light);color:var(--color-success)}.wv-action-badge.action-auto_reject{background:var(--color-danger-light);color:var(--color-danger)}.wv-action-badge.action-escalate{background:var(--color-warning-light);color:var(--color-warning)}.wv-outcomes{gap:var(--spacing-lg);display:flex}.wv-compact{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.wv-compact-start,.wv-compact-end{background:var(--color-neutral-100);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.wv-compact-arrow{color:var(--color-neutral-400);font-size:.75rem}.wv-compact-rule{border-radius:var(--radius-sm);background:var(--background);border:2px solid;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;display:flex}.wv-compact-more{color:var(--color-neutral-500);font-size:.7rem;font-weight:600}.workflow-list{gap:var(--spacing-md);flex-direction:column;display:flex}.workflow-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all .2s;overflow:hidden}.workflow-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.workflow-card-header{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-neutral-50);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.workflow-card-header:hover{background:var(--color-neutral-100)}.workflow-card-info{flex:1}.workflow-card-title{align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:600;display:flex}.workflow-expand-icon{color:var(--color-neutral-500);width:16px;font-size:.75rem}.workflow-card-meta{gap:var(--spacing-sm);color:var(--color-neutral-500);margin-top:4px;margin-left:24px;font-size:.75rem;display:flex}.workflow-card-actions{align-items:center;gap:var(--spacing-sm);display:flex}.workflow-card-preview{padding:var(--spacing-sm)var(--spacing-lg);border-top:1px solid var(--color-neutral-100)}.workflow-card-expanded{padding:var(--spacing-lg);border-top:1px solid var(--color-neutral-200)}.workflow-description{color:var(--color-neutral-600);margin-bottom:var(--spacing-md);font-size:.875rem}.approval-matrix{gap:var(--spacing-lg);flex-direction:column;display:flex}.matrix-legend{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--spacing-xs);color:var(--color-neutral-600);font-size:.75rem;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px}.legend-dot.legend-auto{background:var(--color-success)}.legend-dot.legend-single{background:var(--color-primary)}.legend-dot.legend-multi{background:var(--color-warning)}.legend-dot.legend-escalate{background:var(--color-danger)}.matrix-table-wrapper{overflow-x:auto}.matrix-table{border-collapse:collapse;width:100%;font-size:.875rem}.matrix-table th,.matrix-table td{padding:var(--spacing-sm)var(--spacing-md);text-align:center;border:1px solid var(--color-neutral-200)}.matrix-corner{background:var(--color-neutral-100);font-weight:600;text-align:left!important}.matrix-amount-header{background:var(--color-neutral-50);white-space:nowrap;font-weight:600}.matrix-role-cell{background:var(--color-neutral-50);text-align:left!important}.matrix-role{align-items:center;gap:var(--spacing-sm);display:flex}.matrix-role-level{background:var(--color-neutral-200);color:var(--color-neutral-600);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.matrix-cell{min-width:80px}.matrix-cell-empty{color:var(--color-neutral-300)}.matrix-cell-content{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius);justify-content:center;align-items:center;gap:4px;display:flex}.matrix-cell-content.cell-auto{background:var(--color-success-light);color:var(--color-success)}.matrix-cell-content.cell-single{background:var(--color-primary-light);color:var(--color-primary)}.matrix-cell-content.cell-multi{background:var(--color-warning-light);color:var(--color-warning)}.matrix-cell-content.cell-escalate{background:var(--color-danger-light);color:var(--color-danger)}.matrix-cell-icon{font-size:.875rem}.matrix-cell-count{background:#0000001a;border-radius:4px;padding:1px 4px;font-size:.65rem;font-weight:600}.matrix-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-neutral-500)}.workflow-wizard{gap:var(--spacing-lg);flex-direction:column;display:flex}.wizard-steps{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);display:flex}.wizard-step{align-items:center;gap:var(--spacing-sm);display:flex}.wizard-step-number{background:var(--color-neutral-200);width:32px;height:32px;color:var(--color-neutral-600);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.wizard-step.active .wizard-step-number{background:var(--color-primary);color:#fff}.wizard-step.completed .wizard-step-number{background:var(--color-success);color:#fff}.wizard-step-label{color:var(--color-neutral-500);font-size:.875rem;font-weight:500}.wizard-step.active .wizard-step-label{color:var(--foreground)}.wizard-step.completed .wizard-step-label{color:var(--color-success)}.wizard-step-connector{background:var(--color-neutral-200);width:40px;height:2px}.wizard-content{flex:1}.wizard-navigation{padding-top:var(--spacing-md);border-top:1px solid var(--color-neutral-200);justify-content:space-between;display:flex}.wizard-nav-right{gap:var(--spacing-sm);display:flex}.flow-canvas-container{background:linear-gradient(135deg,var(--color-neutral-50)0%,var(--color-neutral-100)100%);border-radius:var(--radius);min-height:400px;overflow-x:auto}.flow-canvas{padding:var(--spacing-xl);align-items:flex-start;gap:0;min-height:350px;display:flex;position:relative}.flow-node{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-lg);border:2px solid var(--color-neutral-200);flex-direction:column;flex-shrink:0;min-width:100px;display:flex}.flow-node-start{border-color:var(--color-primary);background:var(--color-primary-light)}.flow-node-approved{border-color:var(--color-success);background:var(--color-success-light)}.flow-node-rejected{border-color:var(--color-danger);background:var(--color-danger-light)}.flow-node-icon{font-size:1.5rem}.flow-node-label{text-align:center;color:#171717;font-size:.75rem;font-weight:500}.flow-outcomes{gap:var(--spacing-sm);flex-direction:column;flex-shrink:0;display:flex}.flow-empty-hint{align-items:center;gap:var(--spacing-sm);color:var(--color-neutral-400);font-size:.875rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flow-empty-plus{background:var(--color-primary-light);width:24px;height:24px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.stage-column{background:var(--background);border-radius:var(--radius-lg);border:2px solid var(--color-neutral-200);width:220px;box-shadow:var(--shadow);flex-shrink:0;overflow:hidden}.stage-column.conditional{border-color:var(--color-warning);border-style:dashed}.stage-column-header{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-neutral-100);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.stage-order{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.stage-actions{gap:2px;display:flex}.stage-badge{padding:2px var(--spacing-sm);text-align:center;font-size:.65rem;font-weight:600}.stage-badge.conditional{background:var(--color-warning-light);color:var(--color-warning)}.stage-column-body{padding:var(--spacing-md)}.stage-edit-form{gap:var(--spacing-sm);flex-direction:column;display:flex}.stage-edit-form .form-group{margin-bottom:0}.stage-edit-form .form-label{font-size:.75rem}.stage-edit-form .form-input,.stage-edit-form .form-select{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8125rem}.stage-display{gap:var(--spacing-xs);flex-direction:column;min-height:80px;display:flex}.stage-name{color:var(--foreground);font-size:.9375rem;font-weight:600}.stage-role{color:var(--color-neutral-600);font-size:.75rem}.stage-approval-mode{color:var(--color-primary);font-size:.75rem;font-weight:500}.stage-sla{color:var(--color-warning);font-size:.75rem}.add-stage-dropzone{padding:var(--spacing-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.dropzone-connector{align-items:center;gap:0;display:flex}.dropzone-line{background:var(--color-neutral-300);width:20px;height:2px}.dropzone-button{border:2px dashed var(--color-neutral-300);background:var(--background);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.dropzone-button:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.dropzone-icon{color:var(--color-neutral-400);font-size:1rem;font-weight:700;line-height:1}.dropzone-button:hover .dropzone-icon{color:var(--color-primary)}.add-stage-dropzone.hovered .dropzone-button{border-color:var(--color-primary);background:var(--color-primary)}.add-stage-dropzone.hovered .dropzone-icon{color:#fff}.dropzone-menu{background:var(--background);border:1px solid var(--color-neutral-200);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;width:200px;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%)}.dropzone-menu-item{width:100%;padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;transition:background .1s;display:flex}.dropzone-menu-item:hover{background:var(--color-neutral-100)}.dropzone-menu-item:not(:last-child){border-bottom:1px solid var(--color-neutral-200)}.menu-icon{font-size:1rem}.menu-text{font-size:.875rem;font-weight:500}.menu-hint{color:var(--color-neutral-500);font-size:.75rem}.workflow-review{gap:var(--spacing-xl);flex-direction:column;display:flex}.review-section h4{margin-bottom:var(--spacing-md);font-size:1rem}.review-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.review-item{flex-direction:column;gap:2px;display:flex}.review-item.full-width{grid-column:1/-1}.review-label{color:var(--color-neutral-500);font-size:.75rem}.review-value{font-weight:500}.review-stages{gap:var(--spacing-sm);flex-direction:column;display:flex}.review-stage{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-neutral-50);border-radius:var(--radius);border:1px solid var(--color-neutral-200);display:flex}.review-stage-number{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:600;display:flex}.review-stage-info{flex:1}.review-stage-name{font-weight:600}.review-stage-meta{gap:var(--spacing-md);color:var(--color-neutral-600);margin-top:2px;font-size:.75rem;display:flex}.review-stage-badge{background:var(--color-warning-light);color:var(--color-warning);border-radius:9999px;padding:2px 8px;font-size:.65rem;font-weight:600}.btn-xs{padding:2px 6px;font-size:.75rem}.card-subtitle{color:var(--color-neutral-500);margin-left:var(--spacing-md);font-size:.875rem;font-weight:400}