.gbtn{--gbtn-h: 36px;--gbtn-px: 16px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--gbtn-h);padding:0 var(--gbtn-px);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:var(--font-weight-semibold);letter-spacing:.01em;line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast),opacity var(--transition-base)}.gbtn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.gbtn:disabled,.gbtn.gbtn--loading{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none!important;transform:none!important}.gbtn--sm{--gbtn-h: 30px;--gbtn-px: 13px;font-size:12px}.gbtn--md{--gbtn-h: 36px;--gbtn-px: 16px}.gbtn--lg{--gbtn-h: 42px;--gbtn-px: 22px;font-size:14px}.gbtn--block{width:100%}.gbtn--icon-only{width:var(--gbtn-h);padding:0}.gbtn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.92}.gbtn-icon svg{width:14px;height:14px;display:block}.gbtn--lg .gbtn-icon svg{width:16px;height:16px}.gbtn-label{display:inline-block}.gbtn-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;opacity:.85;animation:gbtn-spin .6s linear infinite;flex-shrink:0}@keyframes gbtn-spin{to{transform:rotate(360deg)}}.gbtn--primary{background:var(--gradient-primary-btn);color:var(--color-primary-contrast);border-color:transparent;box-shadow:var(--shadow-btn-primary),var(--btn-highlight)}.gbtn--primary:hover:not(:disabled){background:var(--gradient-primary-btn-hover);box-shadow:var(--shadow-btn-primary-hover),var(--btn-highlight);transform:translateY(-1px)}.gbtn--primary:active:not(:disabled){background:var(--gradient-primary-btn-hover);box-shadow:0 1px 2px #3730a366,inset 0 2px 4px #0f172a40;transform:translateY(0)}.gbtn--secondary{background:var(--color-surface);color:var(--color-text-soft);border-color:var(--color-border);box-shadow:var(--shadow-btn)}.gbtn--secondary:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-border-strong);color:var(--color-text);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.gbtn--secondary:active:not(:disabled){background:var(--color-surface-muted);box-shadow:inset 0 1px 3px #0f172a1f;transform:translateY(0)}.gbtn--success{background:var(--gradient-success-btn);color:#fff;border-color:transparent;box-shadow:var(--shadow-btn),var(--btn-highlight)}.gbtn--success:hover:not(:disabled){filter:brightness(1.04);box-shadow:var(--shadow-md),var(--btn-highlight);transform:translateY(-1px)}.gbtn--success:active:not(:disabled){filter:brightness(.94);box-shadow:inset 0 2px 4px #0f172a40;transform:translateY(0)}.gbtn--warning{background:var(--color-warning);color:#1f2937;border-color:transparent;box-shadow:var(--shadow-btn),var(--btn-highlight)}.gbtn--warning:hover:not(:disabled){filter:brightness(1.03);box-shadow:var(--shadow-md),var(--btn-highlight);transform:translateY(-1px)}.gbtn--warning:active:not(:disabled){filter:brightness(.92);box-shadow:inset 0 2px 4px #0f172a33;transform:translateY(0)}.gbtn--danger{background:var(--gradient-danger-btn);color:#fff;border-color:transparent;box-shadow:var(--shadow-btn),var(--btn-highlight)}.gbtn--danger:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--shadow-md),var(--btn-highlight);transform:translateY(-1px)}.gbtn--danger:active:not(:disabled){filter:brightness(.93);box-shadow:inset 0 2px 4px #0f172a40;transform:translateY(0)}.gbtn--ghost{background:transparent;color:var(--color-text-soft);border-color:transparent}.gbtn--ghost:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}.gbtn--ghost:active:not(:disabled){background:var(--color-border)}.gbtn--link{background:transparent;color:var(--color-primary);border-color:transparent;padding:0 4px;height:auto}.gbtn--link:hover:not(:disabled){color:var(--color-primary-hover);text-decoration:underline;text-underline-offset:2px}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--color-bg)}.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:var(--space-7);color:#fff;background:linear-gradient(155deg,var(--color-primary) 0%,var(--color-primary-active) 100%)}.auth-brand:before,.auth-brand:after{content:"";position:absolute;border-radius:50%;background:#ffffff1f;filter:blur(2px);pointer-events:none}.auth-brand:before{width:320px;height:320px;top:-120px;right:-90px}.auth-brand:after{width:240px;height:240px;bottom:-100px;left:-60px;background:#ffffff14}.auth-brand-head{position:relative;z-index:1}.auth-logo{display:inline-flex;align-items:center;gap:var(--space-2)}.auth-logo-mark{width:34px;height:34px;border-radius:9px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1rem}.auth-logo-text{font-family:var(--font-display);font-weight:700;font-size:1.125rem;letter-spacing:-.01em}.auth-carousel{position:relative;z-index:1;margin-top:auto}.auth-slides{position:relative;min-height:380px}.auth-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-5);opacity:0;transform:translate(28px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.auth-slide.is-active{opacity:1;transform:translate(0);pointer-events:auto}@media (prefers-reduced-motion: reduce){.auth-slide{transition:opacity .2s ease;transform:none}}.auth-visual{position:relative;height:230px;margin-bottom:var(--space-2)}.auth-mock{position:relative;width:100%;height:100%}.auth-slide-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000002e}.auth-card-main{position:absolute;left:0;top:24px;width:280px;padding:var(--space-5);border-radius:var(--radius-lg);background:#ffffff24;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 40px #0000002e}.auth-card-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-4)}.auth-card-label{font-size:var(--font-size-sm);color:#fffc}.auth-card-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.auth-card-bars{display:flex;align-items:flex-end;gap:var(--space-2);height:64px}.auth-card-bars span{flex:1;border-radius:4px 4px 0 0;background:#ffffff8c}.auth-card-bars span:last-child{background:#fff}.auth-card-chip{position:absolute;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:0 10px 24px #0000002e}.auth-card-chip--ok{right:0;top:0}.auth-card-chip--sla{right:18px;bottom:4px;color:var(--color-text-muted)}.auth-chip-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success)}.auth-mock--board{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);align-content:center}.auth-col{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.18)}.auth-col-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;margin-bottom:var(--space-1)}.auth-col-card{display:flex;flex-direction:column;gap:6px;padding:var(--space-2);border-radius:var(--radius-sm);background:#ffffffeb;box-shadow:0 6px 14px #0000001f}.auth-col-line{height:6px;border-radius:var(--radius-pill);background:var(--color-primary);opacity:.85}.auth-col-line--sm{width:45%;background:var(--color-border-strong);opacity:1}.auth-mock--notify{display:flex;flex-direction:column;gap:var(--space-3);justify-content:center}.auth-notify-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#fffffff0;box-shadow:0 10px 22px #00000024;animation:auth-rise .5s ease both}.auth-notify-ic{width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--color-primary-soft);border:1px solid var(--color-primary)}.auth-notify-text{display:flex;flex-direction:column;gap:2px;min-width:0}.auth-notify-text strong{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.auth-notify-text em{font-style:normal;font-size:var(--font-size-sm);color:var(--color-text-muted)}@keyframes auth-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-brand-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:1.25;margin:0;max-width:18ch}.auth-brand-sub{margin:0;font-size:var(--font-size-base);line-height:1.6;color:#ffffffd1;max-width:44ch}.auth-dots{display:flex;gap:var(--space-2)}.auth-dot{width:8px;height:8px;padding:0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-pill);background:#ffffff59;cursor:pointer;transition:width .3s ease,background .3s ease}.auth-dot:hover{background:#fff9}.auth-dot.active{width:24px;background:#fff}.auth-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-7)}.auth-form-wrap{width:100%;max-width:380px}.auth-head{margin-bottom:var(--space-6)}.auth-head h1{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}.auth-head p{margin:0;font-size:var(--font-size-base);color:var(--color-text-muted)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.auth-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-soft)}.auth-field input{height:var(--control-height-lg);width:100%;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-body);font-family:var(--font-sans);font-size:14px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.auth-field input::placeholder{color:var(--color-text-subtle)}.auth-field input:hover{border-color:var(--color-border-strong)}.auth-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.auth-input-affix{position:relative;display:flex}.auth-input-affix input{padding-right:44px}.auth-affix-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-subtle);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-base),background var(--transition-base)}.auth-affix-btn:hover{color:var(--color-text-soft);background:var(--color-surface-muted)}.auth-form .gbtn{margin-top:var(--space-2)}.auth-switch{margin-top:var(--space-5);text-align:center;font-size:var(--font-size-md);color:var(--color-text-muted)}.auth-switch .gbtn{font-weight:var(--font-weight-semibold)}.auth-foot{position:absolute;bottom:var(--space-5);font-size:var(--font-size-xs);color:var(--color-text-subtle)}@media (max-width: 900px){.auth{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{padding:var(--space-6) var(--space-5)}.auth-foot{position:static;margin-top:var(--space-6)}}.confirm-modal{max-width:420px}.confirm-modal-message{font-size:var(--font-size-md);color:var(--color-text-soft);margin:0 0 var(--space-6) 0;line-height:1.6}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar);color:var(--color-sidebar-text);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:90;border-right:1px solid var(--color-sidebar-border);transition:width .25s ease,background-color .25s ease,border-color .25s ease;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;min-height:64px;border-bottom:1px solid var(--color-sidebar-border);flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:.625rem;overflow:hidden;min-width:0}.sidebar-logo-icon{width:36px;height:36px;background:var(--color-sidebar-logo-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:var(--color-sidebar-logo-text);flex-shrink:0}.sidebar-brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sidebar-logo-text{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--color-sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar-brand-sub{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-display);font-size:11px;font-weight:500;color:var(--color-sidebar-text-muted);text-transform:capitalize;white-space:nowrap}.sidebar-brand-sub svg{width:12px;height:12px;flex-shrink:0}.sidebar-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--color-sidebar-border);border-radius:9px;background:transparent;color:var(--color-sidebar-text-muted);cursor:pointer;flex-shrink:0;font-family:inherit;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.sidebar-iconbtn:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text);border-color:var(--color-border-strong)}.sidebar-iconbtn--block{width:100%;height:38px}.sidebar-iconbtn--danger:hover{color:var(--color-danger);border-color:var(--color-danger)}.sidebar-search{display:flex;align-items:center;gap:.375rem;margin:.625rem .625rem .25rem;padding:0 .625rem;height:38px;background:var(--color-sidebar-hover);border:1px solid transparent;border-radius:9px;transition:background var(--transition-base),border-color var(--transition-base)}.sidebar-search:focus-within{background:var(--color-sidebar);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.sidebar-search-icon{display:flex;align-items:center;color:var(--color-sidebar-text-muted);flex-shrink:0}.sidebar-search-input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:inherit;font-size:.85rem;color:var(--color-sidebar-text)}.sidebar-search-input::placeholder{color:var(--color-sidebar-text-muted)}.sidebar-search-kbd{font-size:.65rem;font-family:inherit;color:var(--color-sidebar-text-muted);background:var(--color-sidebar);border:1px solid var(--color-sidebar-border);border-radius:4px;padding:1px 5px;flex-shrink:0}.sidebar-search-clear{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-sidebar-text-muted);cursor:pointer;font-size:.7rem;padding:3px 5px;border-radius:4px;flex-shrink:0}.sidebar-search-clear:hover{color:var(--color-sidebar-text);background:var(--color-sidebar-hover)}.sidebar-nav{list-style:none;padding:.5rem;margin:0;display:flex;flex-direction:column;gap:.125rem;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-nav-empty{padding:1rem .75rem;color:var(--color-sidebar-text-muted);font-size:.8rem;text-align:center}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .625rem;border:none;border-radius:8px;background:transparent;color:var(--color-sidebar-text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--transition-base),color var(--transition-base);font-family:var(--font-display);text-align:left;white-space:nowrap}.sidebar--collapsed .nav-item{justify-content:center;padding:.625rem}.nav-item:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text)}.nav-item.active{background:var(--color-sidebar-active-bg);color:var(--color-sidebar-active-text);font-weight:600}.nav-icon{display:flex;align-items:center;flex-shrink:0}.nav-label{white-space:nowrap;flex:1}.nav-item--group.contains-active{color:var(--color-sidebar-text)}.nav-chevron{display:flex;align-items:center;color:var(--color-sidebar-text-muted);transition:transform .2s ease;flex-shrink:0}.nav-chevron--open{transform:rotate(180deg)}.nav-submenu-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.nav-submenu-wrapper.open{grid-template-rows:1fr}.nav-submenu-inner{overflow:hidden}.nav-submenu{list-style:none;margin:.125rem 0 .25rem 1.5rem;padding:.125rem 0 .125rem .5rem;display:flex;flex-direction:column;gap:.125rem;border-left:1px solid var(--color-sidebar-border);opacity:0;transform:translateY(-4px);transition:opacity .2s ease .05s,transform .2s ease .05s}.nav-submenu-wrapper.open .nav-submenu{opacity:1;transform:translateY(0)}.nav-item--sub{padding:.5rem .75rem;font-size:13px;gap:.625rem}.nav-item--sub .nav-icon svg{width:16px;height:16px}.sidebar-footer{border-top:1px solid var(--color-sidebar-border);padding:.75rem;display:flex;flex-direction:column;gap:.625rem;flex-shrink:0}.theme-segment{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--color-sidebar-hover);border-radius:10px}.theme-seg-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.4rem .5rem;border:none;border-radius:7px;background:transparent;color:var(--color-sidebar-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.theme-seg-btn svg{width:16px;height:16px}.theme-seg-btn:hover{color:var(--color-sidebar-text)}.theme-seg-btn.active{background:var(--color-sidebar-seg-active);color:var(--color-sidebar-text);box-shadow:var(--shadow-sm)}.sidebar-profile{display:flex;align-items:center;gap:.625rem;padding:.25rem}.sidebar-profile--collapsed{justify-content:center;padding:.25rem 0}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}.sidebar-user-name{font-size:.85rem;font-weight:600;color:var(--color-sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.72rem;color:var(--color-sidebar-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-actions{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.sidebar-profile-actions .sidebar-iconbtn{width:32px;height:32px;border-color:transparent}.sidebar-profile-actions .sidebar-iconbtn:hover{border-color:var(--color-sidebar-border)}.sidebar-pw-modal{max-width:400px}.sidebar-pw-body{padding:1.25rem 1.75rem}.sidebar-pw-body .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.sidebar-pw-body label{font-weight:600;font-size:.875rem;color:var(--color-text-soft)}.sidebar-pw-body input{padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;font-family:inherit;background:var(--color-surface);color:var(--color-text-body)}.sidebar-pw-body input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.sidebar-pw-actions{padding:1.25rem 1.75rem;border-top:1px solid var(--color-surface-muted)}.gph{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:0 0 var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.gph:after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:2px;border-radius:var(--radius-pill);background:var(--gradient-brand)}.gph--sticky{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg);padding-top:var(--space-4)}.gph-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;line-height:1.4}.gph-crumb-wrap{display:inline-flex;align-items:center;gap:var(--space-1)}.gph-crumb-sep{color:var(--color-text-subtle);-webkit-user-select:none;user-select:none;opacity:.7}.gph-crumb{color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.gph-crumb--link{border:none;background:none;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-base)}.gph-crumb--link:hover{color:var(--color-primary)}.gph-crumb--current{color:var(--color-text);font-weight:var(--font-weight-bold)}.gph-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.gph-titlecol{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.gph-titlerow{display:flex;align-items:center;gap:var(--space-3);min-width:0}.gph-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-lg);background:var(--gradient-brand);color:#fff;box-shadow:0 4px 12px -3px #4f46e580,var(--btn-highlight)}.gph-icon svg{width:20px;height:20px}.gph-title{margin:0;font-family:var(--font-display);font-size:18px;font-weight:var(--font-weight-bold);line-height:1.25;color:var(--color-text);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gph--main .gph-title{font-size:20px}.gph-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 var(--space-2);background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;letter-spacing:.01em;flex-shrink:0}.gph-subtitle{margin:0;font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1.5;max-width:70ch}.gph-titlerow:has(.gph-icon)+.gph-subtitle{padding-left:calc(40px + var(--space-3))}.gph-tools,.gph-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.gph-inline-select{height:var(--control-height-md);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-body);font-family:inherit;font-size:var(--font-size-md);cursor:pointer;box-shadow:var(--shadow-btn);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.gph-inline-select:hover{border-color:var(--color-border-strong)}.gph-inline-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.gph-search{display:flex;align-items:center;gap:var(--space-2);height:var(--control-height-md);padding:0 var(--space-3);min-width:240px;box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-btn);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.gph-search:hover{border-color:var(--color-border-strong)}.gph-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.gph-search-input{line-height:1}.gph-search-icon{display:flex;align-items:center;color:var(--color-text-subtle);flex-shrink:0;transition:color var(--transition-base)}.gph-search:focus-within .gph-search-icon{color:var(--color-primary)}.gph-search-input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:inherit;font-size:var(--font-size-md);color:var(--color-text-body)}.gph-search-input::placeholder{color:var(--color-text-subtle)}.gph-search-kbd{font-size:var(--font-size-xs);font-family:inherit;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 6px;flex-shrink:0}.gph-search-clear{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-subtle);cursor:pointer;font-size:var(--font-size-xs);padding:3px 5px;border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--transition-base),background var(--transition-base)}.gph-search-clear:hover{color:var(--color-text);background:var(--color-surface-muted)}@media (max-width: 768px){.gph-main{flex-direction:column;align-items:stretch}.gph-tools{justify-content:flex-start}.gph-search{flex:1;min-width:0}.gph-title{font-size:var(--font-size-xl)}.gph-titlerow:has(.gph-icon)+.gph-subtitle{padding-left:0}}.dashboard-overview{padding:var(--page-padding);max-width:1280px}.overview-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.li-stats-heading{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 .875rem}.li-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.875rem;margin-bottom:2.5rem}.li-stats-grid--user{grid-template-columns:repeat(2,minmax(0,260px))}.li-stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;padding:1.125rem 1.375rem 1rem;border-radius:14px;border:1.5px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:box-shadow .18s,transform .18s,border-color .18s;text-align:left;font-family:inherit;position:relative;overflow:hidden}.li-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}.li-stat-card--slate:before{background:#94a3b8}.li-stat-card--blue:before{background:#3b82f6}.li-stat-card--amber:before{background:#f59e0b}.li-stat-card--green:before{background:#22c55e}.li-stat-card--red:before{background:#ef4444}.li-stat-card--gray:before{background:#71717a}.li-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.li-stat-card--slate:hover{border-color:#94a3b8}.li-stat-card--blue:hover{border-color:#3b82f6}.li-stat-card--amber:hover{border-color:#f59e0b}.li-stat-card--green:hover{border-color:#22c55e}.li-stat-card--red:hover{border-color:#ef4444}.li-stat-card--gray:hover{border-color:#71717a}.li-stat-label{font-size:.6875rem;color:var(--color-text-muted);font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li-stat-value{font-size:2rem;font-weight:700;color:var(--color-text);line-height:1;letter-spacing:-.03em}.li-stat-pct{font-size:.6875rem;font-weight:600;color:var(--color-text-subtle);margin-top:.125rem}.wf-section{margin-top:.5rem}.wf-section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}.wf-section-header h2{font-size:1.125rem;font-weight:700;color:var(--color-text);margin:0 0 .2rem;letter-spacing:-.01em}.wf-section-header p{font-size:.8125rem;color:var(--color-text-muted);margin:0}.section-link{background:none;border:1px solid var(--color-border);color:var(--color-text-soft);font-size:.8125rem;font-weight:500;cursor:pointer;font-family:inherit;padding:.375rem .875rem;border-radius:8px;transition:all .18s;white-space:nowrap}.section-link:hover{border-color:var(--color-text-subtle);color:var(--color-text-body);background:var(--color-surface-alt)}.wf-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.125rem}.wf-progress-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:0;transition:box-shadow .18s,border-color .18s}.wf-progress-card:hover{box-shadow:0 6px 20px #00000012;border-color:var(--color-border-strong)}.wf-progress-card-top{margin-bottom:.75rem}.wf-progress-name-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.wf-progress-card-name{font-size:.9375rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em}.wf-progress-card-desc{font-size:.775rem;color:var(--color-text-subtle);margin:0 0 .75rem;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.wf-inst-chips{display:flex;gap:.375rem;flex-shrink:0}.wf-inst-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:20px}.wf-inst-chip--active{background:#dbeafe;color:#1e40af}.wf-inst-chip--done{background:var(--color-success-soft);color:var(--color-success-text)}.wf-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.wf-chip-dot--active{background:var(--color-primary)}.wf-chip-dot--done{background:var(--color-success)}.wf-overall-bar-wrap{display:flex;align-items:center;gap:.625rem;margin-top:.5rem}.wf-overall-bar-track{flex:1;height:5px;background:var(--color-surface-muted);border-radius:3px;overflow:hidden}.wf-overall-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;transition:width .4s ease}.wf-overall-bar-pct{font-size:.7rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.wf-steps-divider{height:1px;background:var(--color-surface-muted);margin:0 -1.25rem .875rem}.wf-no-steps{font-size:.8125rem;color:var(--color-text-subtle);text-align:center;padding:.75rem 0;margin:0}.wf-steps-progress{display:flex;flex-direction:column;gap:.625rem;flex:1}.wf-step-row{display:flex;flex-direction:column;gap:.25rem}.wf-step-row-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.wf-step-row-left{display:flex;align-items:center;gap:.4rem;min-width:0}.wf-step-index{width:18px;height:18px;border-radius:5px;background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wf-step-name{font-size:.8125rem;color:var(--color-text-soft);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-step-badge{font-size:.6rem;font-weight:700;padding:.1rem .35rem;border-radius:4px;flex-shrink:0}.wf-step-badge--start{background:#dbeafe;color:#1e40af}.wf-step-row-right{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.wf-step-sla{font-size:.65rem;color:var(--color-text-subtle);font-weight:500;white-space:nowrap}.wf-step-count{font-size:.75rem;font-weight:700;color:var(--color-text-subtle);min-width:18px;text-align:right}.wf-step-count--active{color:var(--color-primary-hover)}.wf-step-bar-track{height:4px;background:var(--color-surface-muted);border-radius:2px;overflow:hidden}.wf-step-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px;transition:width .4s ease;min-width:0}.wf-progress-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--color-surface-muted)}.wf-step-count-info,.wf-total-info{font-size:.7rem;color:var(--color-text-subtle);font-weight:500}@media (max-width: 1100px){.li-stats-grid{grid-template-columns:repeat(3,1fr)}.wf-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-overview{padding:var(--page-padding-sm)}.li-stats-grid{grid-template-columns:repeat(2,1fr)}.wf-cards-grid{grid-template-columns:1fr}}.dash-followups{margin-top:1.5rem;padding:1rem 1.25rem 1.1rem;background:linear-gradient(180deg,#fff7e6,#fdf2cd);border:1px solid #f1d486;border-radius:12px;box-shadow:0 8px 24px -16px #4a10194d}.dash-followups-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.dash-followups-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:.02em;color:#4a0d22}.dash-followups-count{display:inline-block;padding:.05rem .6rem;border-radius:999px;background:#6b1230;color:#fff;font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}.dash-followups-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.dash-followup-item{display:grid;grid-template-columns:100px minmax(0,1fr);gap:.75rem;align-items:center;padding:.55rem .7rem;background:#fffaf0;border:1px solid #e6c884;border-radius:8px;cursor:pointer;transition:background .12s,transform .12s}.dash-followup-item:hover{background:#fff5d6;transform:translate(2px)}.dash-followup-item:focus-visible{outline:2px solid #6b1230;outline-offset:1px}.dash-followup-item--overdue{background:#fef2f2;border-color:#fca5a5}.dash-followup-item--overdue:hover{background:#fee2e2}.dash-followup-when{font-size:.78rem;font-weight:700;color:#6b1230;letter-spacing:.02em;text-transform:lowercase;font-variant-numeric:tabular-nums}.dash-followup-item--overdue .dash-followup-when{color:#b91c1c}.dash-followup-main{min-width:0}.dash-followup-customer{font-size:.88rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-followup-phone{font-weight:400;color:#64748b;font-size:.82rem}.dash-followup-sub{font-size:.76rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-followups-more{margin-top:.5rem;text-align:center;font-size:.76rem;color:#6b1230;font-style:italic}.dash-branch-perf{margin-top:1.5rem;padding:1rem 1.25rem 1.2rem;background:#fff;border:1px solid #e6c884;border-radius:12px;box-shadow:0 8px 24px -16px #4a101940}.dash-branch-perf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.85rem;flex-wrap:wrap}.dash-branch-perf-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:.02em;color:#4a0d22}.dash-branch-perf-range{display:flex;gap:.65rem}.dash-branch-perf-range label{display:inline-flex;flex-direction:column;gap:.15rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b1230}.dash-branch-perf-range input{padding:.4rem .55rem;font-size:.82rem;border:1px solid #e6c884;border-radius:6px;background:#fff;color:#0f172a;font-family:inherit}.dash-branch-perf-range input:focus{outline:2px solid #6b1230;outline-offset:-1px;border-color:#6b1230}.dash-branch-perf-table-wrap{overflow-x:auto}.dash-branch-perf-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:540px}.dash-branch-perf-table thead th,.dash-branch-perf-table tfoot th{text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b1230;background:#fff7e6;padding:.55rem .75rem;border-bottom:1px solid #f1d486;white-space:nowrap}.dash-branch-perf-table tfoot th{border-top:1px solid #f1d486;border-bottom:none;color:#0f172a;background:#fffaee}.dash-branch-perf-table thead th:not(:first-child),.dash-branch-perf-table tfoot th:not(:first-child),.dash-branch-perf-table tbody td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.dash-branch-perf-table tbody td{padding:.55rem .75rem;border-bottom:1px solid #f1f5f9;color:#0f172a}.dash-branch-perf-table tbody tr:last-child td{border-bottom:none}.dash-branch-perf-table tbody tr:hover td{background:#fffaee}.dash-branch-perf-name{font-weight:600;color:#0f172a}.dash-branch-perf-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;color:#64748b;margin-top:.1rem}.dash-branch-perf-row--inactive td{opacity:.55}.gdd{--gdd-h: 36px;--gdd-px: 12px;--gdd-fs: 13px;position:relative;display:inline-flex;min-width:160px;font-family:var(--font-sans)}.gdd--sm{--gdd-h: 30px;--gdd-px: 10px;--gdd-fs: 12px}.gdd--md{--gdd-h: 36px;--gdd-px: 12px;--gdd-fs: 13px}.gdd--lg{--gdd-h: 42px;--gdd-px: 14px;--gdd-fs: 14px}.gdd--block{display:flex;width:100%;min-width:0}.gdd-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;height:var(--gdd-h);padding:0 var(--gdd-px);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-body);font-family:inherit;font-size:var(--gdd-fs);font-weight:var(--font-weight-medium);line-height:1;cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.gdd-trigger:hover:not(:disabled){border-color:var(--color-border-strong)}.gdd--open .gdd-trigger,.gdd-trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.gdd--disabled .gdd-trigger,.gdd-trigger:disabled{opacity:.55;cursor:not-allowed;background:var(--color-surface-muted)}.gdd-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gdd-value--placeholder{color:var(--color-text-subtle)}.gdd-caret{display:inline-flex;align-items:center;color:var(--color-text-muted);flex-shrink:0;transition:transform var(--transition-base)}.gdd--open .gdd-caret{transform:rotate(180deg)}.gdd-pop{position:fixed;z-index:var(--z-modal);display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:gdd-in .12s ease}.gdd-pop--up{transform-origin:bottom center}@keyframes gdd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gdd-search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.gdd-search-icon{color:var(--color-text-subtle);flex-shrink:0}.gdd-search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--gdd-fs);color:var(--color-text-body)}.gdd-search-input::placeholder{color:var(--color-text-subtle)}.gdd-list{list-style:none;margin:0;padding:var(--space-1);flex:1;min-height:0;overflow-y:auto}.gdd-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--gdd-fs);color:var(--color-text-body);cursor:pointer;-webkit-user-select:none;user-select:none}.gdd-option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gdd-option--active{background:var(--color-surface-muted)}.gdd-option--selected{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.gdd-option--selected.gdd-option--active{background:var(--color-primary-soft)}.gdd-option--disabled{opacity:.45;cursor:not-allowed}.gdd-check{color:var(--color-primary);flex-shrink:0}.gdd-option--clear{color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);border-radius:0;margin-bottom:var(--space-1)}.gdd-empty{padding:var(--space-3);text-align:center;color:var(--color-text-muted);font-size:var(--gdd-fs)}@media (max-width: 640px){.gdd{min-width:0}}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-surface);gap:var(--space-4);flex-wrap:wrap}.pagination-left{display:flex;align-items:center;gap:var(--space-2)}.pagination-label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.pagination-size-dd{min-width:76px}.pagination-right{display:flex;align-items:center;gap:var(--space-2)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.page-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-soft);font-size:var(--font-size-base);cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),background var(--transition-base);font-family:inherit}.page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.policy-management{padding:var(--page-padding);max-width:1100px;width:100%;margin:0 auto}.table-shell{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow-x:auto}.users-table-header{padding:.875rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt)}.page-loading{display:flex;justify-content:center;padding:4rem}.tab-bar{display:flex;gap:.5rem;margin-bottom:.5rem;border-bottom:2px solid var(--color-border);padding-bottom:0}.tab{padding:.75rem 1.5rem;border:none;background:none;color:var(--color-text-muted);font-weight:500;font-size:.9375rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;font-family:inherit}.tab:hover{color:var(--color-text-body)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.alert{padding:.875rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.alert-error{background:var(--color-danger-soft);border:1px solid var(--color-danger-border);color:var(--color-danger-hover)}.alert-success{background:var(--color-success-soft);border:1px solid var(--color-success-border);color:var(--color-success)}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.form-card h3{font-size:1.125rem;font-weight:600;color:var(--color-text-body);margin:0 0 1rem}.form-row{display:flex;gap:.75rem;align-items:flex-end}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-weight:600;font-size:.875rem;color:var(--color-text-soft)}.form-card input,.form-card select,.form-card textarea,.edit-modal input,.edit-modal select,.edit-modal textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.9375rem;font-family:inherit;transition:border-color .2s}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.edit-modal input:focus,.edit-modal select:focus,.edit-modal textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.table-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.table-header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-select{padding:.45rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;font-family:inherit;color:var(--color-text-soft);background:var(--color-surface-alt);cursor:pointer;outline:none;transition:border-color .15s}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.empty-text{color:var(--color-text-subtle);font-size:.875rem;text-align:center;padding:2rem}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}td{padding:.5rem 1rem;font-size:.875rem;color:var(--color-text-soft);border-bottom:1px solid var(--color-surface-muted)}tr:hover td{background:var(--color-surface-alt)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.badge-active{background:var(--color-success-soft);color:var(--color-success)}.badge-inactive{background:var(--color-danger-soft);color:var(--color-danger-hover)}.policy-count-hint{font-weight:400;color:var(--color-text-subtle);font-size:.8125rem}.policy-multi-select{border:1px solid var(--color-border);border-radius:8px;max-height:240px;overflow-y:auto;background:var(--color-surface-alt)}.policy-checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--color-surface-muted);transition:background .15s}.policy-checkbox-item:last-child{border-bottom:none}.policy-checkbox-item:hover,.policy-checkbox-item.selected{background:var(--color-primary-soft)}.policy-checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.policy-checkbox-name{flex:1;font-size:.9375rem;font-weight:500;color:var(--color-text-body)}.empty-text-sm{color:var(--color-text-subtle);font-size:.8125rem;text-align:center;padding:1rem;margin:0}.policy-checkbox-item.already-assigned{background:var(--color-success-soft);opacity:.8;cursor:default}.badge-assigned{font-size:.75rem;font-weight:600;color:var(--color-success);background:var(--color-success-soft);padding:.2rem .6rem;border-radius:12px}.badge-notif{background:var(--color-primary-soft);color:var(--color-primary-hover)}.action-cell{white-space:nowrap}.inline-input{padding:.375rem .625rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;font-family:inherit;width:100%;box-sizing:border-box;transition:border-color .15s}.inline-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.inline-select{padding:.375rem .625rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .15s}.inline-select:focus{outline:none;border-color:var(--color-primary)}.username-cell{font-weight:600;color:var(--color-text-body)}.policy-tags{display:flex;flex-wrap:wrap;gap:.375rem}.policy-tag{display:inline-flex;align-items:center;gap:.25rem;background:var(--color-primary-soft);color:var(--color-primary-hover);font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:12px}.policy-tag-new{background:var(--color-success-soft);color:var(--color-success)}.tag-remove{background:none;border:none;cursor:pointer;color:inherit;font-size:.9rem;line-height:1;padding:0;opacity:.7}.tag-remove:hover{opacity:1}.edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.edit-modal{background:var(--color-surface);border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:520px;padding:1.75rem}.edit-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.edit-modal-header h3{margin:0;font-size:1.0625rem;font-weight:700;color:var(--color-text)}.modal-close{background:none;border:none;font-size:1.125rem;cursor:pointer;color:var(--color-text-subtle);padding:.25rem;line-height:1;border-radius:4px;transition:color .15s}.modal-close:hover{color:var(--color-text-soft)}.edit-modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.multiselect-container{position:relative}.multiselect-trigger{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;background:var(--color-surface);transition:border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.multiselect-trigger:hover{border-color:var(--color-text-subtle)}.multiselect-placeholder{font-size:.875rem;color:var(--color-text-soft)}.multiselect-arrow{font-size:.6875rem;color:var(--color-text-subtle)}.multiselect-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-md);z-index:100;overflow:hidden}.multiselect-search{padding:.625rem;border-bottom:1px solid var(--color-surface-muted)}.multiselect-search input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;font-family:inherit;box-sizing:border-box;outline:none;transition:border-color .15s}.multiselect-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.multiselect-options{max-height:220px;overflow-y:auto}.multiselect-option{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;cursor:pointer;transition:background .1s}.multiselect-option:hover{background:var(--color-surface-alt)}.multiselect-option.checked{background:var(--color-primary-soft)}.multiselect-option.is-removing{background:#fff7ed;text-decoration:line-through;opacity:.7}.multiselect-option input[type=checkbox]{width:15px;height:15px;flex-shrink:0;accent-color:var(--color-primary)}.option-name{font-size:.875rem;color:var(--color-text-body);flex:1}.change-badge{font-size:.6875rem;font-weight:700;padding:.125rem .4rem;border-radius:8px}.new-badge{background:var(--color-success-soft);color:var(--color-success)}.remove-badge{background:var(--color-danger-soft);color:var(--color-danger-hover)}.assigned-badge{background:var(--color-border);color:var(--color-text-muted)}.multiselect-option.is-disabled{opacity:.55;cursor:not-allowed}.multiselect-option.is-disabled input[type=checkbox]{cursor:not-allowed}.multiselect-empty{padding:1rem;text-align:center;color:var(--color-text-subtle);font-size:.875rem;margin:0}.selected-tags-preview{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}@media (max-width: 768px){.policy-management{padding:var(--page-padding-sm)}.form-row{flex-direction:column}.tab-bar{overflow-x:auto}}.workflow-builder-page{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden}.workflow-builder-page>.gph{padding-top:var(--page-padding);padding-left:var(--page-padding);padding-right:var(--page-padding)}.workflow-builder-layout{display:flex;flex:1;overflow:hidden}.wf-sidebar{width:260px;min-width:240px;border-right:1px solid var(--color-border);background:var(--color-surface-alt);display:flex;flex-direction:column;overflow:hidden}.wf-sidebar-list-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem .5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.wf-sidebar-list-label{font-size:.6875rem;font-weight:700;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em}.wf-sidebar-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;background:var(--color-border);color:var(--color-text-muted);font-size:.6875rem;font-weight:700;border-radius:999px}.wf-list{flex:1;overflow-y:auto;padding:.375rem .5rem;display:flex;flex-direction:column;gap:.25rem}.wf-list-item{padding:.625rem .875rem;cursor:pointer;border-radius:8px;border:1px solid transparent;transition:all .15s;background:transparent}.wf-list-item:hover{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.wf-list-item.active{background:var(--color-surface);border-color:var(--color-primary-soft);box-shadow:0 1px 4px #3b82f61f}.wf-list-item-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.wf-list-item-name{font-size:.8125rem;font-weight:600;color:var(--color-text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.3}.wf-list-item.active .wf-list-item-name{color:var(--color-primary-active)}.wf-step-badge{font-size:.6875rem;font-weight:600;color:var(--color-text-muted);background:var(--color-surface-muted);padding:.125rem .4rem;border-radius:999px;white-space:nowrap;flex-shrink:0;border:1px solid var(--color-border)}.wf-list-item.active .wf-step-badge{background:var(--color-primary-soft);color:var(--color-primary-hover);border-color:var(--color-primary-soft)}.wf-list-item-desc{font-size:.7125rem;color:var(--color-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.wf-empty{padding:2rem 1.25rem;text-align:center}.wf-empty p{font-size:.875rem;color:var(--color-text-subtle);margin:0 0 .875rem}.wf-main{flex:1;overflow-y:auto;background:var(--color-bg)}.wf-main-inner{display:flex;flex-direction:column;height:100%}.wf-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center;padding:2rem}.wf-placeholder-icon{font-size:3rem;color:var(--color-border-strong);margin-bottom:1rem;line-height:1}.wf-placeholder h3{font-size:1.125rem;font-weight:600;color:var(--color-text-soft);margin:0 0 .5rem}.wf-placeholder p{font-size:.875rem;color:var(--color-text-subtle);max-width:320px;line-height:1.6;margin:0 0 1.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .15s ease}.modal-box{background:var(--color-surface);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:480px;padding:1.75rem;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.modal-header h3{font-size:1.0625rem;font-weight:700;color:var(--color-text);margin:0}.modal-close-btn{background:none;border:none;font-size:1rem;color:var(--color-text-subtle);cursor:pointer;padding:.25rem;border-radius:4px;line-height:1;transition:color .15s}.modal-close-btn:hover{color:var(--color-text-soft)}.modal-box .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.modal-box .form-group label{font-weight:600;font-size:.875rem;color:var(--color-text-soft)}.label-optional{font-weight:400;color:var(--color-text-subtle);font-size:.8125rem}.modal-box input,.modal-box textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.9375rem;font-family:inherit;transition:border-color .2s;resize:vertical}.modal-box input:focus,.modal-box textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-end}.modal-box-sm{max-width:400px}.modal-confirm-text{font-size:.9375rem;color:var(--color-text-soft);line-height:1.6;margin:0 0 .25rem}.modal-confirm-text strong{color:var(--color-text)}.step-manager{padding:.5rem}.step-manager-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.step-manager-header-info{min-width:0}.step-manager-header h2{font-size:1rem;font-weight:700;color:var(--color-text);margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-manager-header p{color:var(--color-text-muted);margin:0;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox-row{display:flex;gap:1.5rem;margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--color-text-soft);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.step-card-meta .badge-start,.step-card-meta .badge-end,.step-card-meta .badge-mid{display:inline-flex;align-items:center;padding:.1rem .375rem;border-radius:4px;font-size:.6875rem;font-weight:600;white-space:nowrap}.badge-start{background:var(--color-primary-soft);color:var(--color-primary-hover)}.badge-end{background:var(--color-success-soft);color:var(--color-success)}.badge-mid{background:var(--color-warning-soft);color:#d97706}.field-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.field-type-option{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;border:2px solid var(--color-border);border-radius:10px;background:var(--color-surface);cursor:pointer;transition:all .2s;font-family:inherit}.field-type-option:hover{border-color:var(--color-primary-soft);background:var(--color-surface-alt)}.field-type-option.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.field-type-icon{font-size:1.25rem;line-height:1}.field-type-label{font-size:.75rem;font-weight:500;color:var(--color-text-soft)}.field-type-option.selected .field-type-label{color:var(--color-primary-hover);font-weight:600}.options-input-row{display:flex;gap:.5rem}.options-input-row input{flex:1;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;font-family:inherit}.options-input-row input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.options-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.option-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--color-primary-soft);border:1px solid var(--color-primary-soft);border-radius:6px;font-size:.8125rem;color:#1e40af;font-weight:500}.option-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--color-text-muted);font-size:.75rem;cursor:pointer;border-radius:50%;transition:all .15s;padding:0;line-height:1}.option-remove:hover{background:var(--color-danger-soft);color:var(--color-danger-hover)}.field-hint{display:block;margin-top:.5rem;font-size:.75rem;color:var(--color-text-subtle)}.field-preview{border:1px solid var(--color-border);border-radius:10px;padding:1rem;margin-bottom:1rem;background:var(--color-surface-alt)}.field-preview-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.field-preview-content{max-width:320px}.preview-input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;font-family:inherit;background:var(--color-surface);color:var(--color-text-subtle);box-sizing:border-box}textarea.preview-input{resize:none}.preview-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted)}.preview-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.steps-list-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.5rem}.steps-list-section>h3{font-size:1.125rem;font-weight:600;color:var(--color-text-body);margin:0 0 1rem}.step-card-new{border-style:dashed;border-color:var(--color-primary-soft);background:#f8fbff}.step-add-inline-form{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.625rem}.step-add-inline-fields{display:flex;align-items:center;gap:.625rem}.step-add-number-wrap{flex-shrink:0}.step-add-number-input{width:56px;padding:.5rem;border:1px solid var(--color-border);border-radius:8px;font-size:.8125rem;font-family:inherit;text-align:center;color:var(--color-text-soft);font-weight:600;background:var(--color-surface)}.step-add-number-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.step-add-name-input{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;font-family:inherit;color:var(--color-text-body);background:var(--color-surface)}.step-add-name-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.step-add-meta-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.step-add-fields-section{border-top:1px solid var(--color-surface-muted);padding-top:.875rem;margin-top:.25rem}.step-add-sla-wrap{margin-left:auto;display:flex;align-items:center;gap:.25rem}.step-add-sla-input{width:72px;padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:8px 0 0 8px;font-size:.8125rem;font-family:inherit;color:var(--color-text-soft);background:var(--color-surface)}.step-add-sla-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;z-index:1;position:relative}.step-add-sla-unit{padding:.375rem;border:1px solid var(--color-border);border-left:none;border-radius:0 8px 8px 0;font-size:.8125rem;font-family:inherit;color:var(--color-text-soft);background:var(--color-surface-alt);cursor:pointer}.step-add-sla-unit:focus{outline:none;border-color:var(--color-primary)}.step-add-actions{display:flex;justify-content:flex-end;gap:.5rem}.steps-accordion{display:flex;flex-direction:column;gap:.3rem}.step-card{border:1px solid var(--color-border);border-radius:10px;overflow:visible;transition:border-color .2s}.step-card.expanded{border-color:var(--color-primary-soft)}.step-number{width:22px;height:22px;border-radius:50%;background:var(--color-border);color:var(--color-text-soft);font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-card.expanded .step-number{background:var(--color-primary);color:var(--color-primary-contrast)}.step-card-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;cursor:pointer;transition:background .15s}.step-card-header:hover{background:var(--color-surface-alt)}.step-card-name{font-weight:600;font-size:.8125rem;color:var(--color-text-body);flex-shrink:0}.step-card-meta{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;flex:1;justify-content:flex-end}.step-sla{font-size:.6875rem;color:var(--color-text-muted)}.step-input-count{font-size:.6875rem;color:var(--color-text-soft);background:var(--color-surface-muted);padding:.125rem .4rem;border-radius:4px;white-space:nowrap}.step-expand-icon{font-size:.75rem;color:var(--color-text-subtle);flex-shrink:0}.step-card-body{padding:0 .875rem .875rem;border-top:1px solid var(--color-surface-muted);animation:fadeIn .2s ease}.step-fields-header{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;margin-bottom:.5rem}.step-fields-header h4{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.step-fields-list{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}.field-row{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--color-surface-alt);border:1px solid var(--color-surface-muted);border-radius:8px;transition:border-color .15s}.field-row:hover{border-color:var(--color-border)}.field-row-name{font-weight:500;font-size:.875rem;color:var(--color-text-body);min-width:80px}.field-row-type{font-size:.75rem;color:var(--color-text-soft);background:var(--color-border);padding:.1875rem .5rem;border-radius:4px;white-space:nowrap}.field-row-required{font-size:.6875rem;font-weight:600;color:var(--color-danger-hover);background:var(--color-danger-soft);padding:.125rem .375rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.field-row-options{font-size:.75rem;color:var(--color-primary-hover);background:var(--color-primary-soft);padding:.125rem .375rem;border-radius:4px}.field-row-remove{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-subtle);font-size:.8125rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .15s;flex-shrink:0}.field-row-remove:hover{background:var(--color-danger-soft);color:var(--color-danger-hover)}.empty-text-sm{font-size:.8125rem;color:var(--color-text-subtle);text-align:center;padding:.75rem;margin:0}.add-field-form{border-top:1px solid var(--color-surface-muted);padding-top:.75rem;margin-top:.5rem}.add-field-form h5{font-size:.8125rem;font-weight:600;color:var(--color-text-soft);margin:0 0 .5rem}.add-field-inline{display:flex;align-items:center;gap:.5rem}.add-field-inline input[type=text]{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.8125rem;font-family:inherit}.add-field-inline input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.add-field-inline select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.8125rem;font-family:inherit;background:var(--color-surface);cursor:pointer;min-width:120px}.add-field-inline select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.checkbox-label.compact{gap:.25rem;font-size:.8125rem;white-space:nowrap}.checkbox-label.compact input[type=checkbox]{width:16px;height:16px}.select-options-section{margin-top:.5rem}.transition-card-header{cursor:default}.transition-card-header:hover{background:transparent}.transition-card-name{display:flex;align-items:center;gap:.375rem;font-weight:600;font-size:.8125rem;color:var(--color-text-body)}.transition-arrow{color:var(--color-text-subtle);font-size:.875rem;flex-shrink:0}.transition-policy-badges{display:flex;flex-wrap:wrap;gap:.25rem}.transition-policy-badge{font-size:.6875rem;font-weight:600;color:#0369a1;background:#e0f2fe;padding:.125rem .4rem;border-radius:4px;white-space:nowrap}.transition-select{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;font-family:inherit;color:var(--color-text-body);background:var(--color-surface);cursor:pointer}.transition-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.transition-policy-select{flex:0 0 auto;width:auto;min-width:160px}.transition-arrow-label{flex-shrink:0;font-size:1rem;color:var(--color-text-subtle);font-weight:600}.transition-tree-card{background:var(--color-surface)}.transition-tree-inner{display:flex;align-items:center;padding:.625rem .875rem;gap:0}.transition-tree-from{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.transition-tree-from-name{font-weight:600;font-size:.8125rem;color:var(--color-text-body);white-space:nowrap}.transition-tree-branches{display:flex;flex-direction:column;flex:1;min-width:0}.transition-tree-branch{display:flex;align-items:center;min-height:32px}.transition-tree-connector{display:flex;align-items:center;flex-shrink:0;width:36px;position:relative;align-self:stretch;min-height:32px}.connector-line-v{position:absolute;left:12px;width:2px;background:var(--color-border-strong)}.connector-line-v.single{top:50%;height:0}.transition-tree-connector:has(.connector-line-v.single){width:12px}.transition-tree-connector:has(.connector-line-v.single) .connector-line-h{display:none}.connector-line-v.first{top:50%;bottom:0}.connector-line-v.last{top:0;bottom:50%}.connector-line-v.middle{top:0;bottom:0}.connector-line-h{position:absolute;left:12px;top:50%;width:14px;height:2px;background:var(--color-border-strong);transform:translateY(-50%)}.connector-arrow{position:absolute;left:22px;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--color-text-subtle);line-height:1}.transition-tree-target{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;padding:.25rem .5rem;background:var(--color-surface-alt);border:1px solid var(--color-surface-muted);border-radius:6px;margin:3px 0}.transition-tree-to-name{font-size:.8125rem;color:var(--color-text-soft);font-weight:500;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transition-tree-card:hover .transition-tree-target{border-color:var(--color-border)}.transition-tree-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.375rem;flex-shrink:0;padding-left:.5rem}.transition-inline-add-branch{align-items:center}.transition-inline-add-row{display:flex;align-items:center;gap:.375rem;flex:1;min-width:0;padding:.25rem 0}.inline-add-multiselect-wrap{position:relative;flex:1;min-width:0}.inline-add-trigger{height:30px;font-size:.78rem;padding:0 .5rem}.inline-add-dropdown{min-width:200px}.transition-form-row{display:flex;flex-direction:column;gap:.375rem}.transition-form-label{font-size:.8125rem;font-weight:600;color:var(--color-text-soft)}.transition-multiselect-wrap{width:100%;position:relative}.transition-multiselect-trigger{width:100%;box-sizing:border-box}.dynamic-fields-section{border:1px solid var(--color-border);border-radius:10px;padding:1rem;margin-bottom:1.25rem;background:var(--color-surface-alt)}.dynamic-fields-title h4{font-size:.875rem;font-weight:600;color:var(--color-text-soft);margin:0 0 .75rem}@media (max-width: 768px){.workflow-builder-page{height:auto;min-height:100vh}.workflow-builder-layout{flex-direction:column;height:auto}.wf-sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--color-border);max-height:260px}.wf-main{overflow-y:visible}.step-manager{padding:1rem}.field-type-grid{grid-template-columns:repeat(2,1fr)}.add-field-inline{flex-wrap:wrap}.add-field-inline input[type=text]{flex:1 1 100%}.field-row{flex-wrap:wrap}}.step-manager-header-actions{display:flex;align-items:center;gap:.75rem}.wf-status-line{display:inline-flex;align-items:center;gap:.5rem;padding:6px 10px;border-radius:10px;background:var(--color-surface-alt);border:1px solid var(--color-border);font-size:.85rem;color:var(--color-text-soft);font-weight:600}.wf-status-badge{display:inline-block;margin-left:.35rem;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;background:var(--color-border);color:var(--color-text-soft)}.wf-status-draft{background:var(--color-warning-border);color:var(--color-warning-text)}.wf-status-freeze{background:var(--color-border);color:var(--color-text-soft)}.step-edit-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-soft);border-radius:8px;padding:4px 10px;font-size:.75rem;cursor:pointer}.step-delete-btn{border:1px solid var(--color-danger-border);background:var(--color-surface);color:var(--color-danger-hover);border-radius:8px;padding:4px 8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;line-height:1}.step-delete-btn:hover:not(:disabled){background:var(--color-danger-soft);border-color:#f87171}.step-delete-btn:disabled{opacity:.5;cursor:not-allowed}.step-edit-form{margin-bottom:.75rem;margin-top:.75rem;padding:.5rem .75rem;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:10px}.step-edit-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.step-edit-name{flex:1 1 200px;border:1px solid var(--color-border-strong);border-radius:8px;padding:6px 10px;font-size:.85rem;color:var(--color-text);background:var(--color-surface);transition:border-color .15s ease,box-shadow .15s ease}.step-edit-sla{display:flex;gap:.35rem;align-items:center}.step-edit-sla-input{width:90px;border:1px solid var(--color-border-strong);border-radius:8px;padding:6px 10px;font-size:.85rem;color:var(--color-text);background:var(--color-surface);transition:border-color .15s ease,box-shadow .15s ease}.step-edit-actions{display:flex;gap:.5rem;margin-left:auto}.step-edit-sla-unit{border:1px solid var(--color-border-strong);border-radius:8px;padding:6px 10px;font-size:.85rem;color:var(--color-text);background:var(--color-surface);font-weight:600;transition:border-color .15s ease,box-shadow .15s ease}.step-edit-name:focus,.step-edit-sla-input:focus,.step-edit-sla-unit:focus{outline:none;border-color:var(--color-text);box-shadow:0 0 0 3px #0f172a1f}.step-edit-name::placeholder,.step-edit-sla-input::placeholder{color:var(--color-text-subtle)}.wf-reorder-saving{font-size:.8rem;color:var(--color-text-muted)}.wf-reorder-switch{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-soft);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.wf-reorder-switch input{position:absolute;opacity:0;width:0;height:0}.wf-reorder-slider{position:relative;width:46px;height:24px;background:var(--color-border);border:1px solid var(--color-border-strong);border-radius:999px;transition:background .2s ease,border-color .2s ease}.wf-reorder-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--color-surface);border-radius:50%;box-shadow:0 1px 2px #0f172a40;transition:transform .2s ease}.wf-reorder-switch input:checked+.wf-reorder-slider{background:var(--color-text);border-color:var(--color-text)}.wf-reorder-switch input:checked+.wf-reorder-slider:after{transform:translate(22px)}.wf-reorder-switch.disabled{color:var(--color-text-subtle);cursor:not-allowed}.wf-reorder-switch.disabled .wf-reorder-slider{background:var(--color-surface-muted);border-color:var(--color-border)}.wf-status-select-wrap{display:inline-flex;align-items:center}.wf-status-select{border:1px solid var(--color-border-strong);border-radius:8px;padding:6px 28px 6px 10px;font-size:.8rem;background:var(--color-surface);color:var(--color-text);font-weight:600;transition:border-color .15s ease,box-shadow .15s ease}.wf-status-select:hover{border-color:var(--color-text-subtle)}.wf-status-select:focus{outline:none;border-color:var(--color-text);box-shadow:0 0 0 3px #0f172a1f}.wf-status-select:disabled{background:var(--color-surface-muted);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed}.step-card--reorder{cursor:grab;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;border:1px dashed transparent}.step-card--dragging{opacity:.6;transform:scale(.995)}.step-card--drop-target{border-color:var(--color-text);box-shadow:var(--shadow-md)}.step-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--color-surface-muted);color:var(--color-text-soft);font-size:.9rem;letter-spacing:-1px}.step-drop-placeholder{position:relative;pointer-events:none}.step-drop-placeholder--card{pointer-events:auto;height:64px;margin:10px 0;border:2px dashed var(--color-text);border-radius:12px;background:#0f172a08;box-shadow:inset 0 0 0 1px #0f172a0f}.step-notify-box{margin-top:8px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-alt)}.step-notify-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;align-items:center}.step-notify-row select{min-width:180px}.step-notify-hint{font-size:12px;color:var(--color-text-subtle)}.execution-page{padding:var(--page-padding);max-width:960px}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-in_progress{background:var(--color-primary-soft);color:var(--color-primary-hover)}.status-completed{background:var(--color-success-soft);color:var(--color-success)}.status-cancelled{background:var(--color-danger-soft);color:var(--color-danger-hover)}.instance-workflow-name{display:block;font-weight:500;color:var(--color-text-body);line-height:1.4}.instance-business-context{display:block;font-size:.75rem;color:var(--color-text-subtle);font-weight:400;margin-top:.2rem;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.instances-table-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.instances-table-header h3{margin:0;display:flex;align-items:center;gap:.5rem}.exec-delayed-badge{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 .55rem;background:var(--color-danger-soft);color:var(--color-danger-text);border-radius:999px;font-size:.8125rem;font-weight:600}.exec-wf-dropdown{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:.4rem 2.25rem .4rem .875rem;border:1.5px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-body);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s;min-width:200px;max-width:280px}.exec-wf-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.exec-wf-dropdown:hover{border-color:var(--color-text-subtle)}.exec-store-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:.4rem 2.25rem .4rem .875rem;border:1.5px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-body);font-size:.875rem;font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s;min-width:140px}.exec-store-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.exec-store-select:hover{border-color:var(--color-text-subtle)}.exec-table-wrap{background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);overflow-x:auto}.exec-table{width:100%;border-collapse:collapse;font-size:.9375rem}.exec-table thead tr{background:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.exec-table th{text-align:left;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.exec-table td{padding:.875rem 1rem;border-bottom:1px solid var(--color-surface-muted);color:var(--color-text-soft);vertical-align:middle}.exec-table tbody tr:last-child td{border-bottom:none}.exec-table tbody tr:hover td{background:var(--color-surface-alt)}.exec-status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-alt);color:var(--color-text-soft);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.exec-status-pill:hover{border-color:var(--color-text-subtle);background:var(--color-surface-muted);color:var(--color-text-body)}.exec-status-pill.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-hover)}.exec-my-actions-pill{margin-left:.5rem;border-left:1px solid var(--color-border);padding-left:.875rem}.exec-my-actions-pill.active{border-color:#10b981;background:#ecfdf5;color:#059669}.exec-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.exec-dot-in_progress{background:var(--color-primary-hover)}.exec-dot-completed{background:var(--color-success)}.exec-dot-cancelled{background:var(--color-danger-hover)}.order-filter-strip{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}.order-filter-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-alt);color:var(--color-text-soft);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.order-filter-pill:hover{border-color:var(--color-text-subtle);background:var(--color-surface-muted);color:var(--color-text-body)}.order-filter-pill.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-hover)}.order-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.dot-complete{background:var(--color-success)}.dot-partial{background:#d97706}.dot-in_progress{background:var(--color-primary-hover)}.order-group{margin-bottom:1.5rem}.order-group:last-child{margin-bottom:0}.order-group-header{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--color-surface-alt);border:1px solid var(--color-border);border-bottom:none;border-radius:8px 8px 0 0}.order-group-id{font-size:.875rem;font-weight:600;color:var(--color-text-body)}.order-group-count{margin-left:auto;font-size:.75rem;color:var(--color-text-subtle);font-weight:400}.order-status-badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.order-status-complete{background:var(--color-success-soft);color:var(--color-success-text)}.order-status-partial{background:var(--color-warning-soft);color:var(--color-warning-text)}.order-status-in_progress{background:var(--color-primary-soft);color:var(--color-primary-active)}.order-group table{border-radius:0 0 8px 8px;overflow:hidden}.instance-detail{max-width:800px}.instance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.instance-header h2{font-size:1.5rem;font-weight:700;color:var(--color-text-body);margin:0 0 .25rem}.instance-header p{color:var(--color-text-muted);margin:0;font-size:.875rem}.instance-current{margin-bottom:2rem}.current-step-card{background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;padding:1.5rem;color:var(--color-primary-contrast)}.current-step-card .label{font-size:.8125rem;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.current-step-card h3{font-size:1.5rem;font-weight:700;margin:.5rem 0 0}.no-permission-notice{margin-top:1rem;padding:.75rem;background:#ef444426;border-radius:8px;font-size:.875rem;color:var(--color-danger-border)}.action-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.action-section h3{font-size:1.125rem;font-weight:600;color:var(--color-text-body);margin:0 0 1rem}.dynamic-form{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.dynamic-form h4{font-size:.9375rem;font-weight:600;color:var(--color-text-soft);margin:0 0 1rem}.dynamic-form .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.dynamic-form label{font-weight:600;font-size:.875rem;color:var(--color-text-soft)}.required-mark{color:var(--color-danger)}.dynamic-form input,.dynamic-form select,.dynamic-form textarea{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.9375rem;font-family:inherit}.dynamic-form input:focus,.dynamic-form select:focus,.dynamic-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.transitions-list h4{font-size:.9375rem;font-weight:600;color:var(--color-text-soft);margin:0 0 .75rem}.transition-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.transition-btn{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;transition:all .2s;font-family:inherit}.transition-btn:hover,.transition-btn.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.transition-to{font-weight:600;color:var(--color-text-body);font-size:.9375rem}.transition-policy{font-size:.8125rem;color:var(--color-text-muted)}.execution-history{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.execution-history h3{font-size:1.125rem;font-weight:600;color:var(--color-text-body);margin:0 0 1.5rem}.timeline{display:flex;flex-direction:column;gap:1rem}.timeline-item{display:flex;gap:1rem}.timeline-marker{width:32px;height:32px;background:var(--color-primary);color:var(--color-primary-contrast);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem;flex-shrink:0}.timeline-content{flex:1;padding-bottom:1rem;border-bottom:1px solid var(--color-surface-muted)}.timeline-content h4{font-size:.9375rem;font-weight:600;color:var(--color-text-body);margin:0 0 .25rem}.timeline-content p{font-size:.8125rem;color:var(--color-text-muted);margin:0 0 .5rem}.field-values{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;background:var(--color-surface-alt);border-radius:8px;padding:.5rem .75rem;border:1px solid var(--color-border)}.field-value-row{display:flex;align-items:baseline;gap:.5rem;font-size:.8125rem}.field-value-name{color:var(--color-text-muted);font-weight:600;flex-shrink:0;min-width:90px}.field-value-val{color:var(--color-text-body);font-weight:400;word-break:break-word}.dynamic-form input.field-error,.dynamic-form select.field-error,.dynamic-form textarea.field-error{border-color:var(--color-danger)}.dynamic-form input.field-error:focus,.dynamic-form select.field-error:focus,.dynamic-form textarea.field-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.field-error-message{font-size:.75rem;color:var(--color-danger);font-weight:500}.dynamic-checkbox-label{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:var(--color-text-soft);cursor:pointer;padding:.5rem 0}.dynamic-checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.list-text-container{border:1px solid var(--color-border);border-radius:8px;padding:.75rem;background:var(--color-surface)}.list-text-container.field-error-border{border-color:var(--color-danger)}.notes-loading{font-size:.8125rem;color:var(--color-text-subtle);padding:.5rem 0}.notes-empty{font-size:.8125rem;color:var(--color-text-subtle);padding:.5rem 0;margin-bottom:.75rem}.list-text-items{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.375rem}.list-text-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:6px;font-size:.9375rem}.list-text-number{font-weight:600;color:var(--color-primary);min-width:1.5rem;flex-shrink:0}.list-text-value{flex:1;color:var(--color-text-body);word-break:break-word}.note-meta{font-size:.6875rem;color:var(--color-text-subtle);flex-shrink:0}.note-saved-badge{font-size:.625rem;font-weight:600;color:var(--color-success);background:var(--color-success-soft);padding:.125rem .375rem;border-radius:4px;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}.note-action-btn{background:none;border:none;cursor:pointer;padding:.125rem .3rem;border-radius:4px;font-size:.875rem;line-height:1;flex-shrink:0;transition:all .15s}.note-edit-btn{color:var(--color-text-subtle)}.note-edit-btn:hover{color:var(--color-primary);background:var(--color-primary-soft)}.note-save-btn{color:var(--color-success);font-weight:700}.note-save-btn:hover{background:var(--color-success-soft)}.note-cancel-btn{color:var(--color-text-subtle)}.note-cancel-btn:hover{color:var(--color-danger);background:var(--color-danger-soft)}.note-edit-row{flex:1;display:flex;gap:.375rem;align-items:center}.note-edit-input{flex:1;padding:.35rem .5rem;border:1px solid var(--color-primary);border-radius:5px;font-size:.875rem;font-family:inherit;outline:none;box-shadow:0 0 0 2px #3b82f626}.list-text-add{display:flex;gap:.5rem;align-items:center}.list-text-add input{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;font-family:inherit}.list-text-add input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.list-text-add-btn{padding:.5rem .875rem;background:var(--color-primary);color:var(--color-primary-contrast);border:none;border-radius:8px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .2s;font-family:inherit;white-space:nowrap}.list-text-add-btn:hover:not(:disabled){background:var(--color-primary-hover)}.list-text-add-btn:disabled{opacity:.5;cursor:not-allowed}.field-value-block{display:flex;flex-direction:column;gap:.375rem;font-size:.8125rem}.field-value-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.field-value-list-item{display:flex;align-items:baseline;gap:.5rem;padding:.3rem .5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:5px}.field-value-list-num{font-weight:600;color:var(--color-primary);min-width:1.25rem;text-align:center;flex-shrink:0;font-size:.75rem}.field-value-list-text{color:var(--color-text-body);word-break:break-word}@media (max-width: 768px){.execution-page{padding:var(--page-padding-sm)}.exec-wf-dropdown{min-width:unset;max-width:unset;width:100%}.instance-header{flex-direction:column;align-items:flex-start;gap:.75rem}.transition-btn{flex-direction:column;align-items:flex-start;gap:.25rem}}.execution-page--board{max-width:100%}.kanban-root{display:flex;flex-direction:column;gap:0;min-height:0}.kanban-wf-tabs{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:1rem}.kanban-wf-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-alt);color:var(--color-text-soft);font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.kanban-wf-tab:hover{background:var(--color-surface-muted);border-color:var(--color-text-subtle);color:var(--color-text-body)}.kanban-wf-tab.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-hover)}.kanban-wf-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 .35rem;background:#00000014;border-radius:999px;font-size:.75rem;font-weight:600}.kanban-wf-tab.active .kanban-wf-tab-count{background:var(--color-primary-soft);color:var(--color-primary-active)}.kanban-board{display:flex;gap:1rem;align-items:flex-start;overflow-x:auto;padding-bottom:1.25rem;min-height:520px}.kanban-board::-webkit-scrollbar{height:6px}.kanban-board::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:3px}.kanban-board::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}.kanban-board::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}.kanban-loading{display:flex;align-items:center;justify-content:center;min-height:320px}.kanban-empty{color:var(--color-text-subtle);font-size:.9375rem;padding:2rem}.kanban-col{--col-border: #e2e8f0;--col-header: #475569;--col-tag-bg: #e2e8f0;--col-tag-text: #475569;--col-dot: #94a3b8;flex:0 0 272px;width:272px;background:transparent;border-radius:14px;border:1.5px solid var(--col-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 4px #0000000a;transition:box-shadow .2s}.kanban-col:hover{box-shadow:0 4px 16px #00000012}.kanban-col-header{padding:0 0 .75rem;position:relative}.kanban-col-accent-bar{height:4px;background:var(--col-header);border-radius:0;margin-bottom:.875rem;opacity:.85}.kanban-col-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:0 .875rem}.kanban-col-title-left{display:flex;align-items:center;gap:.5rem;min-width:0}.kanban-col-name{font-size:.875rem;font-weight:700;color:var(--color-text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-col-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 .4rem;background:var(--col-header);color:var(--color-primary-contrast);border-radius:999px;font-size:.6875rem;font-weight:700;flex-shrink:0;opacity:.85}.kanban-col-tags-row{display:flex;gap:.25rem;padding:.375rem .875rem 0;flex-wrap:wrap}.kanban-col-tag{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--col-tag-bg);color:var(--col-tag-text)}.kanban-col-body{padding:0 .625rem .75rem;display:flex;flex-direction:column;gap:.5rem;min-height:60px;max-height:600px;overflow-y:auto}.kanban-col-body::-webkit-scrollbar{width:4px}.kanban-col-body::-webkit-scrollbar-track{background:transparent}.kanban-col-body::-webkit-scrollbar-thumb{background:var(--col-border);border-radius:2px}.kanban-col-body::-webkit-scrollbar-thumb:hover{background:var(--col-dot)}.kanban-col-empty{text-align:center;color:var(--col-dot);font-size:.8125rem;padding:1.5rem 0;border:1.5px dashed var(--col-border);border-radius:8px;opacity:.7}.kanban-ticket{--ticket-accent: #3b82f6;--ticket-tag-bg: #eff6ff;--ticket-tag-text: #1e40af;background:var(--color-surface);border:1px solid #e8edf4;border-radius:10px;padding:.75rem .875rem;cursor:default;transition:box-shadow .18s,transform .18s,border-color .18s;position:relative}.kanban-ticket:hover{box-shadow:0 4px 14px #00000014;transform:translateY(-1px)}.kanban-ticket--actionable{border-left:3px solid var(--ticket-accent)}.kanban-ticket--actionable:hover{box-shadow:0 4px 18px #0000001a}.kanban-ticket--highlight{border-color:var(--color-warning);box-shadow:0 0 0 3px #f59e0b59,0 8px 22px #f59e0b2e;animation:kanban-ticket-pulse 1.1s ease-in-out 0s 3;position:relative;z-index:2}@keyframes kanban-ticket-pulse{0%{box-shadow:0 0 #f59e0b8c,0 8px 22px #f59e0b2e}60%{box-shadow:0 0 0 10px #f59e0b00,0 8px 22px #f59e0b2e}to{box-shadow:0 0 0 3px #f59e0b59,0 8px 22px #f59e0b2e}}.kanban-ticket-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.kanban-ticket-id{font-size:.6875rem;color:var(--color-text-subtle);font-weight:600;letter-spacing:.03em;font-variant-numeric:tabular-nums;display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-ticket-status-badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.kanban-ticket-status-badge[data-status=in_progress]{background:var(--color-primary-soft);color:var(--color-primary-active)}.kanban-ticket-status-badge[data-status=completed]{background:var(--color-success-soft);color:var(--color-success-text)}.kanban-ticket-status-badge[data-status=cancelled]{background:var(--color-danger-soft);color:var(--color-danger-text)}.kanban-ticket-title{margin:0 0 .5rem;font-size:.875rem;font-weight:700;line-height:1.35;color:var(--color-text);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban-ticket-attrs{display:flex;flex-wrap:wrap;gap:.3rem}.kanban-attr-chip{display:inline-flex;align-items:center;gap:.3rem;max-width:100%;padding:.15rem .45rem;border-radius:6px;background:var(--color-surface-muted);border:1px solid var(--color-border);font-size:.6875rem;line-height:1.4}.kanban-attr-key{font-weight:700;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.kanban-attr-val{font-weight:500;color:var(--color-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.kanban-ticket-divider{height:1px;background:var(--color-surface-muted);margin:.75rem -.875rem .625rem}.kanban-ticket-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.kanban-ticket-footer--end{justify-content:flex-end}.kanban-move-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .625rem;background:var(--ticket-tag-bg);border:1px solid var(--ticket-accent);border-radius:6px;color:var(--ticket-accent);font-size:.6875rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;flex-shrink:0;letter-spacing:.02em}.kanban-move-btn:hover{filter:brightness(.93);box-shadow:0 2px 6px #0000001a}.kanban-no-perm{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-surface-muted);border-radius:6px;color:var(--color-border-strong);flex-shrink:0}.exec-view-toggle{display:flex;gap:2px;background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:8px;padding:3px;flex-shrink:0}.exec-view-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--color-text-subtle);cursor:pointer;transition:all .15s;font-family:inherit}.exec-view-btn:hover{background:var(--color-border);color:var(--color-text-soft)}.exec-view-btn.active{background:var(--color-surface);color:var(--color-text-body);box-shadow:0 1px 3px #00000014}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:backdropIn .15s ease}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.move-modal{background:var(--color-surface);border-radius:16px;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;animation:modalIn .2s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.move-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--color-surface-muted);gap:.75rem}.move-modal-title-block{display:flex;flex-direction:column;gap:.25rem;min-width:0}.move-modal-instance-id{font-size:.75rem;color:var(--color-text-subtle);font-weight:500}.move-modal-title{font-size:1.0625rem;font-weight:700;color:var(--color-text-body);margin:0;line-height:1.3}.move-modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:var(--color-surface-muted);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:all .15s;font-family:inherit}.move-modal-close:hover{background:var(--color-border);color:var(--color-text-body)}.move-modal-current{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.5rem;background:var(--color-surface-alt);border-bottom:1px solid var(--color-surface-muted)}.move-modal-current-label{font-size:.75rem;color:var(--color-text-subtle);font-weight:500;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.move-modal-current-step{font-size:.875rem;font-weight:600;color:var(--color-text-body);background:var(--color-border);padding:.2rem .625rem;border-radius:6px}.move-modal-no-perm{margin:0 1.5rem;padding:.75rem 1rem;background:var(--color-danger-soft);border:1px solid var(--color-danger-border);border-radius:8px;font-size:.875rem;color:var(--color-danger-text);font-weight:500}.move-modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.move-modal-body::-webkit-scrollbar{width:4px}.move-modal-body::-webkit-scrollbar-track{background:transparent}.move-modal-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.move-modal-section{display:flex;flex-direction:column;gap:.75rem}.move-modal-section-title{font-size:.75rem;font-weight:700;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em}.move-modal-fields .required-mark{color:var(--color-danger)}.move-modal-fields .field-error-message{font-size:.75rem;color:var(--color-danger);font-weight:500}.move-modal-fields .dynamic-checkbox-label{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:var(--color-text-soft);cursor:pointer;padding:.5rem 0}.move-modal-fields .dynamic-checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.move-modal-fields .form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.875rem}.move-modal-fields label{font-size:.875rem;font-weight:600;color:var(--color-text-soft)}.move-modal-fields input,.move-modal-fields select,.move-modal-fields textarea{padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.9375rem;font-family:inherit;color:var(--color-text-body);transition:border-color .15s,box-shadow .15s}.move-modal-fields input:focus,.move-modal-fields select:focus,.move-modal-fields textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.move-modal-fields input.field-error,.move-modal-fields select.field-error,.move-modal-fields textarea.field-error{border-color:var(--color-danger)}.move-modal-transitions{display:flex;flex-direction:column;gap:.5rem}.move-transition-card{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border:2px solid var(--color-border);border-radius:10px;background:var(--color-surface);cursor:pointer;font-family:inherit;text-align:left;transition:all .15s;gap:.5rem}.move-transition-card:hover{border-color:var(--color-primary-soft);background:var(--color-surface-alt)}.move-transition-card.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.move-transition-card-inner{display:flex;flex-direction:column;gap:.25rem;min-width:0}.move-transition-to{display:inline-flex;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:600;color:var(--color-text-body)}.move-transition-card.selected .move-transition-to{color:var(--color-primary-active)}.move-transition-to svg{flex-shrink:0;color:var(--color-text-muted)}.move-transition-card.selected .move-transition-to svg{color:var(--color-primary)}.move-transition-policy{font-size:.75rem;color:var(--color-text-subtle);font-weight:400}.move-transition-check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-primary);border-radius:50%;color:var(--color-primary-contrast);flex-shrink:0}.move-modal-empty{color:var(--color-text-subtle);font-size:.875rem;text-align:center;padding:1.5rem;background:var(--color-surface-alt);border-radius:8px;border:1.5px dashed var(--color-border);margin:0}.move-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;padding:1rem 1.5rem;border-top:1px solid var(--color-surface-muted);background:#fafafa}@media (max-width: 768px){.kanban-board{flex-direction:column;overflow-x:visible}.kanban-col{flex:none;width:100%}.move-modal{max-height:92vh}}.hfilter{position:relative;display:inline-flex}.hfilter-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:var(--control-height-md);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-soft);font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.hfilter-btn:hover{background:var(--color-surface-alt);border-color:var(--color-border-strong);color:var(--color-text)}.hfilter-btn--active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.hfilter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-contrast);font-size:.6875rem;font-weight:var(--font-weight-semibold)}.hfilter-pop{position:absolute;top:calc(100% + var(--space-2));z-index:var(--z-modal);width:320px;max-width:calc(100vw - 2rem);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:hfilter-in .12s ease}.hfilter-pop--right{right:0}.hfilter-pop--left{left:0}@keyframes hfilter-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hfilter-pop-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.hfilter-pop-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.hfilter-clear{border:none;background:none;padding:0;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer}.hfilter-clear:hover{color:var(--color-primary-hover);text-decoration:underline}.hfilter-pop-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);max-height:70vh;overflow-y:auto}.hfilter-group{display:flex;flex-direction:column;gap:var(--space-2)}.hfilter-group-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.hfilter-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hfilter-pop-body select{width:100%;height:var(--control-height-md);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-body);font-family:inherit;font-size:var(--font-size-md);cursor:pointer}.hfilter-pop-body select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.gt-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.gt-scroll{width:100%;flex:1 1 auto;min-height:0;overflow:auto}.gt-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-sans);font-size:13px;line-height:1.4;color:var(--color-text-body)}.gt-thead .gt-th{background:var(--color-surface-muted);color:var(--color-text-muted);font-size:13px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;user-select:none}.gt-scroll--sticky .gt-thead .gt-th{position:sticky;top:0;z-index:var(--z-sticky)}.gt-th-inner{display:inline-flex;align-items:center;gap:var(--space-2)}.gt-th--sortable{cursor:pointer;transition:color var(--transition-base),background var(--transition-base)}.gt-th--sortable:hover{color:var(--color-text);background:var(--color-border-subtle)}.gt-th--active{color:var(--color-primary)}.gt-sort-ind{font-size:.625rem;line-height:1;color:var(--color-text-subtle);transition:color var(--transition-base)}.gt-th--active .gt-sort-ind{color:var(--color-primary)}.gt-th--sortable:hover .gt-sort-ind{color:var(--color-text-muted)}.gt-tbody .gt-td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle;color:var(--color-text-body)}.gt-tr{transition:background var(--transition-fast)}.gt-tr:hover{background:var(--color-surface-alt)}.gt-tbody tr:last-child .gt-td{border-bottom:none}.gt-tr--clickable{cursor:pointer}.gt-muted{color:var(--color-text-subtle)}.gt-align-center{text-align:center}.gt-align-right{text-align:right}.gt-align-center .gt-th-inner{justify-content:center}.gt-align-right .gt-th-inner{justify-content:flex-end}.gt-state-row .gt-state-cell{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-muted)}.gt-state-cell{display:table-cell}.gt-state-cell .gt-spinner{display:inline-block;width:18px;height:18px;margin-right:var(--space-2);vertical-align:middle;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:gt-spin .7s linear infinite}.gt-empty-text{font-size:var(--font-size-base)}@keyframes gt-spin{to{transform:rotate(360deg)}}.gt-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.1875rem var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.4;white-space:nowrap}.gt-badge--success{background:var(--color-success-soft);color:var(--color-success-text)}.gt-badge--danger{background:var(--color-danger-soft);color:var(--color-danger-text)}.gt-badge--neutral{background:var(--color-surface-muted);color:var(--color-text-muted)}.gt-badge--warning{background:var(--color-warning-soft);color:var(--color-warning-text)}@media (max-width: 640px){.gt-thead .gt-th,.gt-tbody .gt-td{padding:var(--space-2) var(--space-3)}}.masked-phone{display:inline-flex;align-items:center;gap:.4rem;padding:.18rem .45rem .18rem .65rem;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%);border:1px solid var(--color-border);border-radius:999px;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.3;color:var(--color-text-body);vertical-align:middle;max-width:100%;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.masked-phone:hover{border-color:var(--color-border-strong);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-muted) 100%);box-shadow:var(--shadow-sm)}.masked-phone--static{padding:.12rem .55rem;background:var(--color-surface-alt);border-color:#e8ecf2}.masked-phone--static:hover{background:var(--color-surface-muted);border-color:#d8dee7;box-shadow:none}.masked-phone-value{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:500;white-space:nowrap;min-width:0}.masked-phone--hidden .masked-phone-value{filter:blur(.4px);color:var(--color-text-soft);letter-spacing:.06em}.masked-phone-toggle{display:inline-flex;align-items:center;gap:.28rem;background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text-soft);padding:.18rem .55rem;font-size:.62rem;font-weight:700;line-height:1;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .18s ease}.masked-phone-toggle:hover{background:#0f172a;border-color:#0f172a;color:#fff;box-shadow:0 2px 6px #0f172a2e;transform:translateY(-1px)}.masked-phone-toggle:active{transform:translateY(0);box-shadow:0 1px 2px #0f172a1f}.masked-phone-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.masked-phone-toggle[aria-pressed=true]{background:#1e293b;border-color:#1e293b;color:#fff}.masked-phone-toggle[aria-pressed=true]:hover{background:#0f172a;border-color:#0f172a}.masked-phone-toggle svg{flex-shrink:0}.users-page{padding:var(--page-padding);max-width:1100px;width:100%;margin:0 auto}.users-access-modal{max-width:640px;width:100%}.access-loading{padding:2rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.access-body{display:flex;flex-direction:column;gap:1.25rem;max-height:60vh;overflow-y:auto;padding-right:4px}.access-section{display:flex;flex-direction:column;gap:.625rem;padding:.85rem .95rem;border:1px solid var(--color-border);border-left:4px solid var(--color-text-subtle);border-radius:8px;background:var(--color-surface)}.access-section--spin{border-left-color:#6b1230;background:#fffaee}.access-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.access-section-titlecol{display:flex;flex-direction:column;gap:.2rem;min-width:0}.access-section-header h4{margin:0;font-size:.9375rem;font-weight:700;color:var(--color-text)}.access-scope-chip{display:inline-block;padding:.1rem .55rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-self:flex-start}.access-scope-chip--spin{background:#fde6ee;color:#6b1230}.access-section-hint{font-size:.75rem;color:var(--color-text-muted)}.access-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.access-page-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:10px;cursor:pointer;background:var(--color-surface-alt);transition:background .12s,border-color .12s}.access-page-item:hover,.access-page-item--on{background:var(--color-primary-soft);border-color:var(--color-primary-soft)}.access-page-item input{margin:0;width:16px;height:16px;accent-color:var(--color-primary-hover);flex-shrink:0}.access-page-text{display:flex;flex-direction:column;gap:1px;min-width:0}.access-page-label{font-size:.8125rem;font-weight:600;color:var(--color-text)}.access-page-state{font-size:.6875rem;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em}.access-page-item--on .access-page-state{color:var(--color-primary-hover)}.label-required{color:var(--color-danger);font-weight:600;margin-left:2px}.users-empty{padding:var(--space-8) var(--space-7);text-align:center;color:var(--color-text-muted)}.users-empty p{margin:0 0 var(--space-4) 0;font-size:var(--font-size-base)}.users-table-index{color:var(--color-text-subtle);font-variant-numeric:tabular-nums}.users-table-name{font-weight:var(--font-weight-medium);color:var(--color-text)}.users-table-email{color:var(--color-text-soft)}.user-row-suspended .gt-td{opacity:.6}.user-row-suspended .gt-td:last-child{opacity:1}.user-menu-wrap{position:relative;display:inline-flex}.btn-user-dots{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--color-text-subtle);font-size:1.25rem;cursor:pointer;transition:all .15s;font-family:inherit;line-height:1;letter-spacing:.1em}.btn-user-dots:hover{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text-soft)}.user-menu-dropdown{z-index:9999;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-md);padding:.375rem;animation:userMenuIn .12s ease}@keyframes userMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;background:none;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--color-text-soft);cursor:pointer;font-family:inherit;text-align:left;transition:background .12s;white-space:nowrap}.user-menu-item:hover{background:var(--color-surface-muted)}.user-menu-item svg{flex-shrink:0;color:var(--color-text-muted)}.user-menu-icon{flex-shrink:0;width:15px;text-align:center;font-size:.8125rem}.user-menu-divider{height:1px;background:var(--color-surface-muted);margin:.25rem .375rem}.user-menu-suspend{color:var(--color-danger-hover)}.user-menu-suspend:hover{background:var(--color-danger-soft)}.user-menu-activate{color:var(--color-success)}.user-menu-activate:hover{background:var(--color-success-soft)}.user-menu-item:disabled{opacity:.5;cursor:not-allowed}.users-modal-box{width:520px;max-height:90vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.users-modal-box .modal-header{padding:1.5rem 1.75rem 1.25rem;border-bottom:1px solid var(--color-surface-muted);flex-shrink:0}.users-modal-box form{display:flex;flex-direction:column;flex:1;min-height:0}.users-modal-form-body{overflow-y:auto;padding:1.25rem 1.75rem;flex:1;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.users-modal-form-body::-webkit-scrollbar{width:6px}.users-modal-form-body::-webkit-scrollbar-track{background:transparent}.users-modal-form-body::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}.users-modal-form-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}.users-modal-actions{padding:1.25rem 1.75rem;border-top:1px solid var(--color-surface-muted);flex-shrink:0}.users-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.role-multiselect-wrap{position:relative}.role-dropdown-fixed{position:fixed!important}.users-modal-box-sm{width:440px;max-height:90vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.users-modal-box-sm .modal-header{padding:1.5rem 1.75rem 1.25rem;border-bottom:1px solid var(--color-surface-muted);flex-shrink:0}.users-modal-box-sm .users-modal-actions{padding:1.25rem 1.75rem;border-top:1px solid var(--color-surface-muted);flex-shrink:0}.reset-pw-result{padding:1.25rem 1.75rem}.reset-pw-info{font-size:.9375rem;color:var(--color-text-soft);margin:0 0 1rem;line-height:1.5}.reset-pw-info strong{color:var(--color-text)}.reset-pw-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.reset-pw-row{display:flex;align-items:baseline;gap:.75rem}.reset-pw-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);min-width:130px;flex-shrink:0}.reset-pw-value{font-size:.875rem;color:var(--color-text-body);word-break:break-all}.reset-pw-mono{font-family:monospace;font-size:1rem;font-weight:700;color:var(--color-primary);letter-spacing:.05em}.reset-pw-note{font-size:.8125rem;color:var(--color-text-subtle);margin:0;line-height:1.5}@media (max-width: 600px){.users-page{padding:var(--page-padding-sm)}.users-form-row{grid-template-columns:1fr}.users-modal-box{width:100%}}.wf-diagram-scroll{width:100%;overflow:auto;padding:1rem .5rem 1.5rem}.wf-diagram-empty{padding:2rem;text-align:center;color:var(--color-text-muted);font-size:.875rem}.wf-diagram{position:relative;display:inline-block;min-width:100%;padding:.5rem 1rem}.wf-diagram-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.wf-diagram-grid{position:relative;z-index:1;display:grid;gap:28px 64px;align-items:start}.wf-diagram-col{display:flex;flex-direction:column;gap:28px}.wf-diagram-node{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:6px;box-shadow:0 1px 2px #0f172a0a;width:200px;font-size:12px;color:var(--color-text-body);overflow:hidden}.wf-diagram-node--start{border-color:var(--color-success)}.wf-diagram-node--end{border-color:var(--color-primary-hover)}.wf-diagram-node--done{border-color:var(--color-success);box-shadow:0 1px 2px #16a34a2e}.wf-diagram-node--done .wf-diagram-node-head{background:#86efac;border-bottom-color:var(--color-success)}.wf-diagram-node--current{border-color:var(--color-primary-hover);box-shadow:0 0 0 2px #2563eb2e,0 4px 10px #2563eb2e}.wf-diagram-node--current .wf-diagram-node-head{background:#93c5fd;border-bottom-color:var(--color-primary-hover);color:#1e3a8a}.wf-diagram-node--pending{opacity:.85}.wf-diagram-node--pending .wf-diagram-node-head{background:#fde68a;border-bottom-color:var(--color-warning)}.wf-diagram-node-head{background:#facc15;color:var(--color-text-body);text-align:center;font-weight:700;font-size:12px;padding:6px 10px;letter-spacing:.01em;border-bottom:1px solid #ca8a04;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-diagram-node--start .wf-diagram-node-head{background:#fde047}.wf-diagram-node--end .wf-diagram-node-head{background:#fde68a}.wf-diagram-node-body{display:flex;flex-direction:column}.wf-diagram-node-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--color-border)}.wf-diagram-node-row:last-child{border-bottom:none}.wf-diagram-cell{padding:6px 10px;font-size:12px;color:var(--color-text-soft);text-align:center;font-variant-numeric:tabular-nums;border-right:1px solid var(--color-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-diagram-cell:last-child{border-right:none}.wf-diagram-cell--id{font-weight:600;color:var(--color-text-body);font-family:JetBrains Mono,SF Mono,Consolas,monospace}.wf-diagram-cell--sla{color:var(--color-text-soft);font-weight:500}.wf-diagram-cell--meta{color:var(--color-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.wf-diagram-node-foot{background:var(--color-surface-alt);border-top:1px solid var(--color-border);padding:5px 10px;font-size:11px;color:var(--color-text-soft);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.wf-diagram-node-inputs{border-top:1px solid var(--color-border);background:#fafbfc;padding:6px 10px 8px}.wf-diagram-inputs-label{font-size:9.5px;font-weight:700;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.wf-diagram-inputs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.wf-diagram-input-row{display:flex;flex-direction:column;gap:1px;font-size:11px;line-height:1.35}.wf-diagram-input-name{color:var(--color-text-muted);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.wf-diagram-input-value{color:var(--color-text-body);font-weight:500;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wf-diagram-input-list-values{margin:0;padding-left:14px;color:var(--color-text-body);font-weight:500;font-size:11px;line-height:1.35}.wf-diagram-input-list-values li{word-break:break-word}.wf-diagram-node--done .wf-diagram-node-inputs{background:var(--color-success-soft)}.wf-diagram-node--current .wf-diagram-node-inputs{background:var(--color-primary-soft)}.wf-diagram-node-action{border-top:1px solid var(--color-primary-soft);background:var(--color-primary-soft);padding:6px 8px;display:flex;justify-content:center}.rq-page{display:flex;flex-direction:column}.rq-strong{font-weight:var(--font-weight-semibold);color:var(--color-text)}.rq-muted{color:var(--color-text-muted)}.rq-chip{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 var(--space-2);background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.rq-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.rq-badge--none{background:var(--color-surface-muted);color:var(--color-text-muted)}.rq-badge--assigned{background:var(--color-primary-soft);color:var(--color-primary)}.rq-badge--progress{background:var(--color-warning-soft);color:var(--color-warning-text)}.rq-badge--done{background:var(--color-success-soft);color:var(--color-success-text)}.rq-badge--failed,.rq-badge--cancelled,.rq-badge--delayed{background:var(--color-danger-soft);color:var(--color-danger-text)}.rq-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--color-overlay);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-7) var(--space-4);overflow-y:auto}.rq-modal{width:100%;max-width:640px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.rq-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border)}.rq-modal-headcol{display:flex;flex-direction:column;gap:2px;min-width:0}.rq-modal-id{font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.rq-modal-title{margin:0;font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-text)}.rq-modal-headright{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.rq-modal-close{border:none;background:transparent;cursor:pointer;font-size:16px;color:var(--color-text-muted);width:28px;height:28px;border-radius:var(--radius-sm)}.rq-modal-close:hover{background:var(--color-surface-muted);color:var(--color-text)}.rq-modal-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.rq-section{display:flex;flex-direction:column;gap:var(--space-2)}.rq-section-title{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.rq-desc{margin:0;font-size:var(--font-size-md);color:var(--color-text-body);line-height:1.55}.rq-assign-picker{display:flex;flex-direction:column;gap:var(--space-3)}.rq-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md)}.rq-assign-actions{display:flex;gap:var(--space-2)}.rq-wf-row{display:flex;align-items:baseline;gap:var(--space-2)}.rq-wf-name{font-weight:var(--font-weight-semibold);color:var(--color-text)}.rq-wf-step{font-size:var(--font-size-sm);color:var(--color-text-muted)}.rq-attr-table{width:100%;border-collapse:collapse}.rq-attr-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-md);vertical-align:top}.rq-attr-table tr:last-child td{border-bottom:none}.rq-attr-k{width:40%;color:var(--color-text-muted);font-weight:var(--font-weight-medium);background:var(--color-surface-alt)}.rq-attr-v{color:var(--color-text-body);font-weight:var(--font-weight-medium)}.rq-meta{flex-direction:row;align-items:center;gap:var(--space-2)}.rq-meta-k{font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.system-config{padding:var(--page-padding);max-width:1400px}.sysconfig-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-top:24px;align-items:start}.sysconfig-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.sysconfig-sidebar-title{padding:14px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-surface-alt)}.sysconfig-sidebar-empty{padding:24px 16px;color:var(--color-text-muted);font-size:13px;text-align:center}.client-list{list-style:none;margin:0;padding:0}.client-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .15s;gap:8px}.client-list-item:last-child{border-bottom:none}.client-list-item:hover{background:var(--color-surface-alt)}.client-list-item.active{background:var(--color-primary-soft);border-left:3px solid var(--color-primary-hover)}.client-list-item.suspended{opacity:.6}.client-list-item-body{display:flex;flex-direction:column;gap:4px;min-width:0}.client-list-name{font-size:14px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-suspended{background:var(--color-warning-soft);color:var(--color-warning-text);font-size:10px;padding:2px 6px;border-radius:99px;font-weight:600;width:fit-content}.btn-suspend{flex-shrink:0;width:28px;height:28px;border:1px solid var(--color-border);border-radius:6px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-danger);transition:all .15s}.btn-suspend:hover{background:var(--color-danger-soft);border-color:var(--color-danger)}.btn-activate{color:var(--color-success)}.btn-activate:hover{background:var(--color-success-soft);border-color:var(--color-success)}.sysconfig-detail{min-height:400px}.sysconfig-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:48px}.sysconfig-empty-icon{color:#d1d5db}.sysconfig-empty p{font-size:14px;text-align:center}.client-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.client-detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt)}.client-detail-name{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 4px}.client-detail-desc{font-size:13px;color:var(--color-text-muted);margin:0}.client-detail .tab-bar{padding:0 24px;border-bottom:1px solid var(--color-border);margin-bottom:0}.client-detail .tab-content{padding:24px}.panel-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:16px}.panel-section-title{font-size:15px;font-weight:600;color:var(--color-text);margin:0}.settings-form{max-width:480px}.new-key-banner{background:var(--color-success-soft);border:1px solid #86efac;border-radius:10px;padding:16px;margin-bottom:20px}.new-key-banner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.new-key-banner-title{font-size:13px;font-weight:700;color:var(--color-success-text)}.new-key-warning{font-size:12px;color:var(--color-success-text);margin:0 0 10px}.new-key-display{display:flex;align-items:center;gap:10px;background:var(--color-surface);border:1px solid #86efac;border-radius:8px;padding:10px 12px}.new-key-value{font-family:Courier New,monospace;font-size:13px;color:var(--color-success-text);word-break:break-all;flex:1}.users-table-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.icon-trash{font-size:14px;line-height:1;display:block}.row-revoked td{opacity:.5}.ip-code{font-family:Courier New,monospace;font-size:13px;background:#f3f4f6;padding:2px 6px;border-radius:4px}.text-muted{color:var(--color-text-muted);font-size:13px}@media (max-width: 900px){.sysconfig-layout{grid-template-columns:1fr}}.rule-config-page{padding:var(--page-padding);max-width:1100px;width:100%}.rule-config-page .rule-config-tabs{display:flex;gap:.5rem;padding:.75rem 0 0;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.rule-config-page .rule-config-tab{padding:.5rem 1rem;border:none;background:none;font-size:.875rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.rule-config-page .rule-config-tab.active{color:var(--color-primary-hover);border-bottom-color:var(--color-primary-hover)}.rule-config-page .rule-config-combinations{padding:0}.rule-config-page .rule-config-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.rule-config-page .rule-config-table th{text-align:left;padding:.5rem .875rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt)}.rule-config-page .rule-config-table td{padding:.5rem .875rem;font-size:.875rem;color:var(--color-text-soft);border-bottom:1px solid var(--color-surface-muted)}.rule-config-page .rule-config-table tbody tr:last-child td{border-bottom:none}.rule-config-page .rule-config-panel{padding:0}.rule-config-page .rule-config-form .form-group{display:flex;flex-direction:column;gap:.5rem}.rule-config-page .rule-config-form input,.rule-config-page .rule-config-form select{padding:.75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;font-family:inherit;background:var(--color-surface)}.rule-config-page .rule-config-form input:focus,.rule-config-page .rule-config-form select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.rule-config-page .form-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.rule-config-page .rule-config-active{align-items:flex-start}.rule-config-page .rule-config-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.rule-config-page .rule-config-toggle{position:relative;display:inline-block;width:44px;height:24px}.rule-config-page .rule-config-toggle input{opacity:0;width:0;height:0}.rule-config-page .rule-config-toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--color-border);border-radius:24px;transition:.2s}.rule-config-page .rule-config-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;top:3px;background-color:var(--color-surface);border-radius:50%;transition:.2s;box-shadow:0 2px 6px #0f172a33}.rule-config-page .rule-config-toggle input:checked+.rule-config-toggle-slider{background-color:var(--color-primary)}.rule-config-page .rule-config-toggle input:checked+.rule-config-toggle-slider:before{transform:translate(20px)}.rule-config-page .rule-config-empty-state{height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:.75rem}.rule-config-page .rule-config-empty-state h3{margin:0;font-size:1.125rem;color:var(--color-text-body)}.rule-config-page .rule-config-empty-state p{margin:0;color:var(--color-text-muted);font-size:.875rem;max-width:420px}.rule-config-select{padding:.45rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;font-family:inherit;color:var(--color-text-soft);background:var(--color-surface-alt);cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s}.rule-config-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.rule-config-page .modal-box select.rule-config-select{appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;background-image:none;box-shadow:none;height:auto;padding-right:.75rem}.rule-config-page .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;font-size:.7rem;font-weight:700;background:var(--color-border);color:var(--color-text-muted);margin-left:6px}.rule-config-page .rule-config-tab.active .tab-count{background:var(--color-primary-soft);color:var(--color-primary-hover)}.rule-name-cell{font-weight:600;color:var(--color-text-body)}.rule-combos-list{display:flex;flex-direction:column;gap:.375rem}.rule-flags{display:flex;flex-wrap:wrap;gap:4px}.rule-combo-multiselect-wrap{position:relative}.rule-combo-trigger{cursor:pointer}.rule-combo-dropdown{max-height:220px}.rule-combo-dropdown .multiselect-options{max-height:200px;overflow-y:auto}.rule-combo-dropdown .option-name{font-size:.75rem}.rule-flag-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:.72rem;font-weight:500;white-space:nowrap}.rule-flag-tag--yes{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success-border)}.rule-flag-tag--no{background:var(--color-surface-alt);color:var(--color-text-subtle);border:1px solid var(--color-border)}.rule-workflow-name{font-size:.875rem;color:var(--color-text-soft);font-weight:500}.rule-unassigned{color:var(--color-text-subtle);font-size:.875rem}.rule-priority-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;background:var(--color-surface-muted);color:var(--color-text-soft)}.rule-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.rule-status-badge--active{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success-border)}.rule-status-badge--inactive{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.rule-status-badge--none{background:var(--color-surface-alt);color:var(--color-text-subtle);border:1px solid var(--color-border)}.rule-actions-cell{text-align:right;white-space:nowrap}.rule-flag-cell{display:inline-flex;align-items:center;gap:5px;font-size:.875rem;font-weight:500}.rule-flag-cell--yes{color:var(--color-success)}.rule-flag-cell--no{color:var(--color-text-subtle)}.rule-config-page .modal-box{max-width:600px}@media (max-width: 960px){.rule-config-page .form-row{grid-template-columns:1fr}}.rc-combo-builder{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);padding:var(--space-4);margin-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.rc-combo-builder-title{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.rc-combo-pair{display:flex;align-items:center;gap:var(--space-2)}.rc-combo-pair input{flex:1;min-width:0;height:var(--control-height-md);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-body);font-size:var(--font-size-md)}.rc-combo-pair input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.rc-combo-eq{color:var(--color-text-muted);font-weight:700}.rc-pair-remove{border:none;background:var(--color-surface-muted);color:var(--color-text-muted);width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0}.rc-pair-remove:disabled{opacity:.4;cursor:not-allowed}.rc-combo-builder-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.whatsapp-page{padding:var(--page-padding);max-width:1200px;margin:0 auto;width:100%}.whatsapp-page .users-table-wrap{margin-bottom:4px}.whatsapp-page .users-table{min-width:560px}.wa-table-scroll{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:auto;max-height:calc(100vh - 300px);min-height:160px}.whatsapp-page .users-table{width:100%}.whatsapp-page .users-table thead th{white-space:nowrap}.whatsapp-page .users-table .wa-col-num{text-align:center;width:90px}@media (max-width: 720px){.wa-table-scroll{max-height:calc(100vh - 250px)}}.wa-action-cell{width:1%;white-space:nowrap;text-align:right}.wa-actions{display:inline-flex;gap:6px;justify-content:flex-end}.wa-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s;flex-shrink:0;padding:0}.wa-icon-btn:hover{border-color:#128c7e;color:#128c7e;background:#f0fdf9}.wa-icon-btn.danger:hover{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-soft)}.wa-icon-btn svg{width:16px;height:16px}.wa-empty{text-align:center;color:var(--color-text-subtle);padding:28px 24px}.wa-muted{color:var(--color-text-subtle);font-size:13px}.wa-hint{margin:0 0 8px}.wa-danger{color:var(--color-danger-text)}.wa-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.wa-switch input{cursor:pointer}.wa-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.wa-badge-sent,.wa-badge-delivered,.wa-badge-read{background:var(--color-success-soft);color:var(--color-success-text)}.wa-badge-failed{background:var(--color-danger-soft);color:var(--color-danger-text)}.wa-badge-pending{background:#fef9c3;color:#854d0e}.wa-badge-skipped{background:var(--color-border);color:var(--color-text-soft)}.wa-card,.wa-settings{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:22px;max-width:680px}.wa-settings .wa-grid-2{margin:14px 0 18px}.wa-divider{height:1px;background:#eef2f7;margin:16px 0}.wa-advanced{margin:4px 0 14px}.wa-advanced summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--color-text-soft);padding:4px 0}.wa-advanced[open] summary{margin-bottom:10px}.wa-input-toggle{position:relative;display:flex;align-items:center}.wa-form .wa-input-toggle input{padding-right:42px}.wa-key-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-subtle);cursor:pointer;border-radius:6px;padding:0}.wa-key-toggle:hover{color:#128c7e;background:var(--color-surface-muted)}.wa-key-toggle svg{width:16px;height:16px}.wa-keystate{display:inline-block;margin-top:4px;font-size:12px}.wa-keystate.ok{color:#128c4b}.wa-keystate.missing{color:var(--color-warning-text)}.wa-modal{display:flex;flex-direction:column;padding:0;width:94%;max-width:660px;max-height:90vh;overflow:hidden}.wa-modal .edit-modal-header{padding:18px 22px;margin:0;border-bottom:1px solid #eef2f7;flex-shrink:0}.wa-modal .wa-form{display:flex;flex-direction:column;flex:1;min-height:0}.wa-modal .wa-modal-body{padding:18px 22px;overflow-y:auto;flex:1;min-height:0}.wa-modal .edit-modal-actions{padding:14px 22px;margin:0;border-top:1px solid #eef2f7;background:var(--color-surface);flex-shrink:0}.wa-form .form-group{margin-bottom:14px}.wa-form label{display:block;font-size:13px;font-weight:600;color:var(--color-text-soft);margin-bottom:5px}.wa-form input[type=text],.wa-form input[type=password],.wa-form input:not([type]),.wa-form input[type=number],.wa-form input[type=date],.wa-form select{width:100%;padding:9px 11px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-family:inherit;background:var(--color-surface);transition:border-color .15s,box-shadow .15s}.wa-form input:focus,.wa-form select:focus{outline:none;border-color:#128c7e;box-shadow:0 0 0 3px #128c7e1f}.wa-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wa-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.wa-radio-row{display:flex;gap:20px;flex-wrap:wrap}.wa-radio-row label{display:inline-flex;align-items:center;gap:6px;font-weight:400}.wa-checkbox label{display:inline-flex;align-items:center;gap:8px;font-weight:500}.wa-param-row,.wa-map-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.wa-param-row select,.wa-param-row input,.wa-map-row select,.wa-map-row input{flex:1;min-width:0}.wa-eq{color:var(--color-text-subtle)}.wa-seq{font-weight:600;background:#25d36622;color:#128c4b;border-radius:50%;width:26px;height:26px;min-width:26px;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.wa-param-actions{display:flex;gap:4px;flex-shrink:0}.wa-move{border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-soft);border-radius:6px;width:30px;height:30px;cursor:pointer}.wa-move:disabled{opacity:.4;cursor:not-allowed}.wa-remove{border:1px solid var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-danger-text);border-radius:6px;width:30px;height:30px;min-width:30px;cursor:pointer;flex-shrink:0}.wa-remove:hover{background:var(--color-danger-soft)}.wa-add{margin-top:6px}.wa-chip{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:999px;padding:4px 14px;font-size:13px;cursor:pointer;font-family:inherit}.wa-chip:hover{border-color:var(--color-text-subtle)}.wa-chip.active{background:#128c7e;color:var(--color-primary-contrast);border-color:#128c7e}.hfilter-pop-body .wa-hf-input{width:100%;padding:8px 11px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:inherit;background:var(--color-surface);color:var(--color-text-body)}.wa-detail p{margin:7px 0;font-size:14px;color:var(--color-text-body)}.wa-detail b{color:var(--color-text-soft);font-weight:600}.wa-detail .wa-error{color:var(--color-danger-text)}.wa-payload{margin-top:12px}.wa-payload pre{background:#0f172a;color:#e2e8f0;padding:10px 12px;border-radius:8px;font-size:12px;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:6px 0 0}@media (max-width: 720px){.whatsapp-page{padding:var(--page-padding-sm)}.wa-grid-2,.wa-grid-3{grid-template-columns:1fr}.wa-card,.wa-settings{max-width:100%}.wa-modal{width:96%;max-height:92vh}}.attr-page{padding:var(--page-padding);max-width:1200px;width:100%;margin:0 auto}.attr-muted{color:var(--color-text-subtle);font-variant-numeric:tabular-nums}.attr-strong{font-weight:var(--font-weight-medium);color:var(--color-text)}.attr-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-xs);background:var(--color-surface-muted);color:var(--color-text-soft);padding:2px 6px;border-radius:var(--radius-sm)}.attr-row-actions{display:inline-flex;gap:var(--space-1);justify-content:flex-end}.attr-picker{min-width:260px}.attr-empty-pick{flex:1 1 auto;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-base);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.attr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.attr-checks{display:flex;gap:var(--space-5);margin:var(--space-2) 0 var(--space-1)}.attr-check,.attr-check-cell .attr-check{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);color:var(--color-text-soft);cursor:pointer}.attr-check input{width:16px;height:16px;accent-color:var(--color-primary)}.attr-check-cell{justify-content:flex-end}@media (max-width: 640px){.attr-form-row{grid-template-columns:1fr}.attr-picker{min-width:0}}.rb-modal{max-width:760px;max-height:88vh;display:flex;flex-direction:column;padding:0}.rb-form{display:flex;flex-direction:column;min-height:0}.rb-modal .edit-modal-header{padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.rb-form-scroll{padding:var(--space-5) var(--space-6);overflow-y:auto;min-height:0}.rb-actions{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);margin-top:0}.rb-section{margin-top:var(--space-5)}.rb-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.rb-active{margin-top:var(--space-5)}.rb-preview-hint{margin:0 0 var(--space-3)}.cb-group{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);background:var(--color-surface-alt)}.cb-group--d1{background:var(--color-surface)}.cb-group--d2{background:var(--color-surface-alt)}.cb-group--d3{background:var(--color-surface)}.cb-group-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.cb-logic{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.cb-logic-btn{border:none;background:var(--color-surface);color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);cursor:pointer}.cb-logic-btn.active{background:var(--color-primary);color:var(--color-primary-contrast)}.cb-group-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);flex:1}.cb-children{display:flex;flex-direction:column;gap:var(--space-2)}.cb-leaf{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.cb-attr{min-width:170px}.cb-op{min-width:150px}.cb-val{flex:1;min-width:160px}.cb-dd{width:100%}.cb-input{height:var(--control-height-md);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-body);font-family:inherit;font-size:14px}.cb-input--grow{width:100%}.cb-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.cb-between{display:flex;align-items:center;gap:var(--space-2)}.cb-between .cb-input{flex:1}.cb-and{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cb-checks,.df-multi{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.cb-check,.df-check{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);color:var(--color-text-soft);cursor:pointer}.cb-check input,.df-check input{width:15px;height:15px;accent-color:var(--color-primary)}.cb-group-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.cb-empty{padding:var(--space-3);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.ase{display:flex;flex-direction:column;gap:var(--space-3)}.ase-step{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:var(--color-surface)}.ase-step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.ase-level{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.ase-step-tools{display:inline-flex;gap:var(--space-1)}.ase-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.ase-field{display:flex;flex-direction:column;gap:var(--space-1)}.ase-field label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.ase-field input{height:var(--control-height-md);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-body);font-family:inherit;font-size:14px}.ase-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.ase-auto{grid-column:1 / -1;display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);color:var(--color-text-soft);cursor:pointer}.ase-auto input{width:16px;height:16px;accent-color:var(--color-primary)}.df{display:flex;flex-direction:column;gap:var(--space-4)}.df-field input:not([type=checkbox]){width:100%;height:var(--control-height-md);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-body);font-family:inherit;font-size:14px}.df-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.df-req{color:var(--color-danger);margin-left:2px}.df-bool{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-soft)}.df-bool input{width:16px;height:16px;accent-color:var(--color-primary)}@media (max-width: 640px){.ase-grid{grid-template-columns:1fr}.cb-leaf{gap:var(--space-1)}}.dashboard{min-height:100vh;background:var(--color-bg)}.page-content{height:100vh;overflow:hidden;display:flex;flex-direction:column;transition:margin-left .25s ease}.page-content>*{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:auto}.dashboard-main{display:flex;min-height:100%}.main-content{flex:1;overflow-x:auto}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);gap:1rem}.loading-container-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-container-inline p{color:var(--color-text-muted);font-size:.875rem}.loading-container p{color:var(--color-text-muted);font-size:.875rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.empty-state-icon{margin-bottom:1rem;opacity:.5}.empty-state h2{font-size:1.5rem;font-weight:600;color:var(--color-text-body);margin:0 0 .5rem}.empty-state p{color:var(--color-text-muted);margin:0}@media (max-width: 1024px){.page-content{margin-left:64px!important;height:100vh}.dashboard-main{flex-direction:column}}@media (max-width: 768px){.main-content{padding:1.5rem}}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);font-family:var(--font-sans);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-alt: #f8fafc;--color-surface-muted: #f1f5f9;--color-border: #e2e8f0;--color-border-subtle: #f1f5f9;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-body: #1e293b;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-text-soft: #475569;--color-text-inverse: #f8fafc;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-active: #3730a3;--color-primary-soft: #eef2ff;--color-primary-contrast: #ffffff;--color-sidebar: #ffffff;--color-sidebar-border: #e8edf3;--color-sidebar-hover: #f1f5f9;--color-sidebar-active: #4f46e5;--color-sidebar-active-bg: #eef2ff;--color-sidebar-active-text: #4338ca;--color-sidebar-text: #1e293b;--color-sidebar-text-muted: #64748b;--color-sidebar-logo-bg: #0f172a;--color-sidebar-logo-text: #ffffff;--color-sidebar-seg-active: #ffffff;--color-success: #16a34a;--color-success-soft: #dcfce7;--color-success-text: #15803d;--color-success-border: #bbf7d0;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-soft: #fef2f2;--color-danger-text: #b91c1c;--color-danger-border: #fecaca;--color-warning: #f59e0b;--color-warning-soft: #fffbeb;--color-warning-text: #b45309;--color-warning-border: #fde68a;--color-focus-ring: rgba(79, 70, 229, .32);--color-overlay: rgba(15, 23, 42, .45);--brand-accent: #7c3aed;--gradient-brand: linear-gradient(135deg, #6366f1 0%, #4f46e5 52%, #6d28d9 120%);--gradient-brand-soft: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 100%);--gradient-primary-btn: linear-gradient(180deg, #6366f1 0%, #4f46e5 100%);--gradient-primary-btn-hover: linear-gradient(180deg, #4f46e5 0%, #4338ca 100%);--gradient-success-btn: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);--gradient-danger-btn: linear-gradient(180deg, #f15b5b 0%, #dc2626 100%);--shadow-btn: 0 1px 2px rgba(15, 23, 42, .1);--shadow-btn-primary: 0 1px 2px rgba(55, 48, 163, .4), 0 6px 16px -6px rgba(79, 70, 229, .55);--shadow-btn-primary-hover: 0 2px 5px rgba(55, 48, 163, .42), 0 12px 24px -8px rgba(79, 70, 229, .62);--btn-highlight: inset 0 1px 0 rgba(255, 255, 255, .2);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 3rem;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .875rem;--font-size-base: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px rgba(15, 23, 42, .12);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .28);--control-height-sm: 30px;--control-height-md: 36px;--control-height-lg: 42px;--control-padding-x: .875rem;--icon-size-sm: 16px;--icon-size-md: 20px;--transition-fast: .12s ease;--transition-base: .15s ease;--transition-theme: background-color .25s ease, color .25s ease, border-color .25s ease;--page-padding: 1.25rem;--page-padding-sm: 1rem;--sidebar-width: 260px;--sidebar-width-collapsed: 64px;--header-height: 64px;--table-row-height: 44px;--z-sticky: 2;--z-header: 100;--z-modal: 1000;--z-toast: 9999}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-alt: #243143;--color-surface-muted: #2a3a50;--color-border: #334155;--color-border-subtle: #2a3850;--color-border-strong: #475569;--color-text: #f8fafc;--color-text-body: #e2e8f0;--color-text-muted: #94a3b8;--color-text-subtle: #7c8aa0;--color-text-soft: #cbd5e1;--color-text-inverse: #0f172a;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-primary-active: #a5b4fc;--color-primary-soft: rgba(99, 102, 241, .18);--color-primary-contrast: #ffffff;--color-sidebar: #0e131c;--color-sidebar-border: #1e293b;--color-sidebar-hover: #1e293b;--color-sidebar-active: #6366f1;--color-sidebar-active-bg: rgba(99, 102, 241, .18);--color-sidebar-active-text: #a5b4fc;--color-sidebar-text: #f1f5f9;--color-sidebar-text-muted: #94a3b8;--color-sidebar-logo-bg: #1e293b;--color-sidebar-logo-text: #ffffff;--color-sidebar-seg-active: #334155;--color-success: #22c55e;--color-success-soft: rgba(34, 197, 94, .16);--color-success-text: #4ade80;--color-success-border: rgba(34, 197, 94, .35);--color-danger: #ef4444;--color-danger-hover: #f87171;--color-danger-soft: rgba(239, 68, 68, .16);--color-danger-text: #f87171;--color-danger-border: rgba(239, 68, 68, .35);--color-warning: #f59e0b;--color-warning-soft: rgba(245, 158, 11, .16);--color-warning-text: #fbbf24;--color-warning-border: rgba(245, 158, 11, .35);--color-focus-ring: rgba(129, 140, 248, .45);--color-overlay: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .6);--brand-accent: #a78bfa;--gradient-brand: linear-gradient(135deg, #6366f1 0%, #4f46e5 52%, #7c3aed 120%);--gradient-brand-soft: linear-gradient(135deg, rgba(99, 102, 241, .2) 0%, rgba(124, 58, 237, .16) 100%);--gradient-primary-btn: linear-gradient(180deg, #6366f1 0%, #4f46e5 100%);--gradient-primary-btn-hover: linear-gradient(180deg, #818cf8 0%, #6366f1 100%);--gradient-success-btn: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);--gradient-danger-btn: linear-gradient(180deg, #f15b5b 0%, #dc2626 100%);--shadow-btn: 0 1px 2px rgba(0, 0, 0, .45);--shadow-btn-primary: 0 1px 2px rgba(0, 0, 0, .5), 0 6px 16px -6px rgba(99, 102, 241, .5);--shadow-btn-primary-hover: 0 2px 5px rgba(0, 0, 0, .55), 0 12px 24px -8px rgba(99, 102, 241, .6);--btn-highlight: inset 0 1px 0 rgba(255, 255, 255, .14)}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg);color:var(--color-text-body);transition:var(--transition-theme)}#root{min-height:100vh}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}button{font-family:inherit;font-size:13px}input,textarea,select{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.3}.modal-box h1,.modal-box h2,.modal-box h3,.modal-box h4,.modal-header h1,.modal-header h2,.modal-header h3,.edit-modal h1,.edit-modal h2,.edit-modal h3,.edit-modal-header h1,.edit-modal-header h2,.edit-modal-header h3{font-family:var(--font-sans)}input,textarea,select{font-size:14px;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-muted)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius-md);min-width:280px;max-width:400px;box-shadow:var(--shadow-md);font-size:.9rem;font-weight:500;animation:toast-in .25s ease;pointer-events:all}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast-success{background:var(--color-success-soft);border:1px solid var(--color-success-border);color:var(--color-success-text)}.toast-error{background:var(--color-danger-soft);border:1px solid var(--color-danger-border);color:var(--color-danger-text)}.toast-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.toast-success .toast-icon{background:var(--color-success);color:#fff}.toast-error .toast-icon{background:var(--color-danger);color:#fff}.toast-message{flex:1;line-height:1.4}.data-table,.users-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-sans);font-size:13px;line-height:1.4;color:var(--color-text-body)}.data-table thead tr,.users-table thead tr{background:var(--color-surface-muted)}.data-table thead th,.users-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-surface-muted)}.data-table tbody td,.users-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-body);vertical-align:middle}.data-table tbody tr:last-child td,.users-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr,.users-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover,.users-table tbody tr:hover{background:var(--color-surface-alt)}.orders-table-wrap,.table-shell,.users-table-wrap,.wa-table-scroll{flex:1 1 auto;min-height:0;overflow:auto}.tab-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.text-muted{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.1875rem var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.4;white-space:nowrap}.badge-active{background:var(--color-success-soft);color:var(--color-success-text)}.badge-inactive{background:var(--color-surface-muted);color:var(--color-text-muted)}@media (max-width: 640px){.data-table thead th,.users-table thead th,.data-table tbody td,.users-table tbody td{padding:var(--space-2) var(--space-3)}}