:root{--brand-50:#edfdf3;--brand-100:#d3f9e1;--brand-200:#a7f0c4;--brand-400:#34c96b;--brand-500:#31ae5b;--brand-600:#25904a;--brand-700:#1a6d38;--gray-0:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--surface:#fff;--surface-subtle:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--green:#16a34a;--green-bg:#f0fdf4;--green-border:#bbf7d0;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--amber:#d97706;--amber-bg:#fffbeb;--amber-border:#fde68a;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 25px -3px #00000014, 0 4px 10px -2px #0000000a;--shadow-brand:0 4px 14px #31ae5b4d;--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:20px;--r-full:9999px;--ease:cubic-bezier(.4, 0, .2, 1);--t-fast:.12s var(--ease);--t:.2s var(--ease)}*,:before,:after{box-sizing:border-box}:root{color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}body{background:var(--gray-100);min-width:320px;margin:0}p,h1,h2{margin-top:0}.app-shell{grid-template-columns:280px minmax(0,1fr);width:100%;min-height:100vh;display:grid}.content-shell{min-width:0;padding:28px 32px 56px}.tab-panel{max-width:1240px;margin:0 auto;display:block}.app-sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:20;flex-direction:column;gap:22px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.sidebar-brand{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-mark{background:var(--surface);justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.sidebar-brand>div{flex:1;min-width:0}.sidebar-brand strong,.sidebar-user strong,.sidebar-link strong{color:var(--text-primary);font-size:14px;line-height:1.25;display:block}.sidebar-brand small,.sidebar-user small,.sidebar-link small{color:var(--text-muted);margin-top:3px;font-size:12px;display:block}.sidebar-nav{gap:8px;display:grid}.sidebar-link{border-radius:var(--r-lg);color:var(--text-secondary);text-align:left;min-height:58px;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast), color var(--t-fast);background:0 0;border:1px solid #0000;grid-template-columns:auto 1fr;align-items:center;gap:12px;width:100%;padding:10px 12px;display:grid}.sidebar-link:hover{background:var(--brand-50);border-color:var(--brand-200);color:var(--brand-600)}.sidebar-link.active{background:var(--brand-50);border-color:var(--brand-200);box-shadow:var(--shadow-xs);color:var(--brand-600)}.sidebar-link.active strong{color:var(--brand-700)}.sidebar-user{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:12px;display:grid}.avatar{background:var(--brand-100);border:1px solid var(--brand-200);border-radius:var(--r-full);color:var(--brand-700);text-transform:uppercase;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:inline-flex}.icon-button{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text-secondary);height:38px;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;width:38px;padding:0;display:inline-flex}.icon-button:hover{background:var(--brand-50);border-color:var(--brand-300,var(--brand-200));color:var(--brand-600)}.sidebar-close,.menu-button,.drawer-backdrop{display:none}.content-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10;background:#f8fafce0;grid-template-columns:1fr auto;align-items:center;gap:16px;margin:-28px -32px 24px;padding:22px 32px;display:grid;position:sticky;top:0}.eyebrow{background:var(--brand-100);border:1px solid var(--brand-200);border-radius:var(--r-full);color:var(--brand-600);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.content-topbar h1{color:var(--text-primary);letter-spacing:-.25px;margin:0 0 6px;font-size:24px;font-weight:800;line-height:1.15}.subtitle{color:var(--text-secondary);max-width:760px;margin:0;font-size:14px;font-weight:400;line-height:1.6}.session-box{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.session-box strong{color:var(--text-primary);font-size:14px}.session-box span{color:var(--text-muted);font-size:12px}.auth-shell{background:radial-gradient(circle at top, #31ae5b1f, transparent 34%), var(--gray-100);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);text-align:center;width:min(380px,100%);padding:30px}.auth-logo{border-radius:var(--r);object-fit:contain;width:72px;height:72px;margin:0 auto 18px;display:block}.auth-card h1{color:var(--text-primary);margin:0 0 6px;font-size:24px}.auth-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.auth-form{text-align:left;gap:14px;margin-top:24px;display:grid}.auth-form label{color:var(--text-secondary);gap:6px;font-size:13px;font-weight:600;display:grid}.auth-form .primary-button{justify-content:center;margin-top:4px}.form-error{background:var(--red-bg);border:1px solid var(--red-border);border-radius:var(--r);color:var(--red);padding:10px 12px;font-size:13px}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.work-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);color:var(--text-secondary);cursor:pointer;text-align:left;min-height:116px;transition:border-color var(--t), box-shadow var(--t), transform var(--t);box-shadow:var(--shadow-xs);flex-direction:column;align-items:flex-start;gap:5px;padding:18px 20px;display:flex;position:relative}.work-card:hover{border-color:var(--brand-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.work-card-disabled,.work-card-disabled:hover{background:var(--gray-50);border-color:var(--border);box-shadow:var(--shadow-xs);cursor:not-allowed;opacity:.72;transform:none}.work-card span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.work-card strong{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.3}.work-card small{color:var(--text-muted);font-size:12.5px}.work-card svg{color:var(--text-muted);margin-bottom:4px}.work-card.active{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 100%);border-color:var(--brand-600);box-shadow:var(--shadow-brand), var(--shadow-md)}.work-card.active span,.work-card.active strong,.work-card.active small{color:#fff}.work-card.active span{opacity:.65}.work-card.active small{opacity:.7}.work-card.active svg{color:#ffffffd9}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--t);margin-top:16px;padding:28px}.panel:hover{box-shadow:var(--shadow-md)}.panel-disabled{background:var(--gray-50)}.panel-disabled:hover{box-shadow:var(--shadow-sm)}.disabled-badge{background:var(--gray-100);border:1px solid var(--border-strong);border-radius:var(--r-full);color:var(--text-muted);white-space:nowrap;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.panel-heading h2{color:var(--text-primary);letter-spacing:-.2px;margin:0 0 5px;font-size:18px;font-weight:700}.panel-heading p{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.55}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.primary-button,.secondary-button,.ghost-button,.export-button{border-radius:var(--r);min-height:40px;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 100%);border-color:var(--brand-600);color:#fff;box-shadow:0 1px 3px #31ae5b4d,0 1px 2px #31ae5b33}.primary-button:not(:disabled):hover{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-600) 100%);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.primary-button:not(:disabled):active{transform:translateY(0)}.export-button{color:#fff;background:linear-gradient(135deg,#b45309 0%,#d97706 100%);border-color:#b45309;box-shadow:0 1px 3px #b453094d}.export-button:not(:disabled):hover{background:linear-gradient(135deg,#92400e 0%,#b45309 100%);transform:translateY(-1px);box-shadow:0 4px 14px #b453094d}.secondary-button{background:var(--surface);border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-xs)}.secondary-button:not(:disabled):hover{background:var(--gray-50);border-color:var(--brand-400);color:var(--brand-600);box-shadow:var(--shadow-sm)}.ghost-button{background:var(--brand-50);border-color:var(--brand-200);color:var(--brand-600)}.ghost-button:not(:disabled):hover{background:var(--brand-100);border-color:var(--brand-400);box-shadow:var(--shadow-sm)}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@keyframes button-spin{to{transform:rotate(360deg)}}.button-spinner{animation:.85s linear infinite button-spin}.is-loading{pointer-events:none}.control-row{grid-template-columns:auto 1fr;gap:10px;display:grid}.rule-form{grid-template-columns:190px 1fr 210px auto;gap:10px;display:grid}.employee-form{grid-template-columns:1.1fr .9fr .9fr 170px auto;gap:10px;margin-bottom:14px;display:grid}.employee-form-skeleton{pointer-events:none}.customer-toolbar{margin-bottom:12px}.customer-search-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.customer-search-row span{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:700}.search-input-wrap{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r);color:var(--text-muted);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:min(520px,100%);min-height:40px;padding:0 12px;display:grid}.search-input-wrap:focus-within{border-color:var(--brand-500);box-shadow:0 0 0 3px #31ae5b2e}.search-input-wrap input{box-shadow:none;caret-color:var(--text-primary);background:0 0;border:0;width:100%;min-width:0;min-height:auto;padding:0 0 0 2px}.search-input-wrap input:focus{box-shadow:none}.search-clear-button{background:var(--gray-100);border-radius:var(--r-full);color:var(--text-muted);height:24px;transition:background var(--t-fast), color var(--t-fast);border:0;justify-content:center;align-items:center;width:24px;padding:0;display:inline-flex}.search-clear-button:hover{background:var(--brand-100);color:var(--brand-600)}.customer-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.customer-stat{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r);padding:12px}.customer-stat strong{color:var(--brand-600);font-size:22px;line-height:1;display:block}.customer-stat span{color:var(--text-muted);text-transform:uppercase;margin-top:6px;font-size:11px;font-weight:700;display:block}.customer-table{max-height:420px;overflow-y:auto}.customer-table table{min-width:960px}.table-action-cell{text-align:right;width:58px}.customer-drawer-backdrop{z-index:40;background:#0f172a61;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.customer-drawer{background:var(--surface);box-shadow:var(--shadow-lg);flex-direction:column;width:440px;max-width:min(440px,100vw);min-height:100vh;padding:24px;display:flex}.drawer-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.drawer-heading h3{color:var(--text-primary);margin:0 0 4px;font-size:20px}.drawer-heading p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.customer-drawer-form{gap:14px;display:grid}.customer-drawer-form label{color:var(--text-secondary);gap:6px;font-size:13px;font-weight:700;display:grid}.drawer-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.pagination-row{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.pagination-row span{color:var(--text-secondary);font-size:13px;font-weight:700}.admin-panel .disabled-badge{gap:6px}.compact-table{margin-top:14px}.compact-table table{min-width:980px}input,select{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r);color:var(--text-primary);min-height:40px;transition:border-color var(--t-fast), background-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:0 12px;font-size:14px}input:focus,select:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #31ae5b2e,0 1px 4px #31ae5b1f}input::placeholder{color:var(--text-muted)}select{appearance:none;cursor:pointer;box-shadow:var(--shadow-xs);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2331ae5b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:38px}select:not(:disabled):hover{border-color:var(--brand-400);background-color:var(--brand-50);box-shadow:var(--shadow-sm)}input:disabled,select:disabled{background:var(--gray-100);color:var(--text-muted);cursor:not-allowed}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg, var(--gray-100) 25%, #e8edf2 50%, var(--gray-100) 75%);background-size:1200px 100%;border-radius:4px;animation:1.4s linear infinite shimmer;display:block}.skeleton-row td{padding-top:14px;padding-bottom:14px}.cselect{min-width:0;position:relative}.cselect__trigger{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r);box-shadow:var(--shadow-xs);color:var(--text-primary);cursor:pointer;min-height:40px;transition:border-color var(--t-fast), background-color var(--t-fast), box-shadow var(--t-fast);outline:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0 12px;font-size:14px;display:flex}.cselect__trigger:not(:disabled):hover{background-color:var(--brand-50);border-color:var(--brand-400);box-shadow:var(--shadow-sm)}.cselect--open .cselect__trigger,.cselect__trigger:focus-visible{border-color:var(--brand-500);box-shadow:0 0 0 3px #31ae5b2e,0 1px 4px #31ae5b1f}.cselect__placeholder{color:var(--text-muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cselect__value{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cselect__chevron{color:var(--brand-500);transition:transform var(--t-fast);flex-shrink:0}.cselect--open .cselect__chevron{transform:rotate(180deg)}.cselect--disabled .cselect__trigger{background:var(--gray-100);color:var(--text-muted);cursor:not-allowed}.cselect--disabled .cselect__chevron{color:var(--text-muted)}.cselect__dropdown{background:var(--surface);border:1.5px solid var(--brand-300);border-radius:var(--r-lg);z-index:50;width:100%;max-height:260px;margin:4px 0 0;padding:6px;list-style:none;animation:.13s cselect-in;position:absolute;overflow-y:auto;box-shadow:0 8px 24px #0000001f,0 2px 8px #31ae5b14}.cselect__search-wrap{z-index:1;background:var(--surface);padding:4px 4px 8px;position:sticky;top:0}.cselect__search{border:1.5px solid var(--border-strong);border-radius:var(--r);width:100%;min-height:34px;padding:0 10px;font-size:13px}@keyframes cselect-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cselect__option{border-radius:calc(var(--r) - 2px);color:var(--text-primary);cursor:pointer;transition:background var(--t-fast);outline:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.cselect__option:hover,.cselect__option:focus-visible{background:var(--brand-50);color:var(--brand-700)}.cselect__option--active{background:var(--brand-50);color:var(--brand-700);font-weight:600}.cselect__option--active svg{color:var(--brand-500);flex-shrink:0}.cselect__status{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.cselect__status--end{color:var(--text-muted)}.cselect__status--empty{padding-bottom:4px}.cselect__empty-action-wrap{justify-content:center;padding:0 10px 8px;display:flex}.cselect__empty-action{background:var(--brand-50);border:1px solid var(--brand-300);border-radius:var(--r-full);color:var(--brand-700);min-height:30px;padding:0 12px;font-size:12px;font-weight:700}.cselect__empty-action:hover{background:var(--brand-100);border-color:var(--brand-500)}.picker-modal-backdrop{z-index:60;background:#0f172a61;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:560px;max-width:min(560px,100vw - 28px);padding:20px}.picker-create-modal{width:720px;max-width:min(720px,100vw - 28px)}.picker-modal-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;padding-bottom:12px;display:flex}.picker-modal-heading h3{color:var(--text-primary);margin:0 0 4px;font-size:18px}.picker-modal-heading p{color:var(--text-secondary);margin:0;font-size:13px}.picker-select{width:100%}.picker-select .cselect__dropdown{max-height:300px}.picker-modal-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.picker-create-form{margin-top:2px}.picker-create-form h4{color:var(--text-primary);margin:0 0 10px;font-size:14px}.picker-create-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.picker-create-grid label{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:700;display:grid}.picker-create-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.rule-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.rule-pill{background:var(--brand-50);border:1px solid var(--brand-200);border-radius:var(--r-full);color:var(--brand-700);transition:background var(--t-fast), border-color var(--t-fast);align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:13px;font-weight:500;display:inline-flex}.rule-pill:hover{background:var(--brand-100);border-color:var(--brand-400)}.rule-pill button{background:var(--brand-200);border-radius:var(--r-full);color:var(--brand-600);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);border:0;align-items:center;padding:2px;display:inline-flex}.rule-pill button:hover{background:var(--red);color:#fff}.drop-zone{background:var(--gray-50);border:2px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--text-primary);min-height:148px;transition:border-color var(--t), background var(--t), box-shadow var(--t);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:28px 24px;display:flex}.drop-zone:hover{background:var(--brand-50);border-color:var(--brand-400);box-shadow:0 0 0 4px #31ae5b1f}.drop-zone svg{color:var(--brand-500);transition:transform var(--t)}.drop-zone:hover svg{transform:translateY(-3px)}.drop-zone strong{font-size:14.5px;font-weight:600}.drop-zone span{color:var(--text-muted);font-size:13px}.drop-zone+.primary-button{justify-content:center;width:100%;min-height:44px;margin-top:12px;font-size:14.5px}.provider-row{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r);align-items:center;gap:10px;margin-top:12px;padding:10px 14px;display:flex}.provider-label{color:var(--text-secondary);font-size:13px;font-weight:500}.provider-badge{border-radius:var(--r-full);letter-spacing:.02em;padding:3px 12px;font-size:12px;font-weight:700}.provider-badge--red{color:#b91c1c;background:#fee2e2}.provider-badge--blue{color:#1d4ed8;background:#dbeafe}.provider-badge--green{color:#15803d;background:#dcfce7}.provider-badge--orange{color:#c2410c;background:#ffedd5}.provider-badge--teal{color:#0f766e;background:#ccfbf1}.provider-badge--purple{background:var(--brand-100);color:var(--brand-700)}.provider-badge--indigo{color:#4338ca;background:#e0e7ff}.provider-badge--pink{color:#be185d;background:#fce7f3}.provider-badge--gray{background:var(--gray-100);color:var(--gray-600)}.provider-badge--unknown{background:var(--gray-100);color:var(--gray-500);font-style:italic}.warning-box{background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:var(--r);color:#92400e;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.warning-box svg{color:var(--amber);flex-shrink:0;margin-top:1px}.stats-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.stat-card{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--r-lg);transition:transform var(--t), box-shadow var(--t);padding:14px 12px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card strong{color:var(--brand-600);letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1;display:block}.stat-card span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:6px;font-size:11px;font-weight:600;display:block}.stat-card.good strong{color:var(--green)}.stat-card.bad strong{color:var(--red)}.stat-card.warn strong{color:var(--amber)}.filter-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filter-button{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-full);color:var(--text-secondary);min-height:32px;transition:all var(--t-fast);padding:0 14px;font-size:13px;font-weight:500}.filter-button:hover{border-color:var(--brand-400);color:var(--brand-600);background:var(--brand-50)}.filter-button.active{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 100%);border-color:var(--brand-600);color:#fff;box-shadow:0 2px 8px #31ae5b4d}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);overflow:auto}table{border-collapse:collapse;width:100%;min-width:1100px}thead tr{background:linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 100%)}.customer-table thead th{z-index:1;position:sticky;top:0}th{color:#ffffffe0;letter-spacing:.07em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:13px 14px;font-size:11px;font-weight:600}tbody tr{transition:background var(--t-fast)}tbody tr:hover{background:var(--brand-50)}td{border-top:1px solid var(--border);color:var(--text-primary);vertical-align:top;padding:13px 14px;font-size:13px}td strong{font-weight:600;display:block}td small{color:var(--text-muted);margin-top:3px;font-size:11.5px;display:block}.money-bad{color:var(--red);font-weight:700}.invoice-nos-compact{flex-wrap:wrap;align-items:baseline;gap:6px;display:inline-flex}.invoice-nos-more{background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--r-full);color:var(--brand-700);letter-spacing:.01em;padding:2px 8px;font-size:10.5px;font-weight:700}.invoice-nos-link{color:var(--brand-600);background:0 0;border:0;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.invoice-nos-link:hover{color:var(--brand-700)}.invoice-dialog-backdrop{z-index:30;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.invoice-dialog{border:1px solid var(--border);box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;width:min(100%,720px);max-width:720px;padding:14px}.invoice-dialog-heading{justify-content:space-between;align-items:center;display:flex}.invoice-dialog-heading h3{margin:0;font-size:16px}.invoice-dialog-body{color:var(--text-secondary);background:#f8fafc;border-radius:10px;max-height:52vh;margin-top:12px;padding:10px;font-size:12px;line-height:1.45;overflow:auto}.status{border-radius:var(--r-full);letter-spacing:.03em;white-space:nowrap;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.status.valid{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.status.error{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red)}.status.paused{background:var(--amber-bg);border:1px solid var(--amber-border);color:var(--amber)}.seller-errors{gap:8px;margin:0;padding:0;list-style:none;display:grid}.seller-error-item{background:linear-gradient(#fff7f7 0%,#fff3f3 100%);border:1px solid #f2d2d2;border-radius:10px;padding:7px 9px}.seller-error-message{color:#9f1239;font-size:12.5px;font-weight:600;line-height:1.35;display:block}.seller-error-meta{color:#64748b;margin-top:3px;font-size:11.5px;display:block}@media (width<=960px){.app-shell{display:block}.app-sidebar{box-shadow:var(--shadow-lg);height:100vh;transition:transform var(--t);width:min(320px,100vw - 40px);position:fixed;top:0;left:0;transform:translate(-105%)}.app-sidebar.open{transform:translate(0)}.drawer-backdrop{opacity:0;pointer-events:none;transition:opacity var(--t);z-index:15;background:#0f172a61;display:block;position:fixed;inset:0}.drawer-backdrop.visible{opacity:1;pointer-events:auto}.sidebar-close,.menu-button{display:inline-flex}.content-shell{padding:24px}.content-topbar{grid-template-columns:auto 1fr auto;margin:-24px -24px 24px;padding:16px 24px}.panel-heading{flex-direction:column}.workflow-grid,.control-row,.rule-form,.employee-form{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.customer-summary{grid-template-columns:repeat(2,1fr)}.customer-search-row,.pagination-row{flex-direction:column;align-items:stretch}}@media (width<=640px){.content-shell{padding:18px 14px 40px}.content-topbar{grid-template-columns:auto 1fr;align-items:flex-start;margin:-18px -14px 18px;padding:14px}.content-topbar .session-box{grid-column:2;align-items:flex-start}.content-topbar .ghost-button{min-height:34px;padding:0 12px}.panel{border-radius:var(--r-lg);padding:18px}.content-topbar h1{font-size:21px}.subtitle{font-size:13px}}