:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f0f2f5;--bg-surface:#fff;--bg-subtle:#f8fafc;--bg-muted:#e2e8f0;--bg-sidebar:#111827;--bg-topbar:#fff;--sidebar-border:#ffffff14;--sidebar-text:#ffffffd1;--sidebar-text-muted:#94a3b8;--sidebar-brand-text:#fff;--sidebar-text-active:#fff;--sidebar-hover-bg:#ffffff14;--sidebar-active-bg:linear-gradient(195deg, #10b981, #059669);--sidebar-active-shadow:0 4px 14px 0 #10b98166;--sidebar-pill-neutral-bg:#ffffff1f;--sidebar-pill-neutral-border:#ffffff2e;--sidebar-pill-neutral-text:#f1f5f9;--border-light:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#10b981;--border-subtle:#f0f2f5;--text-primary:#344767;--text-secondary:#67748e;--text-muted:#8392ab;--text-inverse:#fff;--text-white:#fff;--brand-primary:#10b981;--brand-hover:#059669;--brand-light:#10b9811f;--brand-border:#10b98147;--urgency-emerald:#10b981;--urgency-emerald-bg:#10b9811f;--urgency-amber:#fb8c00;--urgency-amber-text:#e65100;--urgency-amber-bg:#fb8c001f;--urgency-amber-border:#fb8c004d;--urgency-rose:#ec407a;--urgency-rose-text:#d81b60;--urgency-rose-bg:#ec407a1f;--urgency-rose-border:#ec407a4d;--status-info:#49a3f1;--status-info-text:#1a73e8;--status-info-bg:#49a3f11f;--status-info-border:#49a3f14d;--grad-primary:linear-gradient(195deg, #49a3f1, #1a73e8);--grad-urgent:linear-gradient(195deg, #ec407a, #d81b60);--grad-warning:linear-gradient(195deg, #ffa726, #fb8c00);--grad-success:linear-gradient(195deg, #66bb6a, #43a047);--grad-info:linear-gradient(195deg, #ab47bc, #7b1fa2);--grad-ai-beam:conic-gradient(from 0deg, transparent 0%, #f472b600 5%, #f472b6 10%, #c084fc 18%, #818cf8 26%, #38bdf8 34%, #2dd4bf 42%, #fbbf24 46%, #fbbf2400 52%, transparent 56%);--grad-ai-beam-primary:conic-gradient(from 0deg, transparent 0%, #49a3f100 5%, #49a3f1 12%, #1a73e8 25%, #38bdf8 38%, #818cf8 48%, #49a3f100 55%, transparent 60%);--grad-ai-beam-urgent:conic-gradient(from 0deg, transparent 0%, #ec407a00 5%, #ec407a 12%, #d81b60 25%, #ff667c 38%, #fb7185 48%, #ec407a00 55%, transparent 60%);--grad-ai-beam-warning:conic-gradient(from 0deg, transparent 0%, #ffa72600 5%, #ffa726 12%, #fb8c00 25%, #f59e0b 38%, #fbbf24 48%, #ffa72600 55%, transparent 60%);--grad-ai-beam-success:conic-gradient(from 0deg, transparent 0%, #66bb6a00 5%, #66bb6a 12%, #43a047 25%, #10b981 38%, #34d399 48%, #66bb6a00 55%, transparent 60%);--grad-ai-beam-info:conic-gradient(from 0deg, transparent 0%, #ab47bc00 5%, #ab47bc 12%, #7b1fa2 25%, #c084fc 38%, #f472b6 48%, #ab47bc00 55%, transparent 60%);--shadow-primary-glow:0 4px 14px 0 #1a73e861;--shadow-urgent-glow:0 4px 14px 0 #d81b6061;--shadow-warning-glow:0 4px 14px 0 #fb8c0061;--shadow-success-glow:0 4px 14px 0 #43a04761;--shadow-info-glow:0 4px 14px 0 #7b1fa261;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 2px 4px 0 #0000000a;--shadow-md:0 8px 16px 0 #0000000d;--shadow-lg:0 20px 27px 0 #0000000d;--shadow-xl:0 20px 27px 0 #00000017}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0f172a;--bg-surface:#1e293b;--bg-subtle:#243048;--bg-muted:#334155;--bg-sidebar:#0b0f19;--bg-topbar:#111827;--sidebar-border:#ffffff14;--sidebar-text:#ffffffd1;--sidebar-text-muted:#94a3b8;--sidebar-brand-text:#fff;--sidebar-text-active:#fff;--sidebar-hover-bg:#ffffff14;--sidebar-active-bg:linear-gradient(195deg, #10b981, #059669);--sidebar-active-shadow:0 4px 14px 0 #10b98166;--sidebar-pill-neutral-bg:#ffffff1f;--sidebar-pill-neutral-border:#ffffff2e;--sidebar-pill-neutral-text:#f1f5f9;--border-light:#334155;--border-strong:#475569;--border-focus:#10b981;--border-subtle:#26354f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--text-white:#fff;--brand-primary:#10b981;--brand-hover:#059669;--brand-light:#10b98129;--brand-border:#10b98159;--urgency-emerald:#10b981;--urgency-emerald-bg:#10b98129;--urgency-amber:#fb8c00;--urgency-amber-text:#ffa726;--urgency-amber-bg:#fb8c0029;--urgency-amber-border:#fb8c004d;--urgency-rose:#ec407a;--urgency-rose-text:#ff667c;--urgency-rose-bg:#ec407a29;--urgency-rose-border:#ec407a4d;--status-info:#49a3f1;--status-info-text:#59d5f0;--status-info-bg:#49a3f129;--status-info-border:#49a3f14d;--grad-primary:linear-gradient(195deg, #49a3f1, #1a73e8);--grad-urgent:linear-gradient(195deg, #ec407a, #d81b60);--grad-warning:linear-gradient(195deg, #ffa726, #fb8c00);--grad-success:linear-gradient(195deg, #66bb6a, #43a047);--grad-info:linear-gradient(195deg, #ab47bc, #7b1fa2);--grad-ai-beam:conic-gradient(from 0deg, transparent 0%, #f472b600 5%, #f472b6 10%, #c084fc 18%, #818cf8 26%, #38bdf8 34%, #2dd4bf 42%, #fbbf24 46%, #fbbf2400 52%, transparent 56%);--grad-ai-beam-primary:conic-gradient(from 0deg, transparent 0%, #49a3f100 5%, #49a3f1 12%, #1a73e8 25%, #38bdf8 38%, #818cf8 48%, #49a3f100 55%, transparent 60%);--grad-ai-beam-urgent:conic-gradient(from 0deg, transparent 0%, #ec407a00 5%, #ec407a 12%, #d81b60 25%, #ff667c 38%, #fb7185 48%, #ec407a00 55%, transparent 60%);--grad-ai-beam-warning:conic-gradient(from 0deg, transparent 0%, #ffa72600 5%, #ffa726 12%, #fb8c00 25%, #f59e0b 38%, #fbbf24 48%, #ffa72600 55%, transparent 60%);--grad-ai-beam-success:conic-gradient(from 0deg, transparent 0%, #66bb6a00 5%, #66bb6a 12%, #43a047 25%, #10b981 38%, #34d399 48%, #66bb6a00 55%, transparent 60%);--grad-ai-beam-info:conic-gradient(from 0deg, transparent 0%, #ab47bc00 5%, #ab47bc 12%, #7b1fa2 25%, #c084fc 38%, #f472b6 48%, #ab47bc00 55%, transparent 60%);--shadow-primary-glow:0 4px 14px 0 #49a3f166;--shadow-urgent-glow:0 4px 14px 0 #ec407a66;--shadow-warning-glow:0 4px 14px 0 #ffa72666;--shadow-success-glow:0 4px 14px 0 #66bb6a66;--shadow-info-glow:0 4px 14px 0 #ab47bc66;--shadow-sm:0 2px 4px 0 #0003;--shadow-md:0 8px 16px 0 #0000004d;--shadow-lg:0 20px 27px 0 #00000059;--shadow-xl:0 20px 27px 0 #00000073}.legacy{--ink:#1d2925;--muted:#75817b;--line:#e4e9e5;--paper:#fff;--canvas:#f4f7f4;--forest:#173c31;--green:#32745b;--lime:#d8ed7b;--red:#a64037;--amber:#9a6923;--legacy-active-nav:#eaf0eb;background:var(--canvas);color:var(--ink)}.legacy .sidebar{background:var(--paper);border-right:1px solid var(--line)}.legacy .brand-mark{background:var(--forest);color:var(--lime)}.legacy .nav-item.active{background:var(--legacy-active-nav);color:var(--forest);border-left:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Aptos,Segoe UI,sans-serif;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}select option{background:var(--bg-surface);color:var(--text-primary)}.shell-theme-toggle-btn:hover{background:var(--bg-muted);color:var(--text-primary);border-color:var(--border-strong)}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}a{color:inherit;text-decoration:none}.app-shell{background:var(--bg-app);min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--sidebar-border);z-index:50;flex-direction:column;flex:0 0 242px;width:242px;height:100vh;padding:24px 16px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:12px;margin-bottom:18px;padding:4px 8px 18px;display:flex}.brand-mark{background:var(--brand-primary);width:34px;height:34px;color:var(--text-inverse);border-radius:9px 9px 9px 2px;place-items:center;font:italic 26px Georgia,serif;display:grid}.brand-name{letter-spacing:0;color:var(--sidebar-brand-text);flex-direction:column;font:700 15px/1.08 Georgia,Times New Roman,serif;display:flex}.brand-name span{color:var(--sidebar-text-muted);letter-spacing:1.4px;text-transform:uppercase;margin-top:3px;font:600 9px Aptos,Segoe UI,sans-serif}.workspace-label,.eyebrow,.section-kicker{color:var(--text-muted);letter-spacing:1.2px;font-size:10px;font-weight:700}.sidebar .workspace-label{color:var(--sidebar-text-muted);padding:0 10px 10px}.primary-nav{gap:6px;display:grid}.nav-item{border-radius:var(--radius-md);min-height:42px;color:var(--sidebar-text);align-items:center;gap:12px;padding:0 12px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:flex}.nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-active)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);box-shadow:var(--sidebar-active-shadow);border-radius:var(--radius-md);border-left:none}.nav-item.active .nav-icon{color:var(--sidebar-text-active)}.nav-glyph{width:17px;color:inherit;text-align:center;font-size:17px}.nav-count{color:var(--sidebar-text-muted);margin-left:auto;font-size:11px;font-weight:500}.sidebar-bottom{margin-top:auto}.demo-note{color:var(--sidebar-text-muted);align-items:center;gap:8px;margin:0 10px 15px;font-size:12px;display:flex}.demo-dot,.sync-state span{background:var(--brand-primary);width:7px;height:7px;box-shadow:0 0 0 3px var(--brand-light);border-radius:50%}.profile-row{border-top:1px solid var(--sidebar-border);align-items:center;gap:10px;padding:13px 8px 2px;display:flex}.profile-avatar{background:var(--brand-light);width:31px;height:31px;color:var(--brand-primary);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.profile-copy{gap:3px;min-width:0;display:grid}.profile-copy strong{color:var(--sidebar-brand-text);font-size:12px;font-weight:650}.profile-copy small{color:var(--sidebar-text-muted);font-size:10px}.profile-more{color:var(--text-muted);margin-left:auto;font-size:20px;line-height:1}.main-panel{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:40;border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);background:#ffffffe0;justify-content:space-between;align-items:center;height:64px;padding:0 36px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.breadcrumb-chevron{color:var(--text-muted)}.breadcrumb-active{color:var(--text-primary);font-weight:600}.topbar-right{align-items:center;gap:16px;font-size:12px;display:flex}.topbar-notice{background:var(--brand-light);border:1px solid var(--brand-border);color:var(--brand-primary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:11.5px;animation:.18s both rise-in;display:flex}.notice-text{font-weight:600}.notice-dismiss-btn{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;margin-left:2px;padding:2px;display:flex}.notice-dismiss-btn:hover{background:var(--brand-light);color:var(--brand-hover)}.sync-state{border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.sync-state.connected{background:var(--brand-light);color:var(--brand-primary);border:1px solid var(--brand-border)}.sync-state.offline{background:var(--urgency-rose-bg);color:var(--urgency-rose);border:1px solid var(--urgency-rose-border)}.sync-state.loading{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-light)}.sync-icon.live{color:var(--brand-primary)}.sync-icon.offline{color:var(--urgency-rose)}.sync-icon.rotating{color:var(--text-muted);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar-date{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.topbar-clock-icon{color:var(--text-muted)}.page-content{width:min(1340px,100%);margin:0 auto;padding:28px 36px 40px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.welcome-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.welcome-btn-group-config,.welcome-btn-group-primary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.welcome-btn-group-config{background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:8px;padding:3px}.welcome-btn-group-config .secondary-button{height:34px;min-height:34px;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:0 10px;font-size:12px;font-weight:600}.welcome-btn-group-config .secondary-button:hover{background:var(--bg-subtle);color:var(--text-primary)}.welcome-btn-group-primary .secondary-button{border:1px solid var(--border-strong);background:var(--bg-surface);height:40px;min-height:40px;color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:8px;padding:0 14px;font-weight:600}.welcome-btn-group-primary .secondary-button:hover{background:var(--bg-subtle);border-color:var(--border-strong);color:var(--text-primary)}.welcome-btn-group-primary .primary-button{height:40px;min-height:40px;box-shadow:var(--shadow-sm);border-radius:8px;padding:0 16px}.primary-button{border:1px solid var(--brand-primary);border-radius:var(--radius-md);background:var(--brand-primary);min-height:40px;color:var(--text-inverse);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:650;transition:all .14s;display:inline-flex}.primary-button:hover{background:var(--brand-hover);border-color:var(--brand-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.demo-banner{color:#62705e;background:#f0f5eb;border:1px solid #e0e8dc;border-radius:5px;align-items:center;gap:10px;min-height:43px;margin-bottom:18px;padding:0 13px;font-size:11px;display:flex}.demo-banner strong{color:#43543e}.banner-mark{color:#607a50;border:1px solid #91a583;border-radius:50%;place-items:center;width:16px;height:16px;font:700 10px Georgia,serif;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:var(--paper);border:1px solid #e8ece8;border-radius:7px;min-height:136px;padding:17px 17px 14px;animation:.42s both rise-in}.metric-card:nth-child(2){animation-delay:45ms}.metric-card:nth-child(3){animation-delay:90ms}.metric-card:nth-child(4){animation-delay:.135s}.metric-primary{border-color:var(--forest);background:var(--forest);color:#fff}.metric-heading{color:#79857f;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.metric-primary .metric-heading{color:#d5e0d8}.metric-icon{width:24px;height:24px;color:var(--green);background:#f0f4f1;border-radius:50%;place-items:center;font-size:13px;display:grid}.metric-primary .metric-icon{color:var(--lime);background:#ffffff1f}.danger-icon{color:var(--red);background:#fbefed}.amber-icon{color:var(--amber);background:#f9f2e6}.green-icon{color:#497742;background:#edf4e9}.metric-value{letter-spacing:0;white-space:nowrap;margin-top:13px;font:500 25px Georgia,Times New Roman,serif;display:block}.metric-foot{color:#849089;align-items:center;gap:7px;min-height:18px;margin-top:8px;font-size:10px;display:flex}.metric-primary .metric-foot{color:#c6d3ca}.metric-legend{background:var(--lime);border-radius:50%;width:6px;height:6px}.metric-text{color:#849089}.danger-text{color:#ab5148}.collection-strip{background:#e9f0eb;border-radius:7px;grid-template-columns:minmax(250px,1fr) minmax(250px,1.1fr) 175px;align-items:center;gap:22px;min-height:142px;margin:20px 0 33px;padding:19px 22px;display:grid}.collection-copy{gap:7px;display:grid}.section-kicker{color:#607769}.collection-copy strong{color:#243c31;max-width:295px;font:500 17px/1.3 Georgia,Times New Roman,serif}.collection-copy>span{color:#75847b;font-size:10px}.trend-chart{border-bottom:1px solid #cbd8ce;justify-content:space-around;align-items:stretch;gap:12px;height:94px;padding:3px 9px 0;display:flex}.trend-month{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;display:flex}.trend-bar{transform-origin:bottom;background:#a9c2ad;border-radius:3px 3px 0 0;width:min(24px,70%);min-height:12px;animation:.65s both bar-rise}.trend-month:nth-child(2) .trend-bar{animation-delay:60ms}.trend-month:nth-child(3) .trend-bar{animation-delay:.12s}.trend-month:nth-child(4) .trend-bar{animation-delay:.18s}.trend-month:nth-child(5) .trend-bar{animation-delay:.24s}.trend-month:nth-child(6) .trend-bar{animation-delay:.3s}.trend-bar.trend-current{background:#32745b}.trend-month small{color:#819087;font-size:9px}.trend-total{border-left:1px solid #cdd9cf;gap:7px;padding-left:19px;display:grid}.trend-total small{color:#728178;letter-spacing:1px;font-size:9px;font-weight:700}.trend-total strong{color:#243c31;white-space:nowrap;font:500 19px Georgia,Times New Roman,serif}.trend-total span{color:#7b887f;align-items:center;gap:6px;font-size:9px;display:flex}.trend-total i{background:#8da986;border-radius:50%;width:6px;height:6px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.section-heading .eyebrow{margin-bottom:6px}h2{font-size:24px;line-height:1.2}.section-total{color:#68786d;vertical-align:3px;background:#e9eee9;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:6px;font:600 10px Aptos,Segoe UI,sans-serif;display:inline-grid}.text-button{color:#426b53;background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;font-size:11px;font-weight:700;display:inline-flex}.text-button span{font-size:16px;transition:transform .15s}.text-button:hover span{transform:translate(3px)}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.filter-tabs{align-items:stretch;gap:21px;height:48px;display:flex}.filter-tab{color:#77837c;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 1px;font-size:11px;display:inline-flex;position:relative}.filter-tab>span{color:#9aa49e;font-size:9px}.filter-tab.selected{color:var(--forest);font-weight:700}.filter-tab.selected:after{content:"";background:#397452;height:2px;position:absolute;bottom:-1px;left:0;right:0}.filter-tab.selected>span{color:#557963}.search-box{color:#77847c;background:#fff;border:1px solid #e1e7e2;border-radius:4px;align-items:center;gap:7px;width:215px;height:32px;padding:0 8px;display:flex}.search-box>span{font-size:20px;line-height:1}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.search-box input::placeholder{color:#9ba59f}.search-box kbd{color:#9ba59f;white-space:nowrap;border:1px solid #e7ebe8;border-radius:3px;padding:2px 4px;font:9px Aptos,Segoe UI,sans-serif}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}thead{border-bottom:1px solid var(--line);height:40px}th{color:#87928b;letter-spacing:.35px;text-transform:uppercase;font-size:9px;font-weight:700}th:first-child,td:first-child{padding-left:7px}th:last-child,td:last-child{padding-right:5px}tbody tr{border-bottom:1px solid #edf0ed;height:58px;animation:.35s both row-in}tbody tr:hover{background:#eaf0eb8c}td{color:#53625a;white-space:nowrap;font-size:11px}.customer-cell{align-items:center;gap:9px;display:flex}.customer-cell strong{color:#283630;font-size:11px;font-weight:650}.customer-avatar{color:#527047;background:#e8eee5;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:8px;font-weight:700;display:grid}.avatar-1{color:#536d7c;background:#e9eef2}.avatar-2{color:#8b6a40;background:#f3ece3}.avatar-3{color:#8b5a65;background:#f1e9eb}.invoice-cell{color:#78847d;font-size:10px}.due-cell{color:#68756e}.status-pill{color:#69766e;background:#f3f5f3;border-radius:3px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:650;display:inline-flex}.status-pill i{background:#87948b;border-radius:50%;width:5px;height:5px}.status-overdue{color:#a3443a;background:#faeeec}.status-overdue i{background:#c6594c}.status-due-soon{color:#906322;background:#f9f2e7}.status-due-soon i{background:#c08b3e}.status-partially-paid{color:#4b5e7a;background:#edf1f7}.status-partially-paid i{background:#6d85aa}.status-disputed{color:#a3443a;background:#faeeec}.status-disputed i{background:#c6594c}.status-paid{color:#527a4c;background:#edf4eb}.status-paid i{background:#6c9a5e}.amount-heading,.amount-cell{text-align:right}.amount-cell{color:#283630;font-weight:650}.amount-cell small{color:#77837c;white-space:nowrap;margin-top:3px;font-size:9px;font-weight:400;display:block}.action-cell{text-align:right;width:94px}.row-action{color:#4b7058;opacity:0;background:0 0;border:1px solid #0000;border-radius:3px;padding:5px 7px;font-size:10px;font-weight:650;transition:opacity .12s,background .12s}tbody tr:hover .row-action,.row-action:focus-visible{opacity:1}.row-action:hover{background:#f1f6ef;border-color:#dce6dc}.empty-state{color:#8a958e;text-align:center;height:110px}.table-footer{color:#89948e;justify-content:space-between;padding:11px 6px 0;font-size:9px;display:flex}.table-footer b{color:#b8c0ba;padding:0 5px}.page-footer{border-top:1px solid var(--line);color:#98a29c;justify-content:space-between;margin-top:38px;padding:14px 0 4px;font-size:9px;display:flex}.page-footer>span:first-child{letter-spacing:.9px;font-size:8px;font-weight:700}.page-footer i{color:#bdc6bf;padding:0 4px;font-style:normal}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toast{z-index:5;color:#355242;background:#fff;border:1px solid #d4e0d6;border-radius:5px;align-items:center;gap:18px;padding:12px 15px;font-size:12px;animation:.18s both rise-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 26px #1930241f}.toast button,.dialog-close{color:#79867f;background:0 0;border:0;font-size:20px;line-height:1}.dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#0f172a99;place-items:center;padding:18px;animation:.15s both fade-in;display:grid;position:fixed;inset:0}.bill-dialog{background:#fff;border:1px solid #e2e8e3;border-radius:7px;width:min(480px,100%);padding:25px;animation:.18s both rise-in;box-shadow:0 24px 80px #14221c33}.dialog-heading{justify-content:space-between;align-items:flex-start;display:flex}.dialog-heading .eyebrow{margin-bottom:5px}.dialog-heading h2{font-size:27px}.dialog-description{color:#7a867f;margin:10px 0 20px;font-size:12px}.bill-dialog form{gap:14px;display:grid}.bill-dialog label{color:#536159;gap:6px;font-size:11px;font-weight:650;display:grid}.bill-dialog input{width:100%;height:39px;color:var(--ink);background:#fff;border:1px solid #dce4de;border-radius:4px;padding:0 10px;font-size:12px}.bill-dialog input::placeholder{color:#a2aaa5}.form-two-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:8px;display:flex}.secondary-button{color:#56655c;background:#fff;border:1px solid #dce4de;border-radius:5px;min-height:40px;padding:0 15px;font-weight:600}.secondary-button:hover{background:#f7f9f7}.batch-dialog{width:min(700px,100%)}.contacts-dialog{flex-direction:column;width:min(720px,100%);max-height:min(88vh,820px);padding:24px;display:flex;overflow:hidden}.contacts-modal-scrollable{flex:1;min-height:0;margin-top:12px;padding-right:6px;overflow-y:auto}.contacts-list{gap:14px;margin-bottom:20px;display:grid}.contact-row{border-bottom:1px solid var(--line);gap:8px;padding:0 0 13px;display:grid}.contact-row>strong{color:#283630;font-size:12px}.contact-row label,.contact-new-fields label{color:#65736a;gap:5px;font-size:10px;font-weight:650;display:grid}.contact-row input,.contact-new-fields input{width:100%;min-width:0;height:36px;color:var(--ink);background:#fff;border:1px solid #dce4de;border-radius:4px;padding:0 9px;font-size:11px}.contact-edit-footer{grid-template-columns:minmax(100px,1fr) auto auto auto;align-items:end;gap:10px;display:grid}.contact-delete-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.contact-delete-btn:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.contact-delete-btn:disabled{opacity:.5;cursor:not-allowed}.contact-modal-notice{border-radius:6px;align-items:flex-start;gap:10px;margin:10px 0 16px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.contact-modal-notice.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.contact-modal-notice.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.contact-modal-notice .notice-icon{flex-shrink:0;margin-top:2px}.contact-modal-notice .notice-content{flex:1;min-width:0}.contact-modal-notice .notice-content strong{margin-bottom:2px;font-size:13px;font-weight:700;display:block}.contact-modal-notice .notice-content p{opacity:.95;margin:0;font-size:12px}.contact-modal-notice .notice-close-btn{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.contact-modal-notice .notice-close-btn:hover{opacity:1}.contact-active{white-space:nowrap;align-items:center;min-height:36px;gap:6px!important;display:flex!important}.contact-active input{width:16px;height:16px;margin:0}.contact-create-form{border-top:1px solid var(--line);padding-top:14px}.contact-create-form .section-kicker{margin:0 0 10px}.contact-new-fields{grid-template-columns:1fr 1.2fr .8fr;gap:10px;display:grid}.payment-review{background:#fff;border:1px solid #dfe7df;border-radius:6px;margin:0 0 18px;padding:18px}.payment-review .workflow-header{margin-bottom:13px}.payment-review .workflow-header h3{color:var(--ink);margin:0;font:500 20px Georgia,Times New Roman,serif}.payment-review-list{display:grid}.payment-review-batch{border-top:1px solid #edf0ed;gap:10px;padding:13px 0;display:grid}.payment-review-batch>div:first-child{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:10px;display:flex}.payment-review-batch>div:first-child strong{color:#283630;font-size:12px}.payment-review-batch>.primary-button{justify-self:end}.payment-review-row{color:#647168;border-top:1px solid #edf0ed;grid-template-columns:minmax(120px,1fr) minmax(140px,auto) auto;align-items:center;gap:12px;min-height:43px;font-size:11px;display:grid}.payment-review-row>strong{color:#283630}.payment-history-row{color:#647168;border-top:1px solid #edf0ed;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:54px;font-size:11px;display:flex}.payment-history-details{gap:4px;margin-right:auto;display:grid}.payment-history-details strong{color:#283630;font-size:12px}.payment-proof-upload{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.payment-proof-upload:has(input:disabled){cursor:wait;opacity:.65}.payment-dialog{width:min(760px,100%)}.payment-allocation-list{gap:12px;max-height:340px;display:grid;overflow-y:auto}.payment-allocation-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(110px,1fr) minmax(100px,.8fr) minmax(100px,.8fr) minmax(112px,.8fr);align-items:end;gap:9px;padding-bottom:12px;display:grid}.payment-bill-summary{align-self:center;gap:5px;display:grid}.payment-bill-summary strong{color:#283630;font-size:11px}.payment-bill-summary span{color:var(--muted);font-size:10px}.payment-allocation-row label,.payment-metadata label{color:#65736a;gap:5px;font-size:10px;font-weight:650;display:grid}.payment-allocation-row input,.payment-allocation-row select,.payment-metadata input{width:100%;min-width:0;height:36px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dce4de;border-radius:4px;padding:0 8px;font-size:11px}.payment-metadata{grid-template-columns:1fr 1.4fr;gap:10px;margin-top:16px;display:grid}.payment-total{border-top:1px solid var(--line);color:#66746b;justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;font-size:12px;display:flex}.payment-total strong{color:var(--forest);font:500 20px Georgia,Times New Roman,serif}.batch-bill-row{grid-template-columns:minmax(130px,1.2fr) minmax(110px,.8fr) minmax(130px,.9fr) 28px;align-items:end;gap:10px;margin-bottom:12px;display:grid}.batch-bill-row label{color:#536159;gap:6px;font-size:11px;font-weight:650;display:grid}.batch-bill-row input{width:100%;min-width:0;height:39px;color:var(--ink);background:#fff;border:1px solid #dce4de;border-radius:4px;padding:0 10px;font-size:12px}.remove-bill-button{color:#a3443a;background:0 0;border:0;width:28px;height:34px;font-size:20px}.remove-bill-button:disabled{cursor:default;opacity:.35}.add-bill-row{margin:2px 0 10px}.add-bill-row:disabled{cursor:default;opacity:.5}.approval-page{background:radial-gradient(ellipse at 50% 0%, #e7efe7 0, var(--canvas) 55%);min-height:100vh;padding:30px 18px 60px}.approval-brand{align-items:center;gap:11px;width:min(760px,100%);margin:0 auto 44px;display:flex}.approval-brand .brand-mark{flex:0 0 34px}.approval-content{width:min(620px,100%);margin:0 auto;animation:.32s both rise-in}.approval-heading{margin-bottom:22px}.approval-heading h1{font-size:31px}.approval-panel{background:#fff;border:1px solid #dfe7df;border-radius:6px;padding:22px;box-shadow:0 14px 35px #1e36280f}.approval-panel h2{font-size:21px}.approval-batch-meta{color:var(--muted);margin:7px 0 20px;font-size:12px}.approval-bills{border-top:1px solid var(--line);width:100%}.approval-bills th,.approval-bills td{border-bottom:1px solid #edf0ed;padding:11px 4px}.approval-bills th{text-align:left}.approval-bills th:last-child,.approval-bills td:last-child{text-align:right}.approval-total{color:#66746b;justify-content:space-between;padding-top:16px;font-size:12px;display:flex}.approval-total strong{color:var(--forest);font:500 19px Georgia,Times New Roman,serif}.approval-otp{background:#f8faf7;border:1px solid #dfe7df;border-radius:5px;margin-top:22px;padding:16px}.approval-otp h3{color:var(--forest);margin:0 0 7px;font-size:15px}.approval-otp p{color:var(--muted);margin:6px 0;font-size:12px;line-height:1.5}.approval-otp-expiry{font-size:11px!important}.approval-otp-dev{background:#edf4e8;border-radius:4px;padding:9px;color:#425b3b!important}.approval-otp-entry{margin-top:12px}.approval-otp-entry label{color:var(--ink);margin-bottom:6px;font-size:12px;display:block}.approval-otp-entry input{letter-spacing:.3em;border:1px solid #dce4de;border-radius:4px;width:100%;padding:10px;font-size:18px}.approval-otp-verified{color:#466442;margin:20px 0 0;font-size:12px}.approval-comment{resize:vertical;width:100%;min-height:94px;color:var(--ink);border:1px solid #dce4de;border-radius:4px;margin-top:20px;padding:10px}.approval-actions{justify-content:flex-end;gap:9px;margin-top:14px;display:flex}.approval-error{color:var(--red);margin:16px 0 0;font-size:12px}.approval-success{color:#466442;background:#f0f6ed;border:1px solid #d9e6d7;border-radius:4px;padding:17px;line-height:1.5}.approval-loading{color:var(--muted);padding:26px 0}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes row-in{0%{opacity:0}to{opacity:1}}@keyframes bar-rise{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1120px){.sidebar{flex-basis:205px;width:205px}.topbar,.page-content{padding-left:30px;padding-right:30px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-strip{grid-template-columns:minmax(190px,1fr) minmax(190px,1fr)}.trend-total{border-top:1px solid #cdd9cf;border-left:0;grid-column:1/-1;align-items:center;gap:10px;padding:9px 0 0;display:flex}.trend-total strong{margin-left:auto}}@media (max-width:760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:auto;padding:12px 18px}.brand{padding:0}.brand-mark{width:30px;height:30px}.workspace-label,.sidebar-bottom{display:none}.primary-nav{gap:4px;display:flex}.nav-item{gap:7px;min-height:36px;padding:0 9px;font-size:11px}.nav-glyph{font-size:14px}.nav-count{display:none}.topbar{height:48px;padding:0 20px}.topbar-right{gap:12px}.page-content{padding:29px 20px 18px}.welcome-row{align-items:flex-start}.welcome-actions{flex-wrap:wrap;justify-content:flex-end;align-self:flex-end}h1{font-size:30px}.primary-button{white-space:nowrap;min-height:38px;padding:0 12px;font-size:11px}.collection-strip{gap:16px;margin-bottom:27px;padding:16px}.table-toolbar{flex-direction:column-reverse;align-items:flex-start;padding:10px 0 0}.search-box{width:100%}.filter-tabs{justify-content:space-between;gap:8px;width:100%}.filter-tab{font-size:10px}.table-wrap table{min-width:720px}.row-action{opacity:1}}@media (max-width:500px){.sidebar{padding-left:13px;padding-right:13px}.brand-name{font-size:13px}.approval-page{padding:22px 15px 42px}.approval-brand{margin-bottom:34px}.approval-heading h1{font-size:27px}.approval-panel{padding:17px 14px}.approval-actions{flex-direction:column-reverse}.approval-actions button{width:100%}.brand-name span{font-size:8px}.nav-item{padding:0 7px}.nav-glyph{display:none}.topbar{padding:0 16px}.topbar-date{display:none}.page-content{padding:24px 15px 16px}.welcome-row{gap:9px}.welcome-actions{flex-direction:column;align-items:stretch}.welcome-actions button{width:100%}h1{max-width:240px;font-size:27px}.welcome-subtitle{max-width:230px;font-size:11px;line-height:1.5}.welcome-row>.primary-button{align-self:flex-end;min-height:35px;padding:0 9px;font-size:10px}.demo-banner{align-items:flex-start;padding:10px;line-height:1.45}.banner-mark{flex:0 0 16px;margin-top:1px}.metrics-grid{gap:8px}.metric-card{min-height:119px;padding:12px 11px}.metric-heading{font-size:10px}.metric-icon{width:21px;height:21px}.metric-value{margin-top:12px;font-size:20px}.metric-foot{font-size:9px}.collection-strip{grid-template-columns:1fr;gap:14px}.collection-copy strong{max-width:none}.trend-chart{height:85px}.trend-total{grid-column:auto}.section-heading{align-items:center}h2{font-size:22px}.filter-tabs{gap:4px}.filter-tab{gap:4px;font-size:9px}.table-footer{gap:10px;font-size:8px}.page-footer{gap:12px;font-size:8px}.page-footer>span:last-child{text-align:right}.bill-dialog{padding:20px 17px}.form-two-columns{grid-template-columns:1fr}.batch-bill-row{grid-template-columns:1fr 1fr 28px}.batch-bill-row label:first-child{grid-column:1/-1}.batch-bill-row label:nth-child(3){grid-column:1/3}.contact-edit-footer{grid-template-columns:1fr 1fr}.contact-edit-footer>button{grid-column:1/-1}.contact-new-fields{grid-template-columns:1fr}.payment-review{padding:14px}.payment-review-row{grid-template-columns:1fr auto;gap:7px;padding:8px 0}.payment-review-row .status-pill{grid-column:1/-1;justify-self:start}.payment-review-batch>.primary-button{width:100%}.payment-allocation-row{grid-template-columns:1fr 1fr}.payment-bill-summary{grid-column:1/-1}.payment-metadata{grid-template-columns:1fr}}.search-box:focus-within{border-color:#8eaa93;box-shadow:0 0 0 3px #5d87631f}.filter-tab{min-height:44px}.status-pill{font-size:10px}.row-action{min-height:34px}.bill-dialog{overscroll-behavior:contain;max-height:min(90vh,820px);overflow-y:auto}.metric-card:not(.metric-primary){transition:border-color .16s,box-shadow .16s}.metric-card:not(.metric-primary):hover{border-color:#d5e0d7;box-shadow:0 7px 20px #1930240f}.primary-button:focus-visible,.secondary-button:focus-visible,.text-button:focus-visible,.filter-tab:focus-visible,.row-action:focus-visible,.toast button:focus-visible,.dialog-close:focus-visible{outline-offset:3px;outline:3px solid #92b78e}@media (hover:none){.row-action{opacity:1}}@media (max-width:760px){.primary-nav{overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;overflow-x:auto}.primary-nav::-webkit-scrollbar{display:none}.filter-tabs::-webkit-scrollbar{display:none}.nav-item{flex:none}.filter-tabs{overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.filter-tab{flex:none}.table-wrap{border-radius:4px}}@media (max-width:500px){.sidebar{gap:8px}.brand{flex:none;gap:7px}.brand-name span{letter-spacing:.7px}.primary-nav{flex:auto;justify-content:flex-end}.nav-item{min-height:40px;padding:0 9px}.filter-tabs{justify-content:flex-start;gap:13px}.filter-tab{min-height:42px;font-size:10px}.dialog-backdrop{padding:10px}.bill-dialog{max-height:92dvh}}.workflows-dialog{width:min(860px,100%);max-height:min(88vh,820px);overflow-y:auto}.workflow-templates-list{gap:12px;max-height:320px;margin:16px 0;display:grid;overflow-y:auto}.workflow-template-card{border:1px solid var(--line);background:#fafcfa;border-radius:6px;gap:10px;padding:14px;display:grid}.workflow-template-head{justify-content:space-between;align-items:center;display:flex}.workflow-template-head strong{color:var(--forest);font-size:13px}.workflow-stages-preview{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stage-chip{color:#415248;background:#fff;border:1px solid #dce4de;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.stage-chip-arrow{color:#9bb09f;font-size:12px;font-weight:700}.stage-builder-list{gap:10px;margin:12px 0;display:grid}.stage-builder-row{background:#f8faf8;border:1px solid #e1e7e1;border-radius:5px;grid-template-columns:28px minmax(130px,1.2fr) minmax(110px,1fr) 95px 75px 28px;align-items:end;gap:8px;padding:10px;display:grid}.stage-builder-row label{color:#647369;gap:4px;font-size:10px;font-weight:600;display:grid}.stage-builder-row select,.stage-builder-row input{height:34px;color:var(--ink);background:#fff;border:1px solid #dce4de;border-radius:4px;padding:0 6px;font-size:11px}.stage-num-badge{background:var(--forest);color:#fff;border-radius:50%;align-self:center;place-items:center;width:24px;height:24px;margin-bottom:5px;font-size:11px;font-weight:700;display:grid}.batches-section{margin-top:36px}.batch-history-dialog{width:min(920px,100%);max-height:min(90vh,850px);overflow-y:auto}.history-tabs{border-bottom:1px solid var(--line);gap:8px;margin:16px 0;display:flex}.history-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-size:12px;font-weight:600}.history-tab.active{color:var(--forest);border-bottom-color:var(--forest)}.history-overview-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.history-overview-box{border:1px solid var(--line);background:#f8faf8;border-radius:6px;gap:4px;padding:12px;display:grid}.history-overview-box small{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.timeline-stages{gap:12px;margin:16px 0;display:grid}.timeline-stage-card{background:#fff;border-left:3px solid #ccc;border-radius:0 6px 6px 0;gap:6px;padding:12px 16px;display:grid;box-shadow:0 1px 3px #0000000a}.timeline-stage-card.completed{border-left-color:var(--green);background:#fbfdfb}.timeline-stage-card.alerted{border-left-color:var(--amber);background:#fffcf8}.timeline-stage-card.returned{border-left-color:var(--red);background:#fdfafa}.timeline-stage-header strong{color:var(--forest);font-size:12px}.timeline-stage-comment{color:#536458;background:#f2f6f3;border-radius:4px;margin-top:4px;padding:6px 10px;font-size:11px}.audit-list{gap:8px;max-height:380px;display:grid;overflow-y:auto}.audit-entry{border-left:2px solid var(--forest);background:#fcfdfc;border-radius:0 4px 4px 0;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 14px;font-size:11px;display:flex}.audit-entry-actor{color:var(--forest);font-weight:600}.audit-entry-detail{color:#5a6b61;margin-top:3px;font-size:10px}.audit-entry-time{color:var(--muted);white-space:nowrap;font-size:10px}.notif-list{gap:8px;max-height:320px;display:grid;overflow-y:auto}.notif-item{border:1px solid var(--line);background:#fff;border-radius:5px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;display:flex}.demo-user-bar{background:#f8faf8;border:1px solid #dce8db;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:10px 18px;display:flex;box-shadow:0 1px 3px #173c3108}.demo-role-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-role-label{color:var(--forest);letter-spacing:.6px;text-transform:uppercase;margin-right:4px;font-size:11px;font-weight:750}.role-pill{color:#56655c;background:#fff;border:1px solid #dce4de;border-radius:6px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12px;font-weight:550;transition:all .15s;display:inline-flex}.role-pill:hover{color:#2b3b33;background:#f3f7f4;border-color:#cbd8cf}.role-pill.active{color:#fff;background:#173c31;border-color:#173c31;font-weight:700;box-shadow:0 2px 8px #173c3133}.user-status-chip{background:#fff;border:1px solid #dce4de;border-radius:6px;align-items:center;gap:10px;padding:4px 10px;font-size:12px;display:flex}.user-status-avatar{background:var(--forest);width:24px;height:24px;color:var(--lime);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.workflow-panel{background:#fff;border:1px solid #dce5df;border-radius:10px;margin-bottom:24px;padding:24px;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 4px 20px #173c310d}.workflow-panel:before{content:"";background:linear-gradient(90deg, var(--forest), #32745b, #d8ed7b);height:3px;position:absolute;top:0;left:0;right:0}.workflow-panel:hover{border-color:#cbd8cf;box-shadow:0 6px 26px #173c3114}.workflow-header{border-bottom:1px solid #edf2ee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.workflow-header-left{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.workflow-stage-pill{color:var(--forest);letter-spacing:.5px;background:#eaf2eb;border:1px solid #cde0d1;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.workflow-stage-sep{color:#8da493}.workflow-stage-total{color:#607567;font-weight:500}.workflow-header-titles{flex-direction:column;gap:2px;display:flex}.workflow-title{color:var(--ink);margin:0;font-family:Georgia,serif;font-size:18px;font-weight:650}.workflow-subtitle{color:var(--muted);font-size:11px}.status-dot-pulse{background:#d97706;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse-dot;display:inline-block;box-shadow:0 0 0 2px #d9770633}@keyframes pulse-dot{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.workflow-body-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}@media (max-width:820px){.workflow-body-grid{grid-template-columns:1fr}}.workflow-info-card{background:#f9fbf9;border:1px solid #e3ebe4;border-radius:8px;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.workflow-card-label{letter-spacing:.8px;color:#6c7c72;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700}.workflow-bill-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.workflow-bill-chip{background:#fff;border:1px solid #dce4de;border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:inline-flex}.workflow-bill-num{color:var(--forest);font-weight:700}.workflow-bill-amt{color:#55665c;font-weight:500}.workflow-total-strip{color:#526359;border-top:1px solid #e5ebe6;justify-content:space-between;align-items:center;padding-top:10px;font-size:12px;display:flex}.workflow-total-strip strong{color:var(--forest);font-family:Georgia,serif;font-size:16px}.workflow-reviewer-profile{align-items:center;gap:12px;display:flex}.workflow-avatar{background:var(--forest);width:42px;height:42px;color:var(--lime);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.workflow-reviewer-name{color:#1f2d26;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.workflow-role-tag{color:#356e4c;background:#eef5ef;border:1px solid #c9e0ce;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.workflow-reviewer-email{color:#65756c;margin-top:2px;font-size:12px}.workflow-backup-note{color:#839188;margin-top:5px;font-size:11px}.workflow-callout{border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:12px;display:flex}.callout-amber{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.callout-blue{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.workflow-callout-icon{margin-top:1px;font-size:16px;line-height:1}.workflow-callout-content strong{margin-bottom:2px;font-weight:700;display:block}.workflow-callout-content p{margin:0;line-height:1.45}.workflow-actions-container{border-top:1px solid #edf2ee;flex-direction:column;gap:14px;padding-top:16px;display:flex}.workflow-actions-primary{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.workflow-btn-approve{color:#fff;background:#1b533e;border-color:#144030;align-items:center;gap:8px;min-height:42px;padding:0 20px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:0 2px 8px #1b533e40}.workflow-btn-approve:hover:not(:disabled){background:#144030;transform:translateY(-1px)}.workflow-btn-return{color:#b91c1c;background:#fff8f8;border-color:#fca5a5;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.workflow-btn-return:hover:not(:disabled){color:#991b1b;background:#fee2e2;border-color:#f87171}.workflow-btn-magic{color:#334155;background:#f8fafc;border-color:#cbd5e1;align-items:center;gap:8px;min-height:42px;margin-left:auto;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.workflow-btn-magic:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}@media (max-width:760px){.workflow-btn-magic{width:100%;margin-left:0}}.workflow-admin-tools{background:#f8faf8;border:1px dashed #d6ded7;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.workflow-admin-label{color:#6f7f75;letter-spacing:.6px;margin-right:4px;font-size:10px;font-weight:750}.workflow-admin-btn{color:#495a50;background:#fff;border:1px solid #dce4de;height:32px;padding:0 12px;font-size:11px;font-weight:550}.workflow-admin-btn:hover{color:#1f2d26;background:#f3f6f3}.workflow-admin-btn-delete{color:#be123c;background:#fff1f2;border:1px solid #fecaca;height:32px;margin-left:auto;padding:0 12px;font-size:11px;font-weight:600}.workflow-admin-btn-delete:hover{background:#ffe4e6}.return-dialog{width:min(560px,100%)}.reason-chip-btn{color:#4b5563;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:5px 12px;font-size:11px;transition:all .15s}.reason-chip-btn:hover{background:#f3f4f6;border-color:#d1d5db}.reason-chip-btn.selected{color:#991b1b;background:#fee2e2;border-color:#f87171;font-weight:700}.role-switcher-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:10px 16px;display:flex;box-shadow:0 1px 3px #0f172a0a}.role-switcher-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.role-switcher-sparkle{color:#10b981}.role-switcher-label{color:var(--forest);letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.role-switcher-buttons{background:#f1f5f9;border-radius:8px;align-items:center;gap:4px;padding:3px;display:flex}.role-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:600;transition:all .14s;display:inline-flex}.role-btn:hover{color:#0f172a;background:#ffffffa6}.role-btn.active{color:var(--forest);background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #0f172a0f}.role-icon{color:var(--forest)}.role-switcher-active{align-items:center;gap:12px;margin-left:auto;display:flex}.role-active-user-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:4px 10px 4px 6px;display:flex}.role-user-avatar{background:var(--forest);width:26px;height:26px;color:var(--lime);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.role-active-meta{flex-direction:column;line-height:1.2;display:flex}.role-active-label{text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-size:9px;font-weight:700}.role-active-value{color:#0f172a;font-size:12px;font-weight:650}.role-signout-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:11.5px;font-weight:600;transition:all .12s;display:inline-flex}.role-signout-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.metric-icon-wrap{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.metric-icon-wrap.primary{color:var(--forest);background:#173c311a}.metric-icon-wrap.danger{color:#dc2626;background:#fee2e2}.metric-icon-wrap.amber{color:#d97706;background:#fef3c7}.metric-icon-wrap.green{color:#16a34a;background:#dcfce7}.workflow-title-wrap{align-items:center;gap:10px;display:flex}.stage-badge{color:var(--forest);background:#e8f3ea;border:1px solid #cce2d0;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.workflow-details-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:10px;display:flex}.workflow-meta{flex:300px}.approver-info{align-items:center;gap:8px;font-size:13px;display:flex}.text-forest{color:var(--forest)}.text-muted{color:var(--muted)}.workflow-instructions{color:#3b4b43;margin:6px 0 0;font-size:13px}.backup-approver-tag{color:var(--muted);background:#eef2ef;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px;display:inline-block}.comment-callout{border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:6px 10px;font-size:12px;display:flex}.comment-callout.note{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.comment-callout.reassign{color:#be123c;background:#fff1f2;border:1px solid #fecaca}.workflow-quick-roles{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.quick-roles-title{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;font-size:10px;font-weight:650}.quick-roles-btns{gap:6px;display:flex}.quick-role-btn{color:#3c4a42;cursor:pointer;background:#fff;border:1px solid #d4ded6;border-radius:4px;height:26px;padding:0 9px;font-size:11px;font-weight:550}.quick-role-btn:hover{color:var(--forest);background:#f2f7f3}.approver-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:12px;display:flex}.return-reasons-wrap{margin-top:14px}.return-reasons-label{color:#55675c;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:650;display:flex}.return-chips{flex-wrap:wrap;gap:6px;display:flex}.return-chip{color:#4b5a51;cursor:pointer;background:#fff;border:1px solid #d8e2da;border-radius:14px;padding:4px 10px;font-size:11px;transition:all .12s}.return-chip:hover{color:#991b1b;background:#fef2f2;border-color:#f87171}.return-chip.selected{color:#991b1b;background:#fee2e2;border-color:#ef4444;font-weight:650}.workflow-actions-area{flex-direction:column;gap:12px;margin-top:12px;display:flex}.workflow-textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px 12px;font-size:13px}.workflow-btn-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex}.action-btn.approve{background:var(--forest);color:#fff}.action-btn.approve:hover{background:#112d25}.action-btn.return{color:#b91c1c;background:#fff;border-color:#fca5a5}.action-btn.return:hover{background:#fef2f2;border-color:#f87171}.action-btn.magic-link{color:#374151;background:#fff;border-color:#d1d5db}.action-btn.magic-link:hover{background:#f9fafb}.action-btn.reassign{color:#4b5563;background:#fff;border-color:#d1d5db}.action-btn.reassign:hover{background:#f3f4f6}.action-btn.offline{color:#4b5563;background:#fff;border-color:#d1d5db}.action-btn.offline:hover{background:#f3f4f6}.action-btn:disabled{opacity:.5;cursor:not-allowed}.danger-btn{color:#be123c!important;background:#fff1f2!important;border-color:#fecaca!important}.danger-btn:hover{background:#ffe4e6!important}.link-btn{color:var(--forest);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11px;text-decoration:underline;display:inline-flex}.notify-badge{background:#f0f7f2;border:1px solid #d2e7d7;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:12px;display:flex}.workflow-select-card{background:#fcfdfc;border:1px solid #dce4de;border-radius:6px;margin-bottom:16px;padding:12px}.workflow-select-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.workflow-select-links{gap:12px;display:flex}.workflow-select-input{background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;height:38px;padding:0 10px;font-size:12px}.pipeline-preview{background:#f8faf8;border:1px solid #dce8db;border-radius:6px;margin-top:10px;padding:10px 12px}.pipeline-title{color:var(--forest);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.pipeline-stages{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pipeline-stage-wrap{align-items:center;gap:8px;display:inline-flex}.stage-chip.current{border-color:var(--forest);background:#e7f4eb}.stage-arrow{color:var(--muted)}.batch-bills-container{margin-top:14px}.section-label{color:#536159;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:650;display:block}.history-overview-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:16px 0;display:grid}.history-overview-box{background:#f8faf8;border:1px solid #e2e8e3;border-radius:6px;padding:10px 12px}.history-overview-box small{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.history-overview-box strong{color:var(--ink);font-size:14px}.history-tabs{border-bottom:1px solid #e4e9e5;gap:6px;margin-bottom:16px;display:flex;overflow-x:auto}.history-tab{color:#55665d;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 14px;font-size:12px;font-weight:550;transition:all .12s;display:inline-flex}.history-tab:hover{color:var(--forest)}.history-tab.active{color:var(--forest);border-bottom-color:var(--forest);font-weight:700}.timeline-stages{flex-direction:column;gap:10px;display:flex}.timeline-stage-card{background:#fff;border:1px solid #e4e9e5;border-radius:6px;padding:12px 14px}.timeline-stage-card.alerted{background:#fffdf5;border-color:#fde68a}.timeline-stage-card.completed{background:#f7fdf9;border-color:#bbf7d0}.timeline-stage-card.returned{background:#fef8f8;border-color:#fecaca}.timeline-stage-header{justify-content:space-between;align-items:center;display:flex}.approver-email-sub{color:var(--muted);margin-left:8px;font-size:11px}.backup-approver-note{color:var(--muted);margin-top:4px;font-size:11px}.timeline-last-comment{color:#0369a1;background:#f0f9ff;border-radius:4px;margin-top:6px;padding:4px 8px;font-size:12px}.loading-state-box{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.rotating{animation:1s linear infinite spin}.audit-header-tags{align-items:center;gap:8px;display:flex}.audit-entry-actor{color:var(--forest);font-size:12px;font-weight:600}.audit-entry-time{color:var(--muted);font-size:11px}.audit-entry-detail{background:#f4f6f4;border-radius:4px;margin-top:6px;padding:4px 8px;font-family:monospace;font-size:11px}.notif-item{border-bottom:1px solid #f0f4f1;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.notif-subtext{color:var(--muted);margin-top:2px;font-size:11px}.notif-error{color:#be123c;margin-left:6px}.topbar-notice{color:#215433;cursor:pointer;background:#ebf6ee;border:1px solid #cbe6d2;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.notice-dot{background:#16a34a;border-radius:50%;width:6px;height:6px}.currently-with-section{margin-bottom:28px}.empty-currently-with{color:var(--muted);text-align:center;background:#fbfcfb;border:1px dashed #d5ded7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:36px 20px;display:flex}.currently-with-grid{flex-direction:column;gap:16px;display:flex}.currently-with-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:22px 24px;transition:all .18s;box-shadow:0 1px 3px #0f172a0d}.currently-with-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f}.currently-with-card.card-overdue{background:#fffcfc;border-left:5px solid #ef4444}.card-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.batch-id-badge{color:var(--forest);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-right:8px;padding:3px 8px;font-family:monospace;font-size:13px;font-weight:700}.stage-tracker-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:650}.card-status-badges{align-items:center;gap:6px;display:flex}.status-overdue-tag{font-weight:700;color:#b91c1c!important;background:#fee2e2!important;border-color:#fca5a5!important}.currently-assigned-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:14px 18px;display:flex}.assigned-main{align-items:center;gap:12px;display:flex}.assigned-avatar{width:36px;height:36px;color:var(--forest);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:50%;justify-content:center;align-items:center;display:flex}.assigned-copy small{letter-spacing:.5px;color:#64748b;font-size:10px;font-weight:700;display:block}.assigned-copy strong{color:#0f172a;font-size:13px;font-weight:650}.assigned-email{color:#64748b;margin-left:6px;font-size:12px}.backup-approver-badge{color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.timeline-meta-strip{color:#64748b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;padding:8px 12px;font-size:12px;display:flex}.timeline-meta-strip div{align-items:center;gap:5px;display:inline-flex}.reminder-count-tag{color:#b45309;background:#fef3c7;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600}.card-history-link{color:var(--forest);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-left:auto;padding:0;font-size:11px;text-decoration:underline;display:inline-flex}.batch-bills-preview{border:1px solid #e2e8e3;border-radius:6px;margin-bottom:14px;overflow:hidden}.preview-heading{background:#fbfcfb;border-bottom:1px solid #e2e8e3;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.preview-label{color:#3f5046;align-items:center;gap:6px;font-weight:650;display:inline-flex}.preview-total strong{color:var(--forest)}.preview-bills-table table{border-collapse:collapse;width:100%;font-size:12px}.preview-bills-table th,.preview-bills-table td{text-align:left;border-bottom:1px solid #f0f4f1;padding:8px 12px}.preview-bills-table th{color:var(--muted);background:#fafbfa;font-size:11px;font-weight:600}.bill-remaining{color:#0f766e;font-weight:600}.card-actions-container{border-top:1px solid #e7ede8;padding-top:12px}.card-buttons-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.card-role-switch{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.card-role-switch button{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;height:24px;padding:0 8px;font-size:10px}.card-role-switch button:hover{background:#f1f5f9;border-color:#94a3b8}.card-action-btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settlements-hub{margin-bottom:28px}.settlement-tabs{align-items:center;gap:8px;display:flex}.settlement-tab-btn{color:#43544b;cursor:pointer;background:#fff;border:1px solid #d4ded6;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:550;transition:all .12s;display:inline-flex}.settlement-tab-btn:hover{background:#f1f6f2}.settlement-tab-btn.active{background:var(--forest);border-color:var(--forest);color:#fff;font-weight:650}.batch-verified-note{color:#15803d;margin-left:8px;font-size:11px;font-weight:600}.empty-state-card{color:var(--muted);text-align:center;background:#fff;border:1px solid #e1e8e3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.verification-receipt-panel{background:#fff;box-shadow:0 10px 25px -5px #16a34a1a,0 8px 10px -6px #0000000d;border-left:5px solid #16a34a!important}.receipt-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.receipt-timestamp{color:var(--muted);font-size:12px}.receipt-title-box h2{color:var(--forest);margin:0 0 4px;font-size:1.4rem}.receipt-bills-wrap{margin-top:18px}.receipt-bills-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.receipt-bills-head h3{color:#1e293b;align-items:center;gap:6px;margin:0;font-size:1rem;display:flex}.receipt-verified-count{color:#15803d;background:#dcfce7;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.receipt-notes-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:16px;padding:12px 14px;font-size:12px}.receipt-notes-box strong{color:#334155;margin-bottom:4px;display:block}.receipt-notes-box p{color:#475569;margin:0}.receipt-next-steps{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:flex-start;gap:12px;margin-top:20px;padding:14px 16px;display:flex}.receipt-next-steps strong{color:#166534;margin-bottom:2px;font-size:13px;display:block}.receipt-next-steps p{color:#15803d;margin:0;font-size:12px}.view-mode-tabs{-webkit-backdrop-filter:blur(12px);z-index:30;background:#fffffff0;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:6px;margin:16px 0 24px;padding:6px;display:flex;position:sticky;top:64px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000a}.view-mode-btn{color:#475569;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .16s cubic-bezier(.4,0,.2,1);display:inline-flex}.view-mode-btn:hover{color:#0f172a;background:#f1f5f9}.view-mode-btn.active{background:var(--forest);color:#fff;box-shadow:0 2px 6px #0f3d3240}.view-mode-btn.active .view-badge{color:#fff;background:#fff3}.view-badge{color:#475569;background:#f1f5f9;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700}.view-badge.badge-alert{color:#92400e;background:#fef3c7}.view-badge.badge-ready{color:#166534;background:#dcfce7}.nav-count-pulse{color:#92400e!important;background:#fef3c7!important;border:1px solid #fde68a!important;font-weight:700!important}.nav-count-alert{color:#166534!important;background:#dcfce7!important;border:1px solid #bbf7d0!important;font-weight:700!important}.batch-stepper-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:10px 0 14px;padding:12px 16px}.batch-stepper{justify-content:space-between;align-items:center;gap:12px;display:flex;overflow-x:auto}.stepper-node{flex:1;align-items:center;gap:10px;min-width:140px;display:flex;position:relative}.stepper-dot{color:#64748b;background:#e2e8f0;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:11px;font-weight:700;transition:all .2s;display:grid}.stepper-node.completed .stepper-dot{color:#fff;background:#10b981;box-shadow:0 0 0 3px #10b98126}.stepper-node.active .stepper-dot{background:var(--forest);color:var(--lime);box-shadow:0 0 0 4px #173c3133}.stepper-node.returned .stepper-dot{color:#fff;background:#ef4444;box-shadow:0 0 0 3px #ef444426}.stepper-pulse-dot{background:var(--lime);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.stepper-meta{flex-direction:column;min-width:0;display:flex}.stepper-stage-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.stepper-approver-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:12px;font-weight:600;overflow:hidden}.stepper-node.active .stepper-approver-name{color:var(--forest);font-weight:700}.stepper-connector{background:#cbd5e1;flex:1;height:2px;margin-left:8px}.stepper-node.completed .stepper-connector{background:#10b981}.lifecycle-roadmap-card{background:#fff;border:1px solid #e2e8e3;border-radius:8px;margin-bottom:22px;padding:18px 20px;box-shadow:0 1px 3px #0000000a}.lifecycle-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.lifecycle-kicker{letter-spacing:1.2px;color:#64748b;text-transform:uppercase;font-size:10px;font-weight:700}.lifecycle-title h3{color:var(--forest);margin:3px 0 0;font-family:Georgia,serif;font-size:15px;font-weight:700}.lifecycle-quick-actions{align-items:center;gap:8px;display:flex}.lifecycle-action-btn{border-radius:5px;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.lifecycle-action-btn.primary{background:var(--forest);color:#fff;border:1px solid var(--forest)}.lifecycle-action-btn.primary:hover{background:#112d25}.lifecycle-action-btn.secondary{color:#334155;background:#f8faf9;border:1px solid #cbd5e1}.lifecycle-action-btn.secondary:hover{background:#eef3f0;border-color:#94a3b8}.lifecycle-steps-bar{grid-template-columns:repeat(5,1fr);align-items:stretch;gap:8px;display:grid}@media (max-width:900px){.lifecycle-steps-bar{grid-template-columns:1fr}}.lifecycle-step-node{cursor:pointer;background:#f8faf9;border:1px solid #e2e8e3;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex;position:relative}.lifecycle-step-node:hover,.lifecycle-step-node.selected{background:#f0fdf4;border-color:#86efac;box-shadow:0 1px 4px #16653414}.node-number{color:#334155;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.lifecycle-step-node:hover .node-number,.lifecycle-step-node.selected .node-number{background:var(--forest);color:#fff}.node-info{flex-direction:column;flex:1;min-width:0;display:flex}.node-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;overflow:hidden}.node-subtitle{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.node-badge{color:#0369a1;white-space:nowrap;background:#e0f2fe;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600}.node-badge.pulse{color:#92400e;background:#fef3c7}.node-separator{color:#cbd5e1;flex-shrink:0;margin-left:auto}.lifecycle-step-popover{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:flex-start;gap:10px;margin-top:10px;padding:10px 14px;font-size:12px;display:flex;position:relative}.close-popover-btn{color:#166534;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:16px;line-height:1}.next-action-callout{border-radius:6px;flex-direction:column;gap:8px;margin:12px 0 16px;padding:12px 14px;display:flex}.next-action-callout.action-in-progress{border:1px solid #86efac;border-left:4px solid var(--forest);background:#f0fdf4}.next-action-callout.action-ready{background:#ecfdf5;border:1px solid #6ee7b7;border-left:4px solid #059669}.next-action-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.next-action-title{letter-spacing:.8px;color:var(--forest);text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.next-action-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700}.next-action-status-badge.pending{color:#92400e;background:#fef3c7}.next-action-status-badge.ready{color:#065f46;background:#d1fae5}.next-action-body p{color:#334155;margin:0;font-size:12px;line-height:1.45}.next-action-body p strong{color:#0f172a}.next-action-btn-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.next-action-quick-btn{cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:6px 11px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.next-action-quick-btn.magic{background:var(--forest);color:#fff;border:1px solid var(--forest)}.next-action-quick-btn.magic:hover{background:#112d25}.next-action-quick-btn.primary{color:#fff;background:#059669;border:1px solid #059669}.next-action-quick-btn.primary:hover{background:#047857}.batch-type-pill{letter-spacing:.4px;text-transform:uppercase;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700}.batch-type-pill.single{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.batch-type-pill.batch{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.next-steps-dialog{width:95%;max-width:580px}.eyebrow-badge{letter-spacing:1.2px;color:#059669;text-transform:uppercase;background:#d1fae5;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.next-steps-summary-bar{background:#f8faf9;border:1px solid #e2e8e3;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 18px;padding:10px 14px;display:grid}.summary-item{flex-direction:column;display:flex}.summary-item small{color:#64748b;letter-spacing:.8px;text-transform:uppercase;font-size:9px;font-weight:700}.summary-item strong{color:#0f172a;margin-top:2px;font-size:13px}.roadmap-container{flex-direction:column;gap:10px;display:flex}.roadmap-title{color:#334155;letter-spacing:.4px;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.roadmap-steps{border-left:2px solid #e2e8f0;flex-direction:column;gap:12px;margin-left:10px;padding-left:14px;display:flex}.roadmap-step{gap:10px;display:flex;position:relative}.step-icon-wrap{color:#64748b;background:#f1f5f9;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-29px;display:flex}.step-icon-wrap.active{background:var(--forest);color:#fff;box-shadow:0 0 0 3px #bbf7d0}.step-content{background:#fff;border:1px solid #e2e8e3;border-radius:6px;flex:1;padding:10px 12px}.roadmap-step.current .step-content{background:#f0fdf4;border-color:#86efac}.step-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.step-header strong{color:#0f172a;font-size:12px}.step-status-pill{border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600}.step-content p{color:#475569;margin:0;font-size:11px;line-height:1.4}.email-tag{color:var(--forest);background:#fff;border:1px solid #cbd5e1;border-radius:4px;margin-top:4px;padding:1px 6px;font-family:monospace;font-size:10px;display:inline-block}.step-actions{margin-top:8px}.magic-link-quick-btn{background:var(--forest);color:#fff;border:1px solid var(--forest);cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.magic-link-quick-btn:hover{background:#112d25}.form-group-card{background:#f8faf9;border:1px solid #e2e8e3;border-radius:6px;margin-bottom:14px;padding:14px}.flow-explanation-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:flex-start;gap:8px;margin:12px 0 16px;padding:10px 12px;display:flex}.action-dropdown-wrap{display:inline-block;position:relative}.dropdown-trigger-btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;height:40px;min-height:40px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.dropdown-trigger-btn.primary{background:var(--forest);color:#fff;border:1px solid var(--forest);box-shadow:0 2px 4px #173c3133}.dropdown-trigger-btn.primary:hover{background:#112d25;border-color:#112d25}.dropdown-trigger-btn.secondary{color:#1e293b;background:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0f172a0d}.dropdown-trigger-btn.secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.dropdown-chevron{color:inherit;opacity:.8;transition:transform .15s}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-menu-panel{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:290px;padding:6px;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu-header{color:#94a3b8;letter-spacing:.8px;text-transform:uppercase;padding:8px 12px 4px;font-size:10px;font-weight:700}.dropdown-menu-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.dropdown-menu-item:hover{background:#f1f5f9}.dropdown-menu-item.highlighted{background:#f0fdf4;border-color:#bbf7d0;margin-bottom:2px}.dropdown-menu-item.highlighted:hover{background:#dcfce7}.menu-item-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.menu-item-icon.green{color:#166534;background:#dcfce7}.menu-item-icon.blue{color:#0369a1;background:#e0f2fe}.menu-item-icon.slate{color:#475569;background:#f1f5f9}.menu-item-copy{flex-direction:column;display:flex}.menu-item-copy strong{color:#0f172a;font-size:12px;font-weight:650}.menu-item-copy small{color:#64748b;margin-top:1px;font-size:10px}.dropdown-menu-divider{background:#f1f5f9;height:1px;margin:4px 6px}.compact-pipeline-card{background:#fff;border:1px solid #e2e8e3;border-radius:8px;margin-bottom:24px;padding:20px;box-shadow:0 1px 3px #0000000a}.compact-pipeline-card.empty{text-align:center;padding:24px}.empty-pipeline-inner{justify-content:center;align-items:center;gap:14px;display:flex}.empty-pipeline-inner p{color:#64748b;margin:3px 0 0;font-size:12px}.compact-pipeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.section-eyebrow{color:#64748b;letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:700}.compact-pipeline-title{color:#0f172a;align-items:center;gap:8px;margin:3px 0 0;font-size:17px;font-weight:700;display:flex}.active-count-tag{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:650}.compact-pipeline-sub{color:#64748b;margin:3px 0 0;font-size:12px}.pipeline-tab-switch-btn{color:var(--forest);cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:650;transition:all .15s;display:inline-flex}.pipeline-tab-switch-btn:hover{background:#dcfce7;border-color:#86efac}.compact-pipeline-table-wrap{overflow-x:auto}.compact-pipeline-table{border-collapse:collapse;width:100%;font-size:13px}.compact-pipeline-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.compact-pipeline-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:12px}.compact-pipeline-table tbody tr:hover{background:var(--bg-subtle)}.compact-item-info{align-items:center;gap:10px;display:flex}.compact-item-icon{background:var(--bg-subtle);width:28px;height:28px;color:var(--text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.compact-type-badge{color:var(--text-muted);margin-top:1px;font-size:10px;display:block}.compact-amount{color:var(--text-primary);font-weight:700}.stage-pill-compact{background:var(--status-info-bg);color:var(--status-info-text);border:1px solid var(--status-info-border);border-radius:12px;padding:3px 8px;font-size:11px;font-weight:650;display:inline-block}.compact-approver{align-items:center;gap:8px;display:flex}.compact-approver strong{color:var(--text-primary);font-size:12px;display:block}.compact-email{color:var(--text-muted);font-size:11px}.compact-status-pill{border-radius:12px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.compact-status-pill.pending{background:var(--urgency-amber-bg);color:var(--urgency-amber-text)}.compact-status-pill.ready{background:var(--brand-light);color:var(--brand-primary)}.compact-actions-row{justify-content:flex-end;align-items:center;gap:6px;display:flex}.compact-action-btn{cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.compact-action-btn.magic{background:var(--brand-primary);color:var(--text-inverse);border:1px solid var(--brand-primary)}.compact-action-btn.magic:hover{background:var(--brand-hover)}.compact-action-btn.view{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-strong)}.compact-action-btn.view:hover{background:var(--bg-muted);color:var(--text-primary)}.ui-button{border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:550;transition:all .14s;display:inline-flex}.ui-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.ui-button--sm{min-height:32px;padding:0 10px;font-size:12px}.ui-button--md{min-height:38px;padding:0 14px;font-size:13px}.ui-button--lg{min-height:44px;padding:0 18px;font-size:14px}.ui-button--primary{background:var(--brand-primary);border:1px solid var(--brand-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.ui-button--primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.ui-button--secondary{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-sm)}.ui-button--secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-strong)}.ui-button--destructive{background:var(--urgency-rose);border:1px solid var(--urgency-rose);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.ui-button--destructive:hover:not(:disabled){background:var(--urgency-rose-text);border-color:var(--urgency-rose-text)}.ui-button--outline{border:1px solid var(--border-strong);color:var(--text-secondary);background:0 0}.ui-button--outline:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-primary)}.ui-button--ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.ui-button--ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-primary)}.ui-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.ui-button__spinner{animation:1s linear infinite spin}.ui-badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.ui-badge--neutral{background:var(--bg-subtle);border:1px solid var(--border-light);color:var(--text-secondary)}.ui-badge--success{background:var(--brand-light);border:1px solid var(--brand-border);color:var(--brand-primary)}.ui-badge--warning{background:var(--urgency-amber-bg);border:1px solid var(--urgency-amber-border);color:var(--urgency-amber-text)}.ui-badge--urgent{background:var(--urgency-rose-bg);border:1px solid var(--urgency-rose-border);color:var(--urgency-rose-text)}.ui-badge--info{background:var(--status-info-bg);border:1px solid var(--status-info-border);color:var(--status-info-text)}.ui-dialog-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0f172a73;animation:.15s ease-out ui-fade-in;position:fixed;inset:0}.ui-dialog-content{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:92vw;box-shadow:var(--shadow-lg);z-index:101;max-height:88vh;padding:24px;animation:.15s ease-out ui-scale-in;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.ui-dialog-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.ui-dialog-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700;line-height:1.3}.ui-dialog-description{color:var(--text-secondary);margin:6px 0 0;font-size:13px;line-height:1.45}.ui-dialog-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .12s;display:flex}.ui-dialog-close:hover{background:var(--bg-subtle);color:var(--text-primary)}.ui-sheet-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:100;background:#0f172a66;animation:.15s ease-out ui-fade-in;position:fixed;inset:0}.ui-sheet-content{background:var(--bg-surface);border-left:1px solid var(--border-light);box-shadow:var(--shadow-lg);z-index:101;flex-direction:column;animation:.2s ease-out ui-slide-in-right;display:flex;position:fixed;top:0;bottom:0;right:0}.ui-sheet-header{border-bottom:1px solid var(--border-light);background:var(--bg-surface);justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.ui-sheet-title{color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.ui-sheet-description{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.ui-sheet-close{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ui-sheet-close:hover{background:var(--bg-subtle);color:var(--text-primary)}.ui-sheet-body{flex:1;padding:20px 24px;overflow-y:auto}.ui-metric-card{border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:16px 18px 14px;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative;overflow:visible}.ui-metric-card--clickable{cursor:pointer}.ui-metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.ui-metric-card__top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.ui-metric-card__icon-box{width:48px;height:48px;color:var(--text-white);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .16s;display:flex}.ui-metric-card:hover .ui-metric-card__icon-box{transform:scale(1.05)}.ui-metric-card__icon-box--primary{background:var(--grad-primary);box-shadow:var(--shadow-primary-glow)}.ui-metric-card__icon-box--urgent{background:var(--grad-urgent);box-shadow:var(--shadow-urgent-glow)}.ui-metric-card__icon-box--warning{background:var(--grad-warning);box-shadow:var(--shadow-warning-glow)}.ui-metric-card__icon-box--success{background:var(--grad-success);box-shadow:var(--shadow-success-glow)}.ui-metric-card__icon-box--info{background:var(--grad-info);box-shadow:var(--shadow-info-glow)}.ui-metric-card__icon-box--normal{background:var(--grad-primary);box-shadow:var(--shadow-primary-glow)}.ui-metric-card__info{text-align:right;flex:1}.ui-metric-card__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11.5px;font-weight:600}.ui-metric-card__value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:24px;font-weight:750;line-height:1.1}.ui-metric-card__footer{border-top:1px solid var(--border-light);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;font-size:11.5px;display:flex}.ai-glow-spill-mask{-webkit-mask-image:radial-gradient(100% 100%,#0000 50%,#000 100%);mask-image:radial-gradient(100% 100%,#0000 50%,#000 100%)}@keyframes ai-spin-beam{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.ai-gradient-border-wrapper{border-radius:var(--radius-xl);isolation:isolate;background:var(--border-light);box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.ai-gradient-border-wrapper--clickable{cursor:pointer}.ai-gradient-border-wrapper:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ai-gradient-beam{background:var(--grad-ai-beam);width:400%;height:400%;animation:ai-spin-beam var(--ai-spin-duration,4s) linear infinite;pointer-events:none;z-index:0;will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.ai-gradient-beam--primary{background:var(--grad-ai-beam-primary)}.ai-gradient-beam--urgent{background:var(--grad-ai-beam-urgent)}.ai-gradient-beam--warning{background:var(--grad-ai-beam-warning)}.ai-gradient-beam--success{background:var(--grad-ai-beam-success)}.ai-gradient-beam--info{background:var(--grad-ai-beam-info)}.ai-gradient-beam--normal{background:var(--grad-ai-beam-primary)}.ai-gradient-inner-container{background:var(--bg-surface);border-radius:calc(var(--radius-xl) - 1.5px);z-index:1;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.ai-gradient-inner-glow{background:var(--grad-ai-beam);width:320%;height:320%;animation:ai-spin-beam var(--ai-spin-duration,4s) linear infinite;filter:blur(22px);opacity:.35;pointer-events:none;z-index:0;will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.ai-gradient-inner-glow--primary{background:var(--grad-ai-beam-primary)}.ai-gradient-inner-glow--urgent{background:var(--grad-ai-beam-urgent)}.ai-gradient-inner-glow--warning{background:var(--grad-ai-beam-warning)}.ai-gradient-inner-glow--success{background:var(--grad-ai-beam-success)}.ai-gradient-inner-glow--info{background:var(--grad-ai-beam-info)}.ai-gradient-inner-glow--normal{background:var(--grad-ai-beam-primary)}[data-theme=dark] .ai-gradient-inner-glow{opacity:.52;filter:blur(26px)}.ai-gradient-content{z-index:2;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.ui-metric-card-wrapper{height:100%;position:relative}.ui-metric-card--ai-nested{height:100%;box-shadow:none!important;background:0 0!important;border:none!important}@media (prefers-reduced-motion:reduce){.ai-gradient-beam,.ai-gradient-inner-glow{animation:none!important}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-scale-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes ui-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.shell-app-main-content{background:var(--bg-app);flex-direction:column;flex:1;min-width:0;display:flex}.shell-topbar{background:var(--bg-topbar);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;min-height:56px;padding:0 24px;display:flex}.shell-topbar-left{align-items:center;gap:20px;display:flex}.shell-org-indicator{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.shell-org-icon{color:var(--brand-primary)}.shell-org-label{letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:700}.shell-org-name{color:var(--text-primary);font-weight:650}.shell-system-status{border-radius:var(--radius-full);background:var(--brand-light);border:1px solid var(--brand-border);color:var(--brand-primary);align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.shell-pulse-dot{background:var(--brand-primary);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-ring;box-shadow:0 0 #04785780}@keyframes pulse-ring{0%{box-shadow:0 0 #04785766}70%{box-shadow:0 0 0 5px #04785700}to{box-shadow:0 0 #04785700}}.shell-topbar-right{align-items:center;gap:16px;display:flex}.shell-refresh-ticker{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-light);align-items:center;gap:10px;padding:4px 10px;display:flex}.shell-refresh-time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.shell-refresh-btn{border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-subtle);color:var(--text-secondary);align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .12s;display:inline-flex}.shell-refresh-btn:hover:not(:disabled){background:var(--border-light);color:var(--text-primary)}.shell-refresh-btn.is-spinning svg{animation:1s linear infinite spin}.shell-user-menu-wrapper{position:relative}.shell-user-menu-trigger{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-primary);align-items:center;gap:8px;padding:4px 10px 4px 6px;font-size:13px;font-weight:600;transition:all .12s;display:flex}.shell-user-menu-trigger:hover{border-color:var(--border-strong)}.shell-user-menu-avatar{background:var(--brand-primary);width:26px;height:26px;color:var(--text-inverse);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.shell-user-menu-chevron{color:var(--text-muted)}.shell-user-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-lg);z-index:60;padding:6px;animation:.12s ease-out ui-fade-in;position:absolute;top:calc(100% + 6px);right:0}.shell-dropdown-user-header{flex-direction:column;padding:8px 10px 6px;display:flex}.shell-dropdown-user-header strong{color:var(--text-primary);font-size:13px}.shell-dropdown-user-header small{color:var(--text-muted);font-size:11px}.shell-dropdown-divider{background:var(--border-light);height:1px;margin:4px 0}.shell-dropdown-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:12px;transition:background .12s;display:flex}.shell-dropdown-item:hover{background:var(--bg-subtle);color:var(--text-primary)}.shell-dropdown-item--danger{color:var(--urgency-rose)}.shell-dropdown-item--danger:hover{background:var(--urgency-rose-bg)}.shell-nav-pill{border-radius:var(--radius-full);margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.4}.shell-nav-pill--urgent{background:var(--urgency-rose);border:1px solid var(--urgency-rose);color:var(--text-white)}.shell-nav-pill--info{background:var(--status-info);border:1px solid var(--status-info);color:var(--text-white)}.shell-nav-pill--success{background:var(--urgency-emerald);border:1px solid var(--urgency-emerald);color:var(--text-white)}.shell-nav-pill--neutral{background:var(--sidebar-pill-neutral-bg);border:1px solid var(--sidebar-pill-neutral-border);color:var(--sidebar-pill-neutral-text)}.nav-item.active .shell-nav-pill,.shell-mobile-drawer-item.active .shell-nav-pill{background:var(--sidebar-pill-neutral-bg)!important;border-color:var(--sidebar-pill-neutral-border)!important;color:var(--text-white)!important}.shell-app-page-body{flex:1;padding:28px 36px 48px}.settings-header-actions{align-items:center;gap:12px;display:flex}.settings-tabs-bar{border-bottom:1px solid var(--border-light);align-items:center;gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex}.settings-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-5px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.settings-tab-btn:hover{color:var(--text-primary)}.settings-tab-btn.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);font-weight:600}.settings-section-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px}.settings-template-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px 24px;transition:border-color .15s}.settings-template-card:hover{border-color:var(--brand-border)}.settings-template-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.settings-template-title-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.settings-template-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.settings-stages-flow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-stage-chip{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:column;gap:4px;min-width:170px;padding:10px 14px;display:inline-flex}.settings-stage-chip-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings-stage-chip-approver{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.settings-stage-chip-meta{color:var(--text-muted);flex-direction:column;gap:2px;font-size:11.5px;display:flex}.settings-stage-arrow{color:var(--text-muted);flex-shrink:0}.settings-table-wrapper{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.settings-table{border-collapse:collapse;text-align:left;width:100%}.settings-table th{background:var(--bg-subtle);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-light);padding:12px 18px;font-size:11.5px;font-weight:700}.settings-table td{color:var(--text-primary);border-bottom:1px solid var(--border-light);vertical-align:middle;padding:14px 18px;font-size:13px}.settings-table tr:last-child td{border-bottom:none}.settings-table tr:hover td{background:var(--bg-subtle)}.settings-user-cell{align-items:center;gap:10px;display:flex}.settings-user-avatar{background:var(--brand-light);width:32px;height:32px;color:var(--brand-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.settings-policies-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:24px;display:grid}.settings-policy-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px}.settings-policy-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.settings-schedule-timeline{border-radius:6px;height:12px;margin:14px 0 8px;display:flex;overflow:hidden}.settings-schedule-seg-quiet{background:var(--border-strong)}.settings-schedule-seg-active{background:var(--brand-primary)}.shell-header-badge{background:var(--bg-muted);min-height:22px;color:var(--text-secondary);vertical-align:middle;border-radius:9999px;margin-left:8px;padding:2px 10px;font-size:11.5px;font-weight:600;white-space:nowrap!important;justify-content:center!important;align-items:center!important;width:auto!important;height:auto!important;display:inline-flex!important}.ui-status-tab{cursor:pointer;white-space:nowrap;border-radius:9999px;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .12s;border:1px solid var(--border-strong)!important;background:var(--bg-app)!important;color:var(--text-secondary)!important;align-items:center!important;display:inline-flex!important}.ui-status-tab:hover{background:var(--bg-muted)!important;color:var(--text-primary)!important;border-color:var(--text-muted)!important}.ui-status-tab.active{font-weight:600;background:var(--brand-primary)!important;color:var(--text-inverse)!important;border-color:var(--brand-primary)!important}.ui-status-tab.active span{color:var(--text-inverse)!important}.ui-status-tab.active span:last-child{color:var(--text-inverse)!important;background:#ffffff40!important}.ui-status-tab span:last-child{background:var(--bg-muted);color:var(--text-secondary);border-radius:9999px;padding:1px 6px;font-size:11px}.ui-payment-tab{cursor:pointer;white-space:nowrap;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .12s;color:var(--text-secondary)!important;background:0 0!important;border:none!important;border-bottom:2px solid #0000!important;align-items:center!important;display:inline-flex!important}.ui-payment-tab:hover{color:var(--text-primary)!important}.ui-payment-tab.active{font-weight:700;color:var(--brand-primary)!important;border-bottom:2px solid var(--brand-primary)!important}.ui-tab-badge{background:var(--bg-muted);color:var(--text-secondary);border-radius:9999px;justify-content:center;align-items:center;margin-left:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.ui-payment-tab.active .ui-tab-badge{background:var(--brand-light);color:var(--brand-primary)}.shell-mobile-menu-btn{border:1px solid var(--border-light);background:var(--bg-surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:none!important}.shell-mobile-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0f172a73;animation:.15s ease-out ui-fade-in;position:fixed;inset:0}.shell-mobile-drawer{background:var(--bg-sidebar);z-index:101;width:290px;max-width:85vw;color:var(--sidebar-text);flex-direction:column;padding:18px 16px;animation:.2s ease-out ui-slide-in-left;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:4px 0 24px #0006}@keyframes ui-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.shell-mobile-drawer-header{border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.shell-mobile-drawer-header .brand-name{color:var(--sidebar-brand-text)}.shell-mobile-drawer-header .brand-name span{color:var(--sidebar-text-muted)}.shell-mobile-drawer-close{border:1px solid var(--sidebar-border);width:32px;height:32px;color:var(--sidebar-text);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.shell-mobile-drawer-org{background:var(--sidebar-hover-bg);border:1px solid var(--sidebar-border);color:var(--sidebar-brand-text);border-radius:6px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.shell-mobile-drawer-nav{flex-direction:column;flex:1;gap:6px;display:flex}.shell-mobile-drawer-item{border-radius:var(--radius-md);color:var(--sidebar-text);align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:600;transition:all .12s;display:flex}.shell-mobile-drawer-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-active)}.shell-mobile-drawer-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);box-shadow:var(--sidebar-active-shadow);border-left:none}.shell-mobile-drawer-footer{border-top:1px solid var(--sidebar-border);margin-top:auto;padding-top:16px}@media (min-width:768px) and (max-width:1023px){.sidebar{flex:0 0 68px!important;align-items:center!important;width:68px!important;min-width:68px!important;padding:18px 8px!important}.sidebar .brand{justify-content:center!important;padding:0 0 20px!important}.sidebar .brand-name,.sidebar .workspace-label{display:none!important}.sidebar .primary-nav{align-items:center!important;width:100%!important}.sidebar .nav-item{justify-content:center!important;width:48px!important;height:44px!important;padding:0!important;position:relative!important}.sidebar .nav-item-title{display:none!important}.sidebar .shell-nav-pill{justify-content:center!important;align-items:center!important;min-width:16px!important;height:16px!important;padding:1px 4px!important;font-size:9px!important;display:inline-flex!important;position:absolute!important;top:4px!important;right:4px!important}.shell-topbar{padding:0 16px!important}.shell-clock-indicator{display:none!important}}@media (max-width:767px){.app-shell{flex-direction:column!important;width:100%!important;min-width:0!important;display:flex!important;overflow-x:hidden!important}.sidebar{display:none!important}.shell-app-main-content{width:100%!important;min-width:0!important;overflow-x:hidden!important}.shell-topbar{gap:8px!important;min-height:52px!important;padding:0 12px!important}.shell-mobile-menu-btn{display:inline-flex!important}.shell-clock-indicator,.shell-refresh-time,.shell-org-label{display:none!important}.shell-topbar-right{gap:8px!important}.page-container{box-sizing:border-box!important;width:100%!important;padding:14px 12px!important;overflow-x:hidden!important}.section-heading{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.shell-user-menu-name{display:none!important}}