@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg:#f8fafc;--bg-subtle:#f1f5f9;--surface:#fff;--surface-raised:#fff;--surface-hover:#f8fafc;--ink:#0f172a;--ink-soft:#475569;--ink-faint:#94a3b8;--ink-light:#cbd5e1;--line:#e2e8f0;--line-soft:#f1f5f9;--line-hover:#cbd5e1;--line-dark:#ffffff14;--graphite-bg:#0b0f17;--graphite-card:#111827;--graphite:#0f172a;--graphite-soft:#1e293b;--graphite-softer:#334155;--amber:#f59e0b;--amber-hover:#fbbf24;--amber-deep:#d97706;--amber-tint:#fef3c7;--amber-glow:#f59e0b38;--amber-subtle:#f59e0b1f;--green:#10b981;--green-deep:#059669;--green-tint:#ecfdf5;--green-glow:#10b98133;--red:#ef4444;--red-deep:#dc2626;--red-tint:#fef2f2;--red-glow:#ef444433;--blue:#3b82f6;--blue-deep:#2563eb;--blue-tint:#eff6ff;--violet:#8b5cf6;--violet-deep:#7c3aed;--violet-tint:#f5f3ff;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", SFMono-Regular, Consolas, monospace;--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 2px 4px #0f172a0a, 0 1px 2px #0f172a05;--shadow:0 4px 16px -2px #0f172a0d, 0 2px 6px -1px #0f172a08;--shadow-hover:0 12px 28px -6px #0f172a14, 0 4px 12px -2px #0f172a0a;--shadow-modal:0 25px 60px -12px #0f172a59;--ease-spring:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13.5px;line-height:1.5}button{font-family:inherit}::selection{background:var(--amber-tint);color:#78350f}a{color:inherit;text-decoration:none}#app{width:100vw;max-width:100vw;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b852;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b88c}#sidebar{color:#ffffffb8;z-index:50;width:240px;height:100vh;max-height:100vh;transition:transform .28s var(--ease-spring), box-shadow .28s var(--ease-spring);background:linear-gradient(#0f0f0ff7 0%,#030303fa 100%);border-right:1px solid #ffffff0f;flex-direction:column;flex:none;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;box-shadow:6px 0 28px #00000057}.brand{background:linear-gradient(#ffffff09 0%,#fff0 100%);align-items:center;gap:12px;padding:20px 18px 17px;display:flex;position:relative}.brand:after{content:"";background:linear-gradient(90deg,#ffffff47 0%,#ffffff14 55%,#fff0 100%);height:1px;position:absolute;bottom:0;left:18px;right:18px}.brand-mark{border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden;box-shadow:0 4px 16px #f59e0b61,0 0 0 1px #ffffff14}.brand-mark .inv-brand-logo,.topbar-brand-pill .inv-brand-logo{border-radius:inherit;width:100%;height:100%;box-shadow:none;border:none}.brand-name{color:#f8fafc;letter-spacing:-.02em;font-size:15px;font-weight:700}.brand-sub{color:#ffffffa6;margin-top:1px;font-size:11px;font-weight:500}nav.navgroups{flex:1;padding:14px 10px}.navgroup-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.09em;padding:16px 12px 7px;font-size:10px;font-weight:800}.navgroup-label:first-child{padding-top:2px}.navitem{cursor:pointer;color:#ffffffeb;transition:all .16s var(--ease-spring);border-radius:10px;align-items:center;gap:10px;margin-bottom:3px;padding:9px 12px;font-size:13px;font-weight:500;display:flex;position:relative}.nav-svg-icon{stroke:currentColor;opacity:.85;flex:none;width:17px;height:17px;transition:opacity .16s,stroke .16s,transform .16s}.navitem:hover{color:#fff;background:#ef444424;transform:translate(3px)}.navitem:hover .nav-svg-icon{opacity:1;color:#fff}.navitem.active{color:#fff;background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%);font-weight:700;box-shadow:0 4px 14px #ef444473}.navitem.active .nav-svg-icon{color:#fff;opacity:1;transform:scale(1.08)}.navitem .count{font-size:11px;font-family:var(--mono);color:#ffffffbf;background:#ffffff14;border-radius:20px;margin-left:auto;padding:1px 7px;font-weight:600}.navitem.active .count{color:#fff;background:#ffffff40}.sidebar-foot{color:#ffffffa6;background:#0003;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;margin:4px 10px 10px;padding:13px 18px;font-size:11px;font-weight:500;display:flex}.sidebar-promo{background:#ef44441a;border:1px solid #ef444459;border-radius:12px;align-items:center;gap:10px;margin:4px 10px 10px;padding:12px 14px;display:flex}.sidebar-promo-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#dc2626);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 8px #f59e0b4d}.sidebar-promo-title{color:#f8fafc;font-size:12px;font-weight:800;line-height:1.2}.sidebar-promo-sub{color:#fff9;letter-spacing:.02em;margin-top:2px;font-size:10px;font-weight:600}#main{flex-direction:column;flex:1;min-width:0;height:100vh;max-height:100vh;margin-left:240px;display:flex;overflow:hidden}#topbar{-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--line);z-index:40;background:#fffffff0;flex:none;align-items:center;gap:16px;height:54px;padding:0 26px;display:flex;position:relative;box-shadow:0 1px 3px #0f172a05}.mobile-menu-btn{cursor:pointer;color:var(--ink);border-radius:var(--radius-sm);background:0 0;border:none;padding:6px;transition:background .15s;display:none}.mobile-menu-btn:hover{background:var(--line-soft)}.topbar-back-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#f1f5f9f2;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px 6px 8px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.topbar-back-btn:hover{color:var(--blue);background:#e2e8f0;border-color:#cbd5e1}.topbar-back-btn:active{transform:scale(.94)}.topbar-back-btn.hide{display:none!important}@media (max-width:480px){.topbar-back-btn{padding:5px 10px 5px 6px;font-size:12px}}.page-heading{color:var(--ink);white-space:nowrap;letter-spacing:-.02em;font-size:16.5px;font-weight:700}.page-sub{color:var(--ink-soft);margin-top:1px;font-size:11.5px}.search-wrap{flex:1;align-items:center;max-width:440px;display:flex;position:relative}.search-wrap .search-input,input[type=text].search-input{border:1px solid var(--line);width:100%;color:var(--ink);transition:all .2s var(--ease-spring);background:#f8fafc;border-radius:10px;outline:none;font-size:12.8px;padding:8px 14px 8px 38px!important}.search-wrap .search-input:focus,input[type=text].search-input:focus{border-color:var(--amber);background:#fff;box-shadow:0 0 0 3px #f59e0b29,0 2px 8px #0f172a0a}#fuf_name{padding-left:34px}.search-wrap .search-icon{color:var(--ink-faint);pointer-events:none;z-index:2;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-results{background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--shadow-hover);z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.search-result-item{cursor:pointer;flex-direction:column;gap:2px;padding:10px 14px;transition:background .15s;display:flex}.search-result-item:hover{background:#f8fafc}.search-result-item b{color:var(--ink);font-size:13px}.search-result-item span{color:var(--ink-soft);font-size:11.5px}.user-chip{cursor:pointer;transition:all .18s var(--ease-spring);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:4px 10px 4px 5px;display:flex}.user-chip:hover{background:var(--line-soft);border-color:var(--line)}.user-avatar{color:#1a1208;width:32px;height:32px;font-size:11.5px;font-weight:800;font-family:var(--mono);background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #f59e0b40}.user-name{color:var(--ink);font-size:13px;font-weight:600}.user-role{color:var(--ink-soft);font-size:11px}#content{flex:1;padding:0 26px 24px;overflow-y:auto}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter,#content>*{animation:pageFadeIn .22s var(--ease-spring) forwards}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .22s var(--ease-spring), box-shadow .22s var(--ease-spring), border-color .22s ease}.card:hover{border-color:var(--line-hover);box-shadow:var(--shadow-hover)}.card-pad{padding:22px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:22px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .22s var(--ease-spring);padding:18px 20px;position:relative;overflow:hidden}.kpi:before{content:"";background:var(--line);height:3px;transition:background .2s;position:absolute;top:0;left:0;right:0}.kpi:hover{box-shadow:var(--shadow-hover);border-color:var(--line-hover);transform:translateY(-2px)}.kpi-label{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:11.5px;font-weight:600}.kpi-value{font-size:25px;font-weight:800;font-family:var(--mono);color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;transition:color .2s,transform .2s}@keyframes kpiBump{0%{filter:brightness();transform:scale(1)}40%{filter:brightness(1.25);transform:scale(1.1)}to{filter:brightness();transform:scale(1)}}.kpi-bump{animation:.36s cubic-bezier(.34,1.56,.64,1) kpiBump}.kpi-sub{color:var(--ink-soft);align-items:center;gap:6px;margin-top:5px;font-size:11.5px;display:flex}.kpi.accent-green:before{background:linear-gradient(90deg,#10b981,#059669)}.kpi.accent-green .kpi-value{color:var(--green-deep)}.kpi.accent-red:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.kpi.accent-red .kpi-value{color:var(--red)}.kpi.accent-blue:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.kpi.accent-blue .kpi-value{color:var(--blue-deep)}.kpi.accent-amber:before{background:linear-gradient(90deg,#f59e0b,#b45309)}.kpi.accent-amber .kpi-value{color:var(--amber-deep)}.dash-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:22px;display:grid}.dash-kpi{background:var(--surface);border:1px solid var(--line);transition:all .22s var(--ease-spring);border-radius:14px;padding:16px 18px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.dash-kpi:hover{border-color:var(--line-hover);transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.dash-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex;position:absolute;top:14px;right:14px}.dash-kpi-label{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;padding-right:38px;font-size:11px;font-weight:700}.dash-kpi-value{font-size:24px;font-weight:800;font-family:var(--mono);color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.dash-kpi-sub{color:var(--ink-soft);margin-top:4px;font-size:11px}.dash-kpi-icon.ic-blue{color:#1d4ed8;background:#dbeafe}.dash-kpi-icon.ic-amber{color:#b45309;background:#fef3c7}.dash-kpi-icon.ic-green{color:#047857;background:#d1fae5}.dash-kpi-icon.ic-red{color:#dc2626;background:#fee2e2}.dash-kpi.tint-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.dash-kpi.tint-amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.dash-kpi.tint-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.dash-kpi.tint-red{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.dash-kpi.tint-blue .dash-kpi-icon,.dash-kpi.tint-amber .dash-kpi-icon,.dash-kpi.tint-green .dash-kpi-icon,.dash-kpi.tint-red .dash-kpi-icon{background:#ffffffa6}.dash-kpi.hero{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#334155}.dash-kpi.hero .dash-kpi-label{color:#fcd34d}.dash-kpi.hero .dash-kpi-value{color:#fff}.dash-kpi.hero .dash-kpi-sub{color:#94a3b8}.dash-kpi.hero .dash-kpi-icon{color:#fcd34d;background:#fcd34d26}.sales-report-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px;display:grid}.sales-report-grid .sales-card{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:10px;padding:12px 14px;transition:transform .15s,box-shadow .15s}.sales-report-grid .sales-card:active{transform:scale(.98)}.sales-report-grid .sales-card.is-active{transform:translateY(-2px);border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b73,0 4px 14px #00000014!important}.sr-filter-bar{border:1px solid var(--line);background:#f8fafc;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.sr-filter-bar .field{flex-direction:column;margin-bottom:0;display:flex}.sr-filter-bar label{color:#475569;margin-bottom:4px;font-size:11.5px;font-weight:700}.sr-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.sr-tab-btn{color:var(--ink-soft);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:700;transition:all .18s;display:inline-flex}.sr-tab-btn:hover{color:var(--ink);background:#00000005;border-radius:6px 6px 0 0}.sr-tab-btn.active{color:#b45309;background:#fffbeb;border-bottom-color:#f59e0b;border-radius:6px 6px 0 0}.wf-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:20px;display:grid}.wf-kpi-card{border-radius:12px;padding:12px 14px}.wf-module-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;transition:all .2s;display:flex}.wf-card-top{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.wf-card-icon{border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.wf-card-header{flex:1;min-width:0}.wf-card-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wf-card-title{color:var(--ink);font-size:15px;font-weight:800}.wf-card-desc{color:var(--ink-soft);margin-top:4px;font-size:12px;line-height:1.45}.wf-card-action{flex:none;align-items:center;display:flex}.wf-action-btn{white-space:nowrap}.table-wrap{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;max-width:100%;box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-transform:uppercase;letter-spacing:.05em;color:#475569;text-align:left;white-space:nowrap;border-top:1px solid var(--line,#e2e8f0);border-bottom:1px solid var(--line,#e2e8f0);background:#f8fafc;padding:11px 14px;font-size:11px;font-weight:700}.table-wrap>table>thead>tr:first-child>th:first-child{border-top-left-radius:var(--radius)}.table-wrap>table>thead>tr:first-child>th:last-child{border-top-right-radius:var(--radius)}.table-wrap[style*=border\:none]>table>thead>tr:first-child>th:first-child,.table-wrap[style*="border: none"]>table>thead>tr:first-child>th:first-child{border-top-left-radius:0}.table-wrap[style*=border\:none]>table>thead>tr:first-child>th:last-child,.table-wrap[style*="border: none"]>table>thead>tr:first-child>th:last-child{border-top-right-radius:0}.table-dark thead th,table.table-dark thead th,.table-black thead th,table.table-black thead th,.dark-th thead th,.dark-head thead th,.inv-table thead th,.inv-items-table thead th,[data-theme=dark] th,[data-table-theme=dark] thead th{color:#f8fafc;background:#0b0f17;border-top:none;border-bottom:1px solid #0b0f17}td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:12px 14px;transition:background .12s}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fafc}.ledger-bal{font-weight:700}.veh-plate{font-family:var(--mono);letter-spacing:.4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:2px 7px;font-size:12px;font-weight:700;display:inline-block}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--red-deep);background:var(--red);color:#fff;box-shadow:var(--shadow-xs);transition:all .18s var(--ease-spring);align-items:center;gap:7px;min-height:38px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--red-deep);border-color:var(--red-deep);color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active{box-shadow:none;transform:translateY(0)scale(.98)}.btn-primary{color:#fff;background:linear-gradient(#ef4444 0%,#dc2626 100%);border-color:#dc2626;box-shadow:0 2px 6px #ef444440,inset 0 1px #ffffff1f}.btn-primary:hover{background:linear-gradient(#f87171 0%,#ef4444 100%);border-color:#dc2626;box-shadow:0 4px 14px #ef444461}.btn-amber{color:#fff;background:linear-gradient(#ef4444 0%,#dc2626 100%);border-color:#dc2626;font-weight:700;box-shadow:0 2px 8px #ef444440,inset 0 1px #ffffff40}.btn-amber:hover{color:#fff;background:linear-gradient(#f87171 0%,#ef4444 100%);box-shadow:0 4px 16px #ef444461}.btn-stockin,.btn-success{background:linear-gradient(#ef4444 0%,#dc2626 100%);border:1px solid #dc2626;font-weight:700;box-shadow:0 2px 8px #ef444440,inset 0 1px #ffffff40;color:#fff!important}.btn-stockin:hover,.btn-success:hover{background:linear-gradient(#f87171 0%,#ef4444 100%);box-shadow:0 4px 16px #ef444461;color:#fff!important}.btn-stockout{background:linear-gradient(#ef4444 0%,#dc2626 100%);border:1px solid #b91c1c;font-weight:700;box-shadow:0 2px 8px #ef444440,inset 0 1px #ffffff40;color:#fff!important}.btn-stockout:hover{background:linear-gradient(#f87171 0%,#ef4444 100%);box-shadow:0 4px 16px #ef444461;color:#fff!important}.btn-danger{background:var(--red);color:#fff;border-color:var(--red-deep)}.btn-danger:hover{background:var(--red-deep);color:#fff;border-color:var(--red-deep);box-shadow:0 4px 14px var(--red-glow)}.btn-sm{border-radius:var(--radius-xs);min-height:32px;padding:5px 12px;font-size:12px}.btn-ghost{background:var(--red);border-color:var(--red-deep);color:#fff;box-shadow:none}.btn-ghost:hover{background:var(--red-deep);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.field{flex-direction:column;gap:5px;display:flex}label{color:var(--ink-soft);font-size:12px;font-weight:600}.req{color:var(--red)}input:not([type=checkbox]):not([type=radio]),input[type=text],input[type=number],input[type=date],input[type=time],input[type=email],input[type=tel],input[type=month],input[type=file],input[type=password],input[type=search],select,textarea,.filter-input,.filter-select{border:1.5px solid var(--line);font-size:13px;font-family:var(--sans);color:var(--ink);transition:all .2s var(--ease-spring);width:100%;box-shadow:var(--shadow-xs);box-sizing:border-box;background:#fff;border-radius:10px;outline:none;height:38px;padding:8px 12px}input:not([type=checkbox]):not([type=radio]):hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus),.filter-input:hover:not(:focus),.filter-select:hover:not(:focus){border-color:#cbd5e1}input[type=checkbox],input[type=radio]{cursor:pointer;accent-color:#d97706;vertical-align:middle;border-radius:4px;flex-shrink:0;width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;box-shadow:none!important;margin:0!important;padding:0!important}.settings-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px;display:grid}.settings-kpi-card{border:1px solid var(--line);box-shadow:var(--shadow-xs);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;display:flex}.settings-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.settings-kpi-val{color:var(--ink);font-size:20px;font-weight:800;line-height:1.1}.settings-kpi-lbl{color:var(--ink-soft);margin-top:3px;font-size:12px;font-weight:500}.page-access-group{border:1px solid var(--line);background:#f8fafc;border-radius:10px;margin-bottom:12px;padding:12px 14px}.page-access-group-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.page-access-group-title{color:var(--ink);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.page-access-group-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:600}.page-access-group-btn:hover{text-decoration:underline}.page-access-chips{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:8px;display:grid}.page-access-chip{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.page-access-chip:hover{background:#f1f5f9;border-color:#cbd5e1}.page-access-chip.checked{color:#92400e;background:#fffbeb;border-color:#f59e0b;font-weight:600}textarea{resize:vertical;height:auto;min-height:75px}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus,.filter-input:focus,.filter-select:focus{transform:translateY(-1px);border-color:var(--red)!important;background:#fff!important;box-shadow:0 0 0 3.5px #ef444424,0 4px 10px #0f172a0f!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{appearance:textfield!important}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid.c3{grid-template-columns:1fr 1fr 1fr}.span2{grid-column:span 2}.span3{grid-column:span 3}.mb14{margin-bottom:14px}.mb18{margin-bottom:18px}.mb22{margin-bottom:22px}.badge{white-space:nowrap;letter-spacing:.2px;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.b-green{background:var(--green-tint);color:#047857;border:1px solid #10b98140}.b-amber{background:var(--amber-tint);color:#b45309;border:1px solid #f59e0b4d}.b-red{background:var(--red-tint);color:#b91c1c;border:1px solid #ef444440}.b-blue{background:var(--blue-tint);color:#1d4ed8;border:1px solid #3b82f640}.b-violet,.b-purple{background:var(--violet-tint);color:#6d28d9;border:1px solid #8b5cf640}.b-grey{color:#565d6b;border:1px solid var(--line);background:#edeef2}.b-default{background:var(--bg);color:var(--ink-soft);border:1px solid var(--line)}.row{align-items:center;display:flex}.between{justify-content:space-between}.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap16{gap:16px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar.between{justify-content:space-between}.search-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.section-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:4px;font-size:15px;font-weight:700}.section-desc{color:var(--ink-soft);font-size:12px}.text-soft{color:var(--ink-soft)}.nowrap{white-space:nowrap}.mono{font-family:var(--mono)}.hint{color:var(--ink-faint);font-size:12px}.empty-state{text-align:center;color:var(--ink-soft);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);margin:10px 0;padding:56px 20px}.empty-state .e-icon,.empty-icon{opacity:.85;margin-bottom:12px;font-size:32px}.empty-state .e-title{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:700}.empty-state .e-sub{font-size:12.5px}#toastHolder{z-index:999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius);min-width:240px;max-width:360px;animation:toastSlideIn .22s var(--ease-spring);padding:12px 18px;font-size:13px;font-weight:600;box-shadow:0 10px 30px -5px #0f172a40}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-success{color:#fff;background:#0f172a;border:1px solid #ffffff1f}.toast-error{color:#fff;background:#b91c1c}.toast-default{color:var(--ink);border:1px solid var(--line);background:#fff}#modalRoot .modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:995;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s forwards overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}#modalRoot .modal-box{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:640px;max-height:90vh;animation:modalZoomIn .24s var(--ease-spring) forwards;border:1px solid #ffffff40;flex-direction:column;display:flex;position:relative;overflow:hidden}#modalRoot .modal-box:before{content:"";background:linear-gradient(90deg, var(--red) 0%, #f59e0b 100%);height:3px;position:absolute;top:0;left:0;right:0}#modalRoot .modal-box.wide{max-width:880px}.modal-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;padding:20px 22px 18px;display:flex}.modal-title{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:700}.modal-sub{color:var(--ink-soft);margin:3px 0 0;font-size:12px}.modal-close{cursor:pointer;color:var(--ink-faint);width:28px;height:28px;transition:all .18s var(--ease-spring);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.modal-close:hover{color:var(--red-deep);background:var(--red-tint);transform:rotate(90deg)}.modal-body{flex:1;max-height:72vh;padding:20px 22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);flex:none;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:18px;display:flex}.tab{color:var(--ink-soft);cursor:pointer;transition:all .18s var(--ease-spring);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:600}.tab:hover{color:var(--ink)}.tab.active{color:var(--amber-deep);border-color:var(--amber)}.filter-bar{flex-flow:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.filter-bar .field{flex-direction:column;gap:4px;min-width:140px;margin-bottom:0;display:flex}.filter-bar .field label{color:var(--ink-soft);margin-bottom:2px;font-size:12px;font-weight:600}.filter-bar input[type=text],.filter-bar input[type=date],.filter-bar input,.filter-bar select{border:1px solid var(--line);border-radius:var(--radius-sm);width:auto;min-width:150px;height:38px;font-size:13px;font-family:var(--sans);color:var(--ink);box-shadow:var(--shadow-xs);transition:all .18s var(--ease-spring);background:#fff;outline:none;padding:7px 12px}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f59e0b29}.lead-toolbar{border:1px solid var(--line);background:#f8fafc;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;padding:10px 12px;display:flex}.lead-seg-control{border:1px solid var(--line);background:#fff;border-radius:10px;flex:none;align-items:center;gap:2px;padding:3px;display:inline-flex}.lead-seg-btn{color:var(--ink-soft);cursor:pointer;white-space:nowrap;transition:all .18s var(--ease-spring);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.lead-seg-btn:hover{color:var(--ink);background:var(--line-soft)}.lead-seg-btn.active{background:linear-gradient(135deg, var(--amber) 0%, var(--amber-deep) 100%);color:#fff;box-shadow:0 2px 8px #f59e0b59}.lead-seg-count{background:#0f172a12;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700}.lead-seg-btn.active .lead-seg-count{background:#ffffff47}.lead-toolbar-filters{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:flex-end;gap:12px;display:flex}.lead-toolbar-filters .field{min-width:160px;margin-bottom:0}@media (max-width:720px){.lead-toolbar{flex-direction:column;align-items:stretch}.lead-toolbar-filters{justify-content:flex-start}}.fu-mega-banner{background:radial-gradient(60% 120% at 78%,#ef444438 0%,#ef444400 70%),linear-gradient(100deg,#0a0202 0%,#2b0808 32%,#7f1d1d 62%,#dc2626 100%);border-radius:16px;align-items:center;gap:20px;min-height:92px;margin-bottom:20px;padding:16px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #7f1d1d59}.fu-mega-left{z-index:2;flex:auto;align-items:center;gap:12px;min-width:0;max-width:100%;display:flex}.fu-mega-left>div:not(.fu-mega-icon-badge):not(.fu-mega-logo){flex:auto;min-width:0}.fu-mega-logo{flex-shrink:0;width:56px;height:auto}.fu-mega-icon-badge{color:#fff;background:#ffffff24;border:1px solid #ffffff4d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:flex}.fu-mega-icon-badge svg{width:24px;height:24px}.fu-mega-title{color:#fff;letter-spacing:-.01em;font-size:22px;font-weight:800;line-height:1.15}.fu-mega-sub{color:#ffffffc7;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;margin-top:2px;font-size:12px;font-weight:500;line-height:1.35}.fu-mega-car{z-index:1;object-fit:contain;object-position:center;opacity:.96;filter:drop-shadow(0 6px 14px #0006);flex:1;width:auto;min-width:160px;height:110px;position:relative}.fu-mega-actions{z-index:2;flex-shrink:0;align-items:center;gap:10px;display:flex}.fu-mega-btn-outline{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff!important;background:#ffffff1a!important;border:1px solid #ffffff80!important}.fu-mega-btn-outline:hover{background:#fff3!important;border-color:#fff!important}.fu-mega-tagline{color:#fff;text-align:right;z-index:2;text-shadow:0 1px 4px #0006;flex-shrink:0;font-family:Georgia,Times New Roman,serif;font-size:15px;font-style:italic;font-weight:700;line-height:1.25}.fu-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.fu-kpi-card{border:1px solid var(--line);box-sizing:border-box;border-radius:14px;flex-direction:column;gap:4px;min-height:122px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.fu-kpi-card.tint-red{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.fu-kpi-card.tint-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.fu-kpi-card.tint-purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#ddd6fe}.fu-kpi-card.tint-amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.fu-kpi-card.tint-green{background:linear-gradient(135deg,#f4fbf7,#e6f7ec);border-color:#c3eed3}.fu-kpi-top{justify-content:space-between;align-items:center;display:flex}.fu-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.fu-kpi-card.tint-red .fu-kpi-icon{color:#fff;background:#ef4444}.fu-kpi-card.tint-blue .fu-kpi-icon{color:#fff;background:#3b82f6}.fu-kpi-card.tint-purple .fu-kpi-icon{color:#fff;background:#8b5cf6}.fu-kpi-card.tint-amber .fu-kpi-icon{color:#fff;background:#f59e0b}.fu-kpi-card.tint-green .fu-kpi-icon{color:#fff;background:#10b981}.fu-kpi-label{color:var(--ink-soft);margin-top:2px;font-size:12px;font-weight:700}.fu-kpi-value{color:var(--ink);font-size:26px;font-weight:800;font-family:var(--mono);letter-spacing:-.02em}.fu-kpi-delta{font-size:11px;font-weight:700}.fu-kpi-delta.up{color:#059669}.fu-kpi-delta.down{color:#dc2626}.fu-kpi-delta.flat{color:var(--ink-soft)}.fu-kpi-spark{opacity:.9;position:absolute;bottom:14px;right:14px}.workflow-hero{margin-bottom:18px}.workflow-hero-stats{z-index:2;flex-shrink:0;align-items:stretch;gap:8px;display:flex;position:relative}.workflow-hero-stats div{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:10px;min-width:78px;padding:8px 10px}.workflow-hero-stats span{letter-spacing:.08em;text-transform:uppercase;color:#ffffffad;font-size:10px;font-weight:800;display:block}.workflow-hero-stats b{font-family:var(--mono);margin-top:1px;font-size:18px;line-height:1.1;display:block}.workflow-kpi-grid .fu-kpi-card{min-height:116px}.stage-seg-control{margin-bottom:18px}.stage-tabs-wrapper .table-wrap table thead th,.customer-page-wrap .table-wrap table thead th,.billing-page-wrap .table-wrap table thead th{color:#f8fafc;background:#0b0f17;border-top:none;border-bottom:1px solid #0b0f17}.fu-pill-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fu-pill{border:1px solid var(--line);height:38px;color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.fu-pill:hover{border-color:var(--line-hover);color:var(--ink)}.fu-pill.active{color:#fff;background:linear-gradient(#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 2px 8px #ef44444d}.fu-pill-icon-btn{border:1px solid var(--line);cursor:pointer;width:38px;height:38px;color:var(--ink-soft);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fu-pill-icon-btn:hover{color:var(--ink);border-color:var(--line-hover)}.fu-td-icon{align-items:center;gap:5px;display:inline-flex}.fu-kebab{display:inline-block;position:relative}.fu-kebab summary{cursor:pointer;width:28px;height:28px;color:var(--ink-soft);border-radius:6px;justify-content:center;align-items:center;list-style:none;display:inline-flex}.fu-kebab summary::-webkit-details-marker{display:none}.fu-kebab summary:hover{background:var(--line-soft);color:var(--ink)}.fu-kebab-menu{border:1px solid var(--line);box-shadow:var(--shadow-modal,0 10px 30px #00000026);z-index:20;background:#fff;border-radius:10px;min-width:150px;position:absolute;top:32px;right:0;overflow:hidden}.fu-kebab-menu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:9px 14px;font-size:12.5px;font-weight:600;display:block}.fu-kebab-menu button:hover{background:var(--line-soft)}.fu-kebab-menu button.danger{color:#dc2626}.fu-kebab-menu button.danger:hover{background:#fef2f2}.fu-pagination{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:10px 4px;font-size:12.5px;display:flex}.fu-page-btns{align-items:center;gap:6px;display:inline-flex}.fu-page-btn{border:1px solid var(--line);min-width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:12.5px;font-weight:700;display:inline-flex}.fu-page-btn:hover:not(:disabled){border-color:var(--line-hover);color:var(--ink)}.fu-page-btn:disabled{opacity:.4;cursor:not-allowed}.fu-page-btn.active{color:#fff;background:linear-gradient(#ef4444,#dc2626);border-color:#dc2626}@media (max-width:900px){.fu-kpi-grid{grid-template-columns:repeat(2,1fr)}.fu-mega-car,.fu-mega-tagline,.workflow-hero-stats{display:none!important}.fu-mega-banner{flex-wrap:wrap;padding:14px 16px}.fu-mega-left{width:100%;min-width:0}.fu-mega-actions{width:100%}}@media (max-width:560px){.fu-mega-banner{gap:10px;min-height:auto;padding:12px 14px}.fu-mega-left{gap:10px;width:100%;min-width:0}.fu-mega-logo{width:38px}.fu-mega-icon-badge{border-radius:10px;flex-shrink:0;width:38px;height:38px;font-size:16px}.fu-mega-icon-badge svg{width:18px;height:18px}.fu-mega-title{font-size:17px;line-height:1.2}.fu-mega-sub{color:#ffffffd9;font-size:11px;line-height:1.35}}@media (max-width:520px){.fu-kpi-grid{margin-bottom:14px;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.fu-kpi-grid>.fu-kpi-card:last-child:nth-child(odd){grid-column:1/-1!important}.fu-kpi-card{border-radius:12px!important;gap:2px!important;min-height:98px!important;padding:11px!important}.fu-kpi-icon{border-radius:8px!important;width:28px!important;height:28px!important;font-size:13px!important}.fu-kpi-label{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:11px!important;line-height:1.2!important;overflow:hidden!important}.fu-kpi-value{font-size:20px!important;line-height:1.2!important}.fu-kpi-delta{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:10px!important;line-height:1.2!important;overflow:hidden!important}}.owner-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;max-width:100%;display:grid}.mini-note{color:var(--ink-soft);border:1px solid var(--line-soft);background:#f1f2f5;border-radius:8px;margin-bottom:14px;padding:8px 11px;font-size:11.5px}.stage-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}#loginScreen{z-index:500;z-index:500;-webkit-overflow-scrolling:touch;inset:0;background:radial-gradient(circle at 50% 10%,#1e293b 0%,#0b0f17 100%);justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.login-wrapper{width:100%;max-width:1060px;animation:modalZoomIn .35s var(--ease-spring) forwards;flex-direction:column;align-items:center;gap:20px;margin:auto;display:flex}.login-split-card{background:#0b1120;border:1px solid #ffffff17;border-radius:24px;grid-template-columns:1.18fr 1fr;width:100%;display:grid;overflow:hidden;box-shadow:0 30px 80px -15px #000000bf,0 0 50px -10px #f59e0b1f}.login-showcase-panel{background-color:#0000;background-image:linear-gradient(150deg,#0d1527e0 0%,#111d33d1 50%,#080d1aeb 100%),url(/login-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding:44px 38px;display:flex;position:relative;overflow:hidden}.showcase-glow{filter:blur(45px);pointer-events:none;background:radial-gradient(circle,#f59e0b38 0%,#f59e0b00 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-90px;left:-90px}.showcase-brand{z-index:1;align-items:center;gap:14px;margin-bottom:28px;display:flex;position:relative}.showcase-brand .brand-mark{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 16px #f59e0b59}.showcase-brand-name{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.2}.showcase-brand-tag{text-transform:uppercase;letter-spacing:.08em;color:#fff;font-size:11px;font-weight:700}.showcase-content{z-index:1;position:relative}.showcase-badge{color:#fbbf24;text-transform:uppercase;letter-spacing:.06em;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:9999px;align-items:center;gap:7px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.showcase-badge-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #10b981}.showcase-title{color:#f8fafc;letter-spacing:-.025em;margin:0 0 10px;font-size:25px;font-weight:800;line-height:1.25}.showcase-desc{color:#94a3b8;margin:0 0 24px;font-size:13.5px;line-height:1.55}.showcase-features{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.showcase-feature-item{background:#ffffff09;border:1px solid #ffffff12;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.showcase-feature-item:hover{background:#fff1;border-color:#f59e0b59;transform:translateY(-1px)}.showcase-feature-icon{flex-shrink:0;margin-top:1px;font-size:18px;line-height:1}.showcase-feature-title{color:#f1f5f9;margin-bottom:2px;font-size:12px;font-weight:700}.showcase-feature-desc{color:#64748b;font-size:11px;line-height:1.35}.showcase-footer{z-index:1;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:18px;display:flex;position:relative}.showcase-stat{flex-direction:column;gap:2px;display:flex}.showcase-stat .stat-value{color:#fff;font-size:15px;font-weight:800}.showcase-stat .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:10.5px}.showcase-stat-divider{background:#ffffff14;width:1px;height:24px}.login-form-panel{background:#fff;flex-direction:column;justify-content:center;padding:44px 38px;display:flex}.login-form-header{margin-bottom:20px}.login-welcome-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;display:flex;box-shadow:0 8px 20px #ef444452}.login-trust-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}.login-trust-item{color:#94a3b8;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.login-trust-item svg{color:#cbd5e1;flex:none}.login-mobile-brand{align-items:center;gap:10px;margin-bottom:14px;display:none}.login-mobile-brand .brand-mark{border-radius:9px;width:36px;height:36px;font-size:14px}.login-mobile-brand-name{color:#0f172a;font-size:18px;font-weight:800}.login-form-header .login-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 5px;font-size:23px;font-weight:800}.login-form-header .login-sub{color:#64748b;margin:0;font-size:13px;line-height:1.4}.login-error{background:var(--red-tint);color:var(--red-deep);border:1px solid #ef444440;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:12.5px;font-weight:600}.login-form-body .field label{color:#334155;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.login-input-wrap{align-items:center;width:100%;display:flex;position:relative}.login-input-icon{color:#94a3b8;pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.login-input-wrap input.login-input-field,.login-input-wrap input[type=text],.login-input-wrap input[type=password]{color:#0f172a!important;box-sizing:border-box!important;background:linear-gradient(#f1f5f9 0%,#e2e8f0 100%)!important;border:1px solid #e2e8f0!important;border-radius:12px!important;outline:none!important;width:100%!important;height:48px!important;padding:0 16px 0 46px!important;font-family:inherit!important;font-size:13.5px!important;font-weight:500!important;transition:all .18s!important;box-shadow:inset 0 1px 3px #0f172a14,inset 0 -1px #ffffffb3!important}.login-input-wrap input.login-input-field:focus,.login-input-wrap input[type=text]:focus,.login-input-wrap input[type=password]:focus{background:linear-gradient(#fff 0%,#f8fafc 100%)!important;border-color:#f59e0b!important;box-shadow:inset 0 1px 3px #0f172a0d,0 0 0 3.5px #f59e0b2e!important}.login-input-wrap input::placeholder{color:#94a3b8!important}.login-input-wrap input:-webkit-autofill{-webkit-text-fill-color:#0f172a!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 1px 3px #0f172a14,inset 0 0 0 1000px #f1f5f9!important}.login-input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 1px 3px #0f172a14,inset 0 0 0 1000px #f1f5f9!important}.login-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#0f172a!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 1px 3px #0f172a14,inset 0 0 0 1000px #f1f5f9!important}.login-input-wrap input#login_pass{padding-right:44px!important}.login-pass-toggle{color:#94a3b8;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-pass-toggle:hover{color:#f59e0b;background:#f59e0b1a}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:14px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 4px 16px #ef444452}.login-submit-btn:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.login-submit-btn:active{transform:translateY(0)}.login-demo-section{border-top:1px dashed #e2e8f0;margin-top:22px;padding-top:18px}.login-demo-header{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:9px;font-size:11px;font-weight:700}.login-demo-grid{flex-wrap:wrap;gap:7px;display:flex}.demo-pill{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;transition:all .18s;display:inline-flex}.demo-pill:hover{filter:brightness(.96);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.demo-role-tag{font-weight:700}.demo-cred{opacity:.85;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.demo-admin{color:#92400e;background:#fef3c7;border-color:#fde68a}.demo-manager{color:#166534;background:#dcfce7;border-color:#bbf7d0}.demo-sales{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.demo-accounts{color:#6b21a8;background:#f3e8ff;border-color:#e9d5ff}.demo-tech{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.login-attribution-footer{-webkit-backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #ffffff14;border-radius:9999px;justify-content:center;align-items:center;padding:8px 18px;display:flex;box-shadow:0 4px 14px #00000059}.attribution-text{color:#94a3b8;letter-spacing:.03em;font-size:12px;font-weight:500}.attribution-link{cursor:pointer;text-decoration:none;transition:opacity .15s}.attribution-link:hover{opacity:.85}.attribution-link:hover .attribution-highlight{text-decoration:underline}.attribution-highlight{color:#fff;letter-spacing:.05em;text-shadow:0 0 12px #f59e0b66;font-weight:800}@media (max-width:920px){.login-split-card{grid-template-columns:1fr;max-width:520px}.login-showcase-panel{border-bottom:1px solid #ffffff14;border-right:none;padding:30px 24px}.showcase-features{grid-template-columns:1fr;gap:9px}.login-form-panel{padding:30px 24px}}@media (max-width:520px){#loginScreen{padding:16px 12px}.login-showcase-panel{padding:24px 18px}.showcase-title{font-size:21px}.showcase-footer{flex-wrap:wrap;gap:12px}.showcase-stat-divider{display:none}.login-form-panel{padding:24px 18px}.login-mobile-brand{display:flex}}@media print{#sidebar,#topbar,#content,.no-print{display:none!important}body{background:#fff}}.sidebar-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:6px 10px;font-size:18px;display:none}.sidebar-close-btn:hover{color:#fff;background:#ffffff14}.sidebar-backdrop{-webkit-backdrop-filter:blur(6px);z-index:95;background:#0f172aa6;transition:opacity .25s;display:none;position:fixed;inset:0}#mobileBottomBar{display:none}html,body{max-width:100vw;height:100%}#app{max-width:100vw}#main{min-width:0;max-width:100%}#content{box-sizing:border-box;min-width:0;max-width:100%}.card{box-sizing:border-box;max-width:100%}.notif-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;transition:all .18s var(--ease-spring);background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.notif-btn:hover{border-color:var(--line-strong);color:var(--amber-dark);background:#f8fafc}.notif-btn:active{transform:scale(.95)}.notif-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:99px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 4px #ef444466}.notif-backdrop{z-index:9998;background:0 0;position:fixed;inset:0}.notif-dropdown{z-index:9999;width:370px;max-width:calc(100vw - 32px);max-height:calc(100vh - 90px);animation:.2s cubic-bezier(.16,1,.3,1) forwards notifDropIn;position:fixed;top:68px;right:20px}@keyframes notifDropIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-panel-box{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 48px #0f172a2e,0 3px 12px #0f172a14}.np-head{border-bottom:1px solid var(--line);color:var(--ink);background:#f8fafc;justify-content:space-between;align-items:center;padding:13px 16px;font-size:14px;font-weight:800;display:flex}.notif-close-btn{cursor:pointer;width:26px;height:26px;color:var(--ink-soft);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex}.notif-close-btn:hover{color:var(--ink);background:#e2e8f0}.np-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;max-height:420px;padding:10px;display:flex;overflow-y:auto}.notif-item{border-radius:12px;padding:11px 12px;transition:all .15s}.notif-item:hover{transform:translate(2px);box-shadow:0 2px 8px #0000000f}.notif-item:active{transform:scale(.99)}.notif-item-title{color:var(--ink);font-size:12.5px;font-weight:700}.notif-item-body{color:var(--ink-soft);margin-top:2px;font-size:11.5px;line-height:1.35}.user-menu-backdrop{z-index:9998;background:0 0;position:fixed;inset:0}.user-menu-dropdown{border:1px solid var(--line);z-index:9999;background:#fff;border-radius:14px;width:210px;animation:.18s cubic-bezier(.16,1,.3,1) forwards notifDropIn;position:fixed;top:68px;right:20px;overflow:hidden;box-shadow:0 14px 40px #0f172a29}.user-menu-header{border-bottom:1px solid var(--line);background:#f8fafc;align-items:center;gap:10px;padding:12px 14px;display:flex}.user-avatar-sm{color:#f59e0b;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:99px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex}.user-menu-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-menu-role{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.btn-outline-danger{color:#fff;cursor:pointer;background:#ef4444;border:1px solid #dc2626;border-radius:8px;align-items:center;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-outline-danger:hover{background:#dc2626;border-color:#b91c1c}.topbar-brand-wrapper{display:none}.topbar-brand-pill{border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:none;overflow:hidden;box-shadow:0 2px 6px #f59e0b47}.topbar-actions-cluster{flex:none;align-items:center;gap:10px;display:flex}@media (max-width:900px){#sidebar,#sidebarBackdrop,.sidebar-close-btn,.mobile-menu-btn,.search-wrap{display:none!important}#main{margin-left:0!important}#topbar{-webkit-backdrop-filter:blur(16px)saturate(180%)!important;z-index:90!important;box-sizing:border-box!important;background:#fffffff2!important;border-bottom:1px solid #e2e8f0d9!important;justify-content:space-between!important;gap:10px!important;max-width:100vw!important;height:56px!important;padding:0 14px!important;position:sticky!important;top:0!important}.topbar-brand-wrapper{display:flex!important}.topbar-brand-pill{border-radius:9px;width:30px;height:30px;display:flex!important}#pageSub{display:none!important}#pageHeading{color:#0f172a!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:calc(100vw - 190px)!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important;overflow:hidden!important}.topbar-actions-cluster{flex:none!important;align-items:center!important;gap:8px!important;display:flex!important}.topbar-job-btn{color:#1a1208!important;background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;display:flex!important;box-shadow:0 2px 6px #f59e0b47!important}.topbar-job-btn .btn-job-label{display:none!important}.notif-btn{border-radius:10px!important;width:34px!important;min-width:34px!important;height:34px!important}.user-chip{cursor:pointer!important;background:0 0!important;border:none!important;padding:0!important}.user-avatar{color:#f59e0b!important;background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:2px solid #fff!important;border-radius:99px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;font-size:11px!important;font-weight:800!important;display:flex!important;box-shadow:0 2px 6px #0f172a1f!important}.user-name,.user-role{display:none!important}.user-menu-dropdown{top:60px!important;right:12px!important}.notif-backdrop{-webkit-backdrop-filter:blur(3px)!important;background:#0f172a73!important}.notif-dropdown{z-index:9999!important;width:auto!important;max-width:420px!important;max-height:calc(100vh - 140px)!important;margin:0 auto!important;position:fixed!important;top:62px!important;left:12px!important;right:12px!important}#content{box-sizing:border-box!important;max-width:100vw!important;padding:14px 12px 84px!important;overflow-x:hidden!important}.card{box-sizing:border-box!important;max-width:100%!important}#mobileBottomBar{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;z-index:990!important;height:58px!important;padding:0 2px!important;padding-bottom:max(4px, env(safe-area-inset-bottom,4px))!important;background:#fffffff2!important;border-top:1px solid #e2e8f0d9!important;justify-content:space-around!important;align-items:center!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 16px #0f172a0d!important}.mob-nav-tab{cursor:pointer;color:#64748b;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;max-width:100px;height:100%;padding:3px 1px;transition:all .15s;display:flex;position:relative}.mob-icon-wrap{border-radius:12px;justify-content:center;align-items:center;padding:3px 8px;transition:all .18s;display:flex;position:relative}.mob-icon-wrap svg{flex-shrink:0;width:20px;height:20px;transition:transform .15s}.mob-nav-tab.active .mob-icon-wrap{background:#f59e0b26}.mob-nav-tab.active svg{stroke:#d97706;transform:scale(1.04)}.mob-nav-tab span{white-space:nowrap;text-overflow:ellipsis;color:#64748b;max-width:100%;font-size:9.5px;font-weight:600;line-height:1.1;overflow:hidden}.mob-nav-tab.active span{color:#b45309;font-weight:800}.mob-nav-tab:active{transform:scale(.92)}.mob-nav-badge{color:#fff;background:#ef4444;border:1.5px solid #fff;border-radius:99px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:8.5px;font-weight:800;display:flex;position:absolute;top:-3px;right:-2px;box-shadow:0 1px 4px #ef444459}.form-grid,.form-grid.c3{grid-template-columns:1fr}.span2,.span3{grid-column:span 1}.owner-grid{grid-template-columns:minmax(0,1fr)!important}.kpi-grid,.fu-kpi-grid,.workflow-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.kpi{border-radius:10px!important;padding:12px 10px!important}.kpi-label{white-space:nowrap!important;text-overflow:ellipsis!important;margin-bottom:4px!important;font-size:10.5px!important;overflow:hidden!important}.kpi-value{font-size:18px!important}.kpi-sub{margin-top:3px!important;font-size:10px!important}.dash-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.dash-kpi{border-radius:10px!important;padding:12px 10px!important}.dash-kpi-icon{width:26px!important;height:26px!important;font-size:12px!important;top:10px!important;right:10px!important}.dash-kpi-label{white-space:nowrap!important;text-overflow:ellipsis!important;margin-bottom:4px!important;padding-right:28px!important;font-size:10.5px!important;overflow:hidden!important}.dash-kpi-value{font-size:18px!important}.dash-kpi-sub{margin-top:3px!important;font-size:10px!important}.sales-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.sales-report-grid .sales-card{padding:10px!important}.sales-report-grid .sales-card .kpi-label{margin-bottom:4px!important;font-size:10.5px!important;line-height:1.25!important}.sales-report-grid .sales-card .kpi-value{font-size:16px!important}.sales-report-grid .sales-card.span-2-mobile{grid-column:1/-1!important}.card-pad{padding:14px 12px!important}.card{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}}@media (max-width:640px){.kpi-grid,.fu-kpi-grid,.workflow-kpi-grid,.wf-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.wf-kpi-grid>.wf-kpi-card:last-child:nth-child(odd){grid-column:1/-1!important}.wf-module-card{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px!important}.wf-card-top{gap:12px!important}.wf-card-icon{border-radius:10px!important;width:38px!important;height:38px!important}.wf-card-title{font-size:14px!important}.wf-card-desc{margin-top:4px!important;font-size:11.5px!important;line-height:1.4!important}.wf-card-action{width:100%!important}.wf-action-btn{justify-content:center!important;width:100%!important;padding:9px 14px!important;font-size:13px!important;font-weight:700!important}.filter-bar{flex-direction:column;align-items:stretch;gap:8px}.filter-bar .field,.filter-bar input,.filter-bar select{width:100%;min-width:0}.toolbar.between{flex-direction:column;align-items:stretch;gap:8px}.toolbar.between .btn{justify-content:center;width:100%}#modalRoot .modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-end;padding:0;overflow-y:auto}#modalRoot .modal-box{max-height:92vh;animation:modalSlideUp .28s var(--ease-spring) forwards;border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;width:100%;display:flex;overflow:hidden}#modalRoot .modal-head{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;padding:14px 18px}#modalRoot .modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;max-height:none;padding:16px 14px 24px;overflow-y:auto}#modalRoot .modal-foot{z-index:20;background:#fff;flex-wrap:wrap;flex-shrink:0;justify-content:stretch;gap:8px;padding:10px 12px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 14px #0f172a14}#modalRoot .modal-foot .btn{text-align:center;flex:auto;justify-content:center;padding:8px 10px;font-size:12.5px}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}input,select,textarea{font-size:16px!important}}.data-card-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;width:100%;display:grid}@media (max-width:640px){.data-card-grid{grid-template-columns:1fr;gap:12px}}.data-record-card{background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);box-sizing:border-box;border-radius:14px;flex-direction:column;gap:10px;padding:15px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #0f172a0d,0 1px 2px #0f172a08}.data-record-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 14px #0f172a14}.data-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.data-card-title{color:var(--ink,#0f172a);word-break:break-word;font-size:14.5px;font-weight:800;line-height:1.3}.data-card-sub{color:var(--ink-soft,#64748b);flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;font-size:11.5px;display:flex}.data-card-meta-grid{box-sizing:border-box;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px 12px;padding:10px 12px;font-size:12px;display:grid}.data-card-meta-item{flex-direction:column;gap:2px;min-width:0;display:flex}.data-card-meta-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:10px;font-weight:700}.data-card-meta-val{color:var(--ink,#1e293b);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.data-card-bottom{border-top:1px solid var(--line-soft,#f1f5f9);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;padding-top:9px;display:flex}.data-card-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.view-switch-btn{border:1px solid var(--line);color:#64748b;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.view-switch-btn.active{color:#b45309;background:#fef3c7;border-color:#fde68a;font-weight:700}@media (max-width:768px){.desktop-only-table{display:none!important}.mobile-only-cards{display:grid!important}.view-switch-group{display:none!important}}@media (min-width:769px){.desktop-only-table{display:block!important}.mobile-only-cards,.view-switch-group{display:none!important}}.inv-form-wrap{flex-direction:column;gap:16px;display:flex}.inv-form-meta-card{border:1px solid var(--line);background:#f8fafc;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:center;gap:14px;padding:14px 18px;display:grid}.inv-form-meta-item{flex-direction:column;gap:3px;display:flex}.inv-form-meta-lbl{text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);font-size:11px;font-weight:700}.inv-form-meta-val{color:var(--ink);font-size:13.5px;font-weight:700}.inv-editor-container,.inv-editor-table-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #00000005}.mobile-li-label{display:none}.li-field{width:100%}.inv-editor-header{color:#f8fafc;text-transform:uppercase;letter-spacing:.5px;background:#0f172a;grid-template-columns:2fr 75px 110px 85px 85px 105px 36px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;display:grid}.inv-editor-row{border-bottom:1px solid var(--line-soft);grid-template-columns:2fr 75px 110px 85px 85px 105px 36px;align-items:center;gap:8px;padding:10px 14px;transition:background .15s;display:grid}.inv-editor-row:hover{background:#f8fafc}.inv-editor-row input,.inv-editor-row select{border:1px solid var(--line);width:100%;height:36px;font-size:13px;font-family:var(--sans);color:var(--ink);box-sizing:border-box;background:#fff;border-radius:6px;padding:0 10px}.inv-editor-row input:focus,.inv-editor-row select:focus{border-color:var(--blue-deep);outline:none;box-shadow:0 0 0 2px #2563eb26}.inv-editor-row .mono-total{font-family:var(--mono);text-align:right;color:var(--ink);padding-right:4px;font-size:13px;font-weight:700}.inv-row-del-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.inv-row-del-btn:hover{color:#fff;background:#dc2626}.inv-form-bottom-grid{grid-template-columns:1.2fr 1fr;align-items:flex-start;gap:16px;margin-top:10px;display:grid}.inv-calc-box{border:1px solid var(--line);background:#f8fafc;border-radius:10px;padding:14px 18px;font-size:13px}.inv-calc-line{color:var(--ink-soft);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.inv-calc-line.total-line{border-top:1.5px solid var(--line);color:var(--ink);margin-top:6px;padding-top:10px;font-size:14px;font-weight:700}.inv-calc-line.balance-line{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:8px;padding:10px 12px;font-size:15px;font-weight:800}@media (max-width:680px){.inv-editor-container,.inv-editor-table-wrap{box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}.inv-editor-header{display:none!important}.inv-editor-row{border:1px solid var(--line)!important;background:#fff!important;border-radius:12px!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:12px!important;padding:14px!important;display:grid!important;box-shadow:0 2px 6px #0f172a0d!important}.mobile-li-label{color:var(--ink-soft)!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:4px!important;font-size:10.5px!important;font-weight:700!important;display:block!important}.li-field.li-desc{grid-column:1/-1!important}.li-field.li-qty{grid-column:1/2!important}.li-field.li-rate{grid-column:2/3!important}.li-field.li-disc{grid-column:1/2!important}.li-field.li-gst{grid-column:2/3!important}.li-field.li-total{flex-direction:column!important;grid-column:1/2!important;justify-content:flex-end!important;display:flex!important}.li-field.li-total .mono-total{text-align:left!important;color:var(--amber-deep)!important;padding:4px 0!important;font-size:15px!important;font-weight:800!important}.li-field.li-del{grid-column:2/3!important;justify-content:flex-end!important;align-items:flex-end!important;display:flex!important}.li-field.li-del .inv-row-del-btn{border-radius:8px!important;width:38px!important;height:38px!important}.inv-form-bottom-grid{grid-template-columns:1fr!important}.inv-doc-content{padding:14px 10px!important}.inv-header-section{flex-direction:column!important;gap:14px!important}.inv-title-cluster{text-align:left!important}.inv-meta-badges{align-items:flex-start!important}.inv-meta-row{justify-content:flex-start!important}.inv-bento-cards{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:16px!important}.inv-table-wrap{-webkit-overflow-scrolling:touch!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;width:100%!important;max-width:100%!important;margin-bottom:16px!important;overflow-x:auto!important}.inv-table-wrap .inv-table{min-width:520px!important;margin-bottom:0!important}.inv-summary-section{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:16px!important}.inv-computation-card{box-sizing:border-box!important;width:100%!important}.inv-comp-line{padding:8px 10px!important;font-size:12px!important}.inv-comp-line .mono{font-size:13px!important}.inv-words-card{margin-bottom:10px!important}.inv-bank-details{margin-top:10px!important}.inv-footer-block{text-align:left!important;grid-template-columns:1fr!important;gap:14px!important}.inv-sign-cluster{text-align:left!important;align-items:flex-start!important}.pay-split-grid{grid-template-columns:1fr!important}}#modalRoot .modal-box:has(.inv-document-wrapper):before{display:none!important}#modalRoot .modal-box:has(#printableTaxInvoice):before{display:none!important}#modalRoot .modal-box:has(#printableQuotation):before{display:none!important}.inv-document-wrapper{max-width:860px;font-family:var(--sans);color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #0f172a;border-radius:8px;margin:0 auto;padding:0;overflow:hidden;box-shadow:0 4px 20px #00000014}.inv-doc-topbar{height:0!important;display:none!important}.inv-doc-content{padding:28px 36px 36px}.inv-header-section{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding-bottom:22px;display:flex}.inv-brand-cluster{flex:auto;align-items:flex-start;gap:16px;min-width:0;display:flex}.inv-brand-logo{object-fit:contain;background:#0f172a;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;width:64px;height:64px;box-shadow:0 2px 6px #00000014}.inv-company-name{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:22px;font-weight:900;line-height:1.2}.inv-company-tag{color:#dc2626;text-transform:uppercase;letter-spacing:.6px;margin-top:3px;font-size:12px;font-weight:700}.inv-company-contact{color:#64748b;max-width:480px;margin-top:5px;font-size:11.5px;line-height:1.5}.inv-title-cluster{text-align:right;flex-shrink:0;min-width:220px}.inv-main-heading{color:#0f172a;letter-spacing:1px;margin:0;font-size:24px;font-weight:900;line-height:1}.inv-type-sub{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:11px;font-weight:700}.inv-meta-badges{flex-direction:column;align-items:flex-end;gap:6px;margin-top:12px;display:flex}.inv-meta-row{white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;font-size:12.5px;display:flex}.inv-meta-row .lbl{color:#64748b;white-space:nowrap;font-weight:600}.inv-meta-row .val{color:#0f172a;white-space:nowrap;font-weight:800}.inv-bento-cards{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}.inv-bento-card{background:#f8fafc;border:1px solid #fee2e2;border-radius:10px;padding:14px 18px}.inv-bento-title{text-transform:uppercase;letter-spacing:.8px;color:#dc2626;align-items:center;gap:6px;margin-bottom:8px;font-size:10.5px;font-weight:800;display:flex}.inv-bento-name{color:#0f172a;font-size:15px;font-weight:800}.inv-bento-sub{color:#475569;margin-top:3px;font-size:12px;line-height:1.5}.inv-table-wrap{box-sizing:border-box;width:100%;max-width:100%}.inv-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:12.5px}.inv-table thead th{color:#f8fafc;text-transform:uppercase;letter-spacing:.6px;background:#0b0f17;border:none;padding:10px 12px;font-size:10.5px;font-weight:800}.inv-table thead th:first-child{border-top-left-radius:8px}.inv-table thead th:last-child{text-align:right;border-top-right-radius:8px}.inv-table tbody td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:12px}.inv-table tbody tr:nth-child(2n) td{background:#fafafa}.inv-table tbody tr:last-child td{border-bottom:2px solid #cbd5e1}.inv-summary-section{grid-template-columns:1.25fr 1fr;align-items:flex-start;gap:20px;margin-bottom:24px;display:grid}.inv-words-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:12px 16px}.inv-words-lbl{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:3px;font-size:10.5px;font-weight:700}.inv-words-val{color:#0f172a;font-size:12.5px;font-style:italic;font-weight:700}.inv-payment-history{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px}.inv-bank-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:14px;padding:12px 16px;font-size:11.5px}.inv-computation-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.inv-comp-line{color:#475569;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12.5px;display:flex}.inv-comp-line.subtotal{color:#0f172a;font-weight:700}.inv-comp-line.grand{color:#0f172a;background:#f1f5f9;border-top:2px solid #cbd5e1;border-bottom:none;padding:10px 16px;font-size:14px;font-weight:800}.inv-comp-line.advance{color:#15803d;font-weight:700}.inv-comp-line.due-banner{color:#fff;background:#0f172a;padding:12px 16px;font-size:15px;font-weight:900}.inv-comp-line.due-banner.settled{background:#059669}.inv-footer-block{border-top:1px dashed #cbd5e1;grid-template-columns:1.4fr 1fr;align-items:flex-end;gap:20px;padding-top:20px;display:grid}.inv-terms-list{color:#64748b;font-size:10.5px;line-height:1.6}.inv-sign-cluster{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.inv-sign-line{border-top:1.5px solid #0f172a;width:170px;height:40px;margin-bottom:6px}.inv-sign-lbl{color:#0f172a;font-size:11.5px;font-weight:700}.inv-filter-toolbar{border:1px solid var(--line);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.inv-search-input-wrap{align-items:center;display:inline-flex;position:relative}.inv-search-input-wrap .inv-search-icon{pointer-events:none;color:#94a3b8;position:absolute;left:10px}.inv-compact-input{color:#0f172a!important;box-sizing:border-box!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:8px!important;width:180px!important;max-width:100%!important;height:34px!important;padding:0 10px 0 32px!important;font-size:12.5px!important;transition:all .15s!important}.inv-main-search{width:240px!important}.inv-compact-input[type=date],.inv-date-input{width:138px!important;padding:0 8px!important}.inv-compact-input:focus,.inv-compact-select:focus{background:#fff!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}.inv-toolbar-dates{align-items:center;gap:8px;display:inline-flex}.inv-date-group{align-items:center;gap:6px;display:inline-flex}.inv-date-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:600}.inv-toolbar-actions{align-items:center;gap:10px;margin-left:auto;display:inline-flex}.inv-select-wrap{align-items:center;display:inline-flex}.inv-compact-select{cursor:pointer;color:#0f172a!important;appearance:none!important;box-sizing:border-box!important;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 8px center no-repeat!important;border:1px solid #cbd5e1!important;border-radius:8px!important;min-width:110px!important;height:34px!important;padding:0 28px 0 10px!important;font-size:12.5px!important;font-weight:500!important;transition:all .15s!important}.inv-toolbar-spacer{flex:1}.btn-export,.inv-export-btn,.inv-export-action-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(#ef4444 0%,#dc2626 100%)!important;border:1px solid #dc2626!important;border-radius:8px!important;align-items:center!important;gap:6px!important;height:34px!important;padding:0 14px!important;font-size:12.5px!important;font-weight:700!important;text-decoration:none!important;transition:all .15s!important;display:inline-flex!important;box-shadow:0 2px 8px #ef444440,inset 0 1px #ffffff40!important}.btn-export:hover,.inv-export-btn:hover,.inv-export-action-btn:hover{transform:translateY(-1px);color:#fff!important;background:linear-gradient(#f87171 0%,#ef4444 100%)!important;border-color:#dc2626!important;box-shadow:0 4px 16px #ef444461!important}.btn-export:active,.inv-export-btn:active,.inv-export-action-btn:active{transform:translateY(0)}.data-card-meta-full{grid-column:span 2;border-top:1px dashed #e2e8f0!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-top:2px!important;padding-top:6px!important;display:flex!important}@media (max-width:820px){.inv-filter-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.inv-search-input-wrap{width:100%}.inv-main-search{width:100%!important}.inv-toolbar-dates{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.inv-date-group{align-items:center;gap:6px;width:100%;min-width:0;display:flex}.inv-date-input{flex:1;min-width:0;width:100%!important;font-size:11.5px!important}.inv-toolbar-actions{align-items:center;gap:8px;width:100%;margin-left:0;display:flex}.inv-select-wrap{flex:1;min-width:0}.inv-compact-select{width:100%!important;min-width:0!important}.inv-export-action-btn{white-space:nowrap;flex:1;justify-content:center}.inv-analytics-card{border-radius:12px;padding:12px 14px}.inv-analytics-grid{grid-template-columns:1fr 1fr;gap:10px}.inv-kpi-card.blue{grid-column:span 2}.inv-chart-card{grid-column:span 2;gap:14px;padding:12px 14px}.inv-progress-labels{flex-direction:column;gap:4px;font-size:11px}}@media (max-width:480px){.inv-analytics-grid{grid-template-columns:1fr}.inv-kpi-card.blue,.inv-kpi-card.green,.inv-kpi-card.red,.inv-chart-card{grid-column:span 1}.inv-chart-card{text-align:center;flex-direction:column;align-items:center;gap:12px}.inv-donut-wrapper{margin:0 auto}.inv-chart-legend{align-items:center;width:100%}.inv-legend-item{justify-content:center}.data-record-card{padding:12px 14px}.data-card-actions{gap:6px;width:100%;display:flex}.data-card-actions .btn{flex:1;justify-content:center}}.inv-reset-btn{cursor:pointer;color:#64748b!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;align-items:center!important;gap:6px!important;height:34px!important;padding:0 14px!important;font-size:12px!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important}.inv-reset-btn:hover{color:#0f172a!important;background:#f1f5f9!important;border-color:#94a3b8!important}.jc-toolbar{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.jc-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:280px;display:flex}.jc-search-box{flex:1;align-items:center;min-width:240px;max-width:440px;display:flex;position:relative}.jc-search-icon{pointer-events:none;color:#94a3b8;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;left:12px}.jc-search-input{color:#0f172a!important;box-sizing:border-box!important;background:#f8fafc!important;border:1.5px solid #cbd5e1!important;border-radius:9px!important;outline:none!important;width:100%!important;height:38px!important;padding:0 32px 0 36px!important;font-size:13px!important;transition:all .18s!important}.jc-search-input:focus{background:#fff!important;border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b29!important}.jc-search-clear{color:#94a3b8;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:12px;line-height:1;transition:opacity .15s;display:flex;position:absolute;right:10px}.jc-search-clear:hover{opacity:1;color:#0f172a}.jc-filter-wrap{align-items:center;display:flex;position:relative}.jc-filter-icon{pointer-events:none;color:#94a3b8;z-index:1;position:absolute;left:11px}.jc-stage-select{color:#1e293b!important;cursor:pointer!important;box-sizing:border-box!important;background:#f8fafc!important;border:1.5px solid #cbd5e1!important;border-radius:9px!important;outline:none!important;width:190px!important;max-width:100%!important;height:38px!important;padding:0 28px 0 32px!important;font-size:13px!important;font-weight:600!important;transition:all .18s!important}.jc-stage-select:focus{background:#fff!important;border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b29!important}.jc-toolbar-right{align-items:center;gap:10px;display:flex}.jc-create-btn{white-space:nowrap!important;cursor:pointer!important;border-radius:9px!important;align-items:center!important;gap:7px!important;height:38px!important;padding:0 18px!important;font-size:13px!important;font-weight:700!important;transition:all .18s!important;display:inline-flex!important;box-shadow:0 2px 8px #f59e0b47!important}.jc-create-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #f59e0b61!important}.inv-analytics-card{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:18px;padding:16px 20px 14px;box-shadow:0 2px 10px #0000000a}.inv-analytics-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.inv-chart-icon-wrap{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.inv-analytics-title{color:#0f172a;letter-spacing:-.01em;font-size:14px;font-weight:800}.inv-analytics-sub{color:#64748b;font-size:11.5px}.inv-analytics-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:4px 10px;font-size:11.5px}.inv-analytics-grid{grid-template-columns:repeat(3,1fr) 1.25fr;align-items:stretch;gap:14px;display:grid}@media (max-width:1024px){.inv-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.inv-kpi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:14px 16px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.inv-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.inv-kpi-card.blue{border-left:4px solid #2563eb}.inv-kpi-card.green{border-left:4px solid #10b981}.inv-kpi-card.red{border-left:4px solid #ef4444}.inv-kpi-card.amber{border-left:4px solid #f59e0b}.inv-kpi-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.inv-kpi-lbl{letter-spacing:.5px;color:#64748b;text-transform:uppercase;font-size:11px;font-weight:800}.inv-kpi-badge{border-radius:12px;padding:2px 7px;font-size:10.5px;font-weight:800}.inv-kpi-badge.blue{color:#1e40af;background:#dbeafe}.inv-kpi-badge.green{color:#065f46;background:#d1fae5}.inv-kpi-badge.red{color:#991b1b;background:#fee2e2}.inv-kpi-badge.amber{color:#92400e;background:#fef3c7}.inv-kpi-val{color:#0f172a;margin-bottom:4px;font-size:22px;font-weight:900;line-height:1.2}.inv-kpi-foot{color:#64748b;align-items:center;gap:4px;font-size:11px;display:flex}.inv-chart-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;display:flex}.inv-donut-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:86px;height:86px;display:flex;position:relative}.inv-donut-wrapper svg{width:86px;height:86px;transform:rotate(-90deg)}.inv-donut-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inv-donut-val{color:#0f172a;font-size:14px;font-weight:900;line-height:1}.inv-donut-lbl{text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin-top:2px;font-size:9px;font-weight:700}.inv-chart-legend{flex-direction:column;flex:1;gap:8px;display:flex}.inv-legend-item{align-items:center;gap:8px;display:flex}.inv-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.inv-legend-dot.green{background:#10b981}.inv-legend-dot.red{background:#ef4444}.inv-legend-dot.amber{background:#f59e0b}.inv-legend-title{text-transform:uppercase;letter-spacing:.3px;color:#64748b;font-size:10.5px;font-weight:700;line-height:1.1}.inv-legend-amount{color:#0f172a;font-size:13px;font-weight:800}.inv-legend-pct{color:#64748b;font-size:11px;font-weight:600}.inv-progress-bar-wrap{border-top:1px dashed #e2e8f0;margin-top:14px;padding-top:12px}.inv-progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:8px;display:flex;overflow:hidden}.inv-progress-fill{height:100%;transition:width .4s}.inv-progress-fill.green{background:linear-gradient(90deg,#10b981 0%,#059669 100%)}.inv-progress-fill.red{background:linear-gradient(90deg,#f87171 0%,#ef4444 100%)}.inv-progress-fill.amber{background:linear-gradient(90deg,#fbbf24 0%,#f59e0b 100%)}.inv-progress-labels{justify-content:space-between;align-items:center;margin-top:6px;font-size:11px;display:flex}@media print{body,html{color:#000!important;background:#fff!important;height:auto!important;min-height:100%!important;margin:0!important;padding:0!important}@page{size:A4 portrait;margin:6mm 7mm}#app,.modal-head,.modal-foot,.modal-close,.no-print,button{display:none!important}#modalRoot .modal-overlay{background:0 0!important;padding:0!important;display:block!important;position:static!important}#modalRoot .modal-box{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;overflow:visible!important}#modalRoot .modal-box:before,#modalRoot .modal-box:after{content:none!important;background:0 0!important;border:none!important;height:0!important;display:none!important}#modalRoot .modal-body{max-height:none!important;padding:0!important;overflow:visible!important}.inv-document-wrapper{box-shadow:none!important;box-sizing:border-box!important;page-break-after:avoid!important;page-break-inside:avoid!important;break-inside:avoid!important;border:1.5px solid #0f172a!important;border-radius:4px!important;width:100%!important;max-width:100%!important;margin:0 auto!important;overflow:hidden!important}.inv-table-wrap{border:1px solid #cbd5e1!important;border-radius:4px!important;margin-bottom:8px!important;overflow:visible!important}.inv-doc-topbar{height:0!important;display:none!important}.inv-doc-content{box-sizing:border-box!important;padding:10px 14px 8px!important}.inv-header-section{border-bottom-width:1.5px!important;margin-bottom:8px!important;padding-bottom:8px!important}.inv-brand-cluster{gap:10px!important}.inv-brand-logo{border-radius:8px!important;width:44px!important;height:44px!important}.inv-company-name{font-size:16px!important;line-height:1.15!important}.inv-company-tag{letter-spacing:.4px!important;margin-top:1px!important;font-size:9.5px!important}.inv-company-contact{margin-top:2px!important;font-size:9.5px!important;line-height:1.3!important}.inv-title-cluster{text-align:right!important;flex-shrink:0!important;min-width:190px!important}.inv-main-heading{letter-spacing:.5px!important;font-size:18px!important}.inv-type-sub{margin-top:1px!important;font-size:9px!important}.inv-meta-badges{gap:3px!important;margin-top:4px!important}.inv-meta-row{white-space:nowrap!important;gap:6px!important;font-size:10px!important}.inv-meta-row .lbl,.inv-meta-row .val{white-space:nowrap!important}.inv-bento-cards{gap:8px!important;margin-bottom:8px!important}.inv-bento-card{border:1px solid #cbd5e1!important;border-radius:4px!important;padding:6px 10px!important}.inv-bento-title{margin-bottom:2px!important;font-size:9px!important}.inv-bento-name{font-size:12px!important}.inv-bento-sub{margin-top:2px!important;font-size:9.5px!important;line-height:1.3!important}.inv-table{border-collapse:collapse!important;width:100%!important;margin-bottom:0!important;font-size:10px!important}.inv-table thead th{color:#fff!important;background:#0f172a!important;border:none!important;padding:5px 8px!important;font-size:9px!important}.inv-table tbody td{border-bottom:1px solid #e2e8f0!important;padding:4.5px 8px!important;font-size:10px!important}.inv-summary-section{gap:10px!important;margin-bottom:6px!important}.inv-words-card{border:1px solid #cbd5e1!important;border-radius:4px!important;margin-bottom:5px!important;padding:5px 8px!important}.inv-words-lbl{margin-bottom:1px!important;font-size:8.5px!important}.inv-words-val{font-size:10px!important}.inv-bank-details{border:1px solid #cbd5e1!important;border-radius:4px!important;margin-top:5px!important;padding:5px 8px!important;font-size:9px!important;line-height:1.35!important}.inv-computation-card{border:1px solid #cbd5e1!important;border-radius:4px!important;overflow:hidden!important}.inv-comp-line{padding:3px 8px!important;font-size:10px!important}.inv-comp-line.grand{padding:4px 8px!important;font-size:11px!important}.inv-comp-line.advance{padding:3px 8px!important;font-size:10px!important}.inv-comp-line.due-banner{padding:4.5px 8px!important;font-size:11px!important}.inv-footer-block{border-top:1px dashed #cbd5e1!important;gap:8px!important;margin-top:2px!important;padding-top:5px!important}.inv-terms-list{font-size:8px!important;line-height:1.25!important}.inv-sign-line{width:120px!important;height:18px!important;margin-bottom:2px!important}.inv-sign-cluster img{max-width:120px!important;height:28px!important;margin-bottom:2px!important}.inv-sign-lbl{font-size:9px!important}.pay-split-grid{gap:8px!important;margin-bottom:8px!important}.pay-split-grid .inv-computation-card .inv-comp-line{padding:4px 10px!important;font-size:10px!important}tr,.inv-document-wrapper,.inv-header-section,.inv-bento-card,.inv-computation-card,.inv-words-card,.inv-bank-details,.inv-footer-block{page-break-inside:avoid!important;break-inside:avoid!important}*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.settings-nav-tabs{border:1px solid var(--line);background:#f1f5f9;border-radius:12px;gap:8px;margin-bottom:20px;padding:5px;display:flex;overflow-x:auto}.settings-nav-tab{color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.settings-nav-tab:hover{color:var(--ink);background:#ffffffb3}.settings-nav-tab.active{color:#0f172a;background:#fff;font-weight:700;box-shadow:0 1px 4px #00000014}.role-preset-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:8px;margin-bottom:16px;display:grid}.role-preset-card{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:9px 8px;transition:all .18s}.role-preset-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 6px #0000000a}.role-preset-card.active{background:#fffbeb;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.role-preset-icon{margin-bottom:4px;font-size:20px;line-height:1}.role-preset-title{color:var(--ink);font-size:11.5px;font-weight:700}.role-preset-sub{color:var(--ink-soft);margin-top:2px;font-size:9.5px}.perm-bundle-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;transition:border-color .2s;overflow:hidden;box-shadow:0 1px 3px #00000005}.perm-bundle-card:hover{border-color:#cbd5e1}.perm-bundle-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.perm-bundle-info{align-items:center;gap:8px;display:flex}.perm-bundle-title{color:var(--ink);font-size:12.5px;font-weight:700}.perm-bundle-badge{color:#64748b;background:#edf2f7;border-radius:12px;padding:2px 7px;font-size:10.5px;font-weight:700}.perm-bundle-actions{gap:8px;font-size:11px;display:flex}.perm-action-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.perm-action-btn:hover{text-decoration:underline}.perm-tile-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:8px;padding:10px 12px;display:grid}.perm-tile{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafafa;border:1px solid #eaeaea;border-radius:8px;align-items:flex-start;gap:9px;padding:8px 10px;transition:all .15s;display:flex}.perm-tile:hover{background:#f3f4f6;border-color:#d1d5db}.perm-tile.active{background:#fffdf5;border-color:#fcd34d;box-shadow:0 1px 3px #f59e0b1a}.perm-tile-title{color:var(--ink);font-size:12px;font-weight:700;line-height:1.2}.perm-tile-desc{color:var(--ink-soft);margin-top:2px;font-size:10px;line-height:1.3}.master-switch-card{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fde68a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.compact-perm-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:12px 14px}.compact-perm-section-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:9px;padding-bottom:6px;display:flex}.compact-perm-section-title{color:#1e293b;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.compact-perm-chips-wrap{flex-wrap:wrap;gap:7px;display:flex}.compact-perm-chip{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:500;transition:all .16s;display:inline-flex;box-shadow:0 1px 2px #00000008}.compact-perm-chip:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.compact-perm-chip.active{color:#92400e;background:#fffbeb;border-color:#f59e0b;font-weight:700;box-shadow:0 1px 4px #f59e0b33}.chip-indicator{color:#0000;background:#fff;border:1.5px solid #94a3b8;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:9.5px;line-height:1;transition:all .15s;display:inline-flex}.compact-perm-chip.active .chip-indicator{color:#fff;background:#d97706;border-color:#d97706;font-weight:900}.role-stats-bar{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;width:100%;margin-bottom:22px;display:grid}@media (min-width:1100px){.role-stats-bar{grid-template-columns:repeat(6,1fr)}}.role-stat-card{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;min-height:72px;padding:14px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.role-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a14}.role-stat-card.active{transform:translateY(-1px);background:var(--card-bg,#fffbeb)!important;border-color:var(--card-border,#f59e0b)!important;box-shadow:0 4px 14px var(--card-shadow,#f59e0b40)!important}.role-stat-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:transform .2s;display:flex}.role-stat-card:hover .role-stat-icon-wrap{transform:scale(1.08)}.role-stat-meta{flex-direction:column;flex:1;gap:3px;display:flex}.role-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:700;line-height:1.1}.role-stat-count{color:#0f172a;font-size:22px;font-weight:800;line-height:1}.role-stat-card.active .role-stat-label,.role-stat-card.active .role-stat-count{color:var(--card-color,#92400e)}.autocomplete-dropdown{z-index:10050;background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #00000014}.autocomplete-item{cursor:pointer;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:3px;padding:8px 12px;transition:background .15s;display:flex}.autocomplete-item:hover,.autocomplete-item.active{background:#f8fafc}.autocomplete-item:last-child{border-bottom:none}.masters-wrapper{flex-direction:column;gap:20px;animation:.25s fadeIn;display:flex}.masters-header-ribbon{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-xs);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.masters-header-title{align-items:center;gap:12px;display:flex}.masters-header-icon{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:0 2px 6px #f59e0b2e}.masters-header-text h2{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.masters-header-text p{color:var(--ink-soft);margin:2px 0 0;font-size:12.5px}.masters-stats-strip{align-items:center;gap:12px;display:flex}.masters-stat-badge{border:1px solid var(--line);color:var(--ink);background:#f8fafc;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.masters-stat-badge .dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #10b98133}.masters-nav-container{-webkit-overflow-scrolling:touch;padding-bottom:2px;overflow-x:auto}.masters-nav-bar{background:#e2e8f0;border-radius:14px;gap:6px;width:max-content;min-width:100%;padding:6px;display:flex}.masters-nav-item{color:var(--ink-soft);cursor:pointer;white-space:nowrap;transition:all .2s var(--ease-spring);background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.masters-nav-item:hover{color:var(--ink);background:#ffffffa6}.masters-nav-item.active{color:#92400e;background:#fff;font-weight:700;box-shadow:0 2px 8px #0f172a14,0 1px 2px #0f172a0a}.masters-nav-item .nav-badge{color:var(--ink-soft);background:#f1f5f9;border-radius:12px;padding:2px 7px;font-size:10.5px;font-weight:700}.masters-nav-item.active .nav-badge{color:#b45309;background:#fef3c7}.masters-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;overflow:hidden}.masters-card-header{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.masters-card-info h3{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.masters-card-info p{color:var(--ink-soft);max-width:600px;margin:4px 0 0;font-size:12.5px}.masters-filter-box{align-items:center;gap:10px;display:flex}.masters-search-wrap{border:1px solid var(--line);border-radius:var(--radius-sm);background:#f8fafc;align-items:center;gap:8px;min-width:230px;height:38px;padding:0 12px;transition:all .18s;display:flex}.masters-search-wrap:focus-within{border-color:var(--amber);background:#fff;box-shadow:0 0 0 3px #f59e0b26}.masters-search-icon{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.masters-search-input{font-family:var(--sans);box-shadow:none!important;color:var(--ink)!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-size:13px!important}.masters-add-bar{border-bottom:1px solid var(--line);background:#f8fafc;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px;display:flex}.masters-input-group{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;flex:1;align-items:center;gap:10px;min-width:260px;max-width:520px;height:42px;padding:0 14px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0f172a0a}.masters-input-group:focus-within{border-color:var(--amber);box-shadow:0 0 0 3.5px #f59e0b2e}.masters-input-icon{width:16px;height:16px;color:var(--amber-deep);flex-shrink:0;justify-content:center;align-items:center;display:flex}.masters-input-field{font-family:var(--sans);box-shadow:none!important;color:var(--ink)!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-size:13.5px!important}.masters-add-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;height:42px;transition:all .18s var(--ease-spring);background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;align-items:center;gap:8px;padding:0 20px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #d977064d}.masters-add-btn:hover{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);transform:translateY(-1px);box-shadow:0 4px 12px #d9770659}.masters-add-btn:active{transform:translateY(0)}.masters-body{min-height:220px;padding:24px}.masters-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.masters-chip{transition:all .2s var(--ease-spring);background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #0f172a08}.masters-chip:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px -3px #0f172a14}.masters-chip-add{color:var(--amber-deep);cursor:pointer;transition:all .2s var(--ease-spring);background:#fafafa;border:1.5px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.masters-chip-add:hover{border-color:var(--amber);color:#b45309;background:#fffbeb;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b1f}.masters-chip-left{align-items:center;gap:10px;display:flex;overflow:hidden}.masters-chip-index{width:24px;height:24px;color:var(--ink-soft);background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.masters-chip-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.masters-chip-del{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:all .15s;display:flex}.masters-chip-del:hover{color:#dc2626;background:#fee2e2;transform:scale(1.1)}.masters-empty{text-align:center;color:var(--ink-soft);padding:48px 20px}.masters-empty-icon{opacity:.7;margin-bottom:12px;font-size:40px}.masters-empty-title{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:700}.masters-empty-desc{color:var(--ink-faint);max-width:360px;margin:0 auto;font-size:13px}.masters-card-footer{border-top:1px solid var(--line);color:var(--ink-soft);background:#f8fafc;align-items:center;gap:10px;padding:14px 24px;font-size:12px;display:flex}.masters-card-footer span.tip-icon{color:var(--amber-deep);font-size:15px}.masters-profile-grid{grid-template-columns:1.2fr .8fr;gap:24px;padding:24px;display:grid}@media (max-width:900px){.masters-profile-grid{grid-template-columns:1fr}}.masters-preview-card{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);flex-direction:column;justify-content:space-between;gap:20px;padding:24px;display:flex;box-shadow:0 10px 25px -5px #0f172a40}.masters-preview-header{border-bottom:1px dashed #ffffff26;padding-bottom:16px}.masters-preview-tagline{color:#fcd34d;margin-top:4px;font-size:13px;font-weight:600}.masters-preview-details{color:#cbd5e1;flex-direction:column;gap:8px;font-size:12.5px;display:flex}.masters-preview-details b{color:#fff}.masters-preview-badge{color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b4d;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;display:inline-flex}.tat-badge{letter-spacing:.2px;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.tat-badge.on-time{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.tat-badge.delayed{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.tat-badge.in-progress{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.tat-badge.pending{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.tat-chip{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.tat-chip.available{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.tat-chip.working{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.tat-chip.overdue{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;animation:1.5s infinite tat-pulse-border}@keyframes tat-pulse-border{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 4px #ef444400}to{box-shadow:0 0 #ef444400}}.perf-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:900px){.perf-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}}.perf-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000a}.perf-kpi-card .kpi-icon{font-size:26px;line-height:1}.perf-kpi-card .kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11.5px;font-weight:700}.perf-kpi-card .kpi-val{color:var(--text);margin:2px 0;font-size:22px;font-weight:800;line-height:1.2}.perf-kpi-card .kpi-sub{color:var(--text-muted);font-size:11px}.perf-kpi-card.kpi-green{border-left:4px solid #10b981}.perf-kpi-card.kpi-green .kpi-val{color:#047857}.perf-kpi-card.kpi-blue{border-left:4px solid #3b82f6}.perf-kpi-card.kpi-blue .kpi-val{color:#1d4ed8}.perf-kpi-card.kpi-amber{border-left:4px solid #f59e0b}.perf-kpi-card.kpi-amber .kpi-val{color:#b45309}.perf-kpi-card.kpi-red{border-left:4px solid #ef4444}.perf-kpi-card.kpi-red .kpi-val{color:#b91c1c}.perf-status-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}@media (max-width:640px){.perf-status-grid{grid-template-columns:1fr 1fr;gap:8px}}.perf-status-card{border-radius:10px;flex-direction:column;justify-content:space-between;padding:14px;display:flex;box-shadow:0 1px 2px #00000008}.tat-progress-bar{background:#e2e8f0;border-radius:6px;width:100%;height:6px;margin-top:4px;overflow:hidden}.tat-progress-fill{border-radius:6px;height:100%;transition:width .3s}.tat-progress-fill.working{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.tat-progress-fill.overdue{background:#ef4444}.perf-header-wrap{align-items:center;gap:12px;margin-bottom:18px;display:flex}.perf-header-icon{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.perf-header-title{color:var(--text,#0f172a);letter-spacing:-.3px;font-size:20px;font-weight:800;line-height:1.2}.perf-header-sub{color:var(--text-muted,#64748b);margin-top:2px;font-size:13px}.perf-filter-bar{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #00000005}.perf-filter-inputs{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.perf-filter-field{background:var(--bg,#f8fafc);border:1.5px solid var(--border,#e2e8f0);color:var(--text,#1e293b);cursor:pointer;border-radius:8px;outline:none;align-items:center;gap:8px;padding:7px 12px;font-size:13px;transition:border-color .2s;display:inline-flex}.perf-filter-field:focus-within{border-color:#3b82f6}.perf-filter-field select,.perf-filter-field input{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.perf-btn-apply{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.perf-btn-apply:hover{background:#1d4ed8}.perf-btn-reset{background:var(--surface,#fff);color:var(--text,#475569);border:1.5px solid var(--border,#cbd5e1);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.perf-btn-reset:hover{background:var(--bg,#f8fafc)}.perf-kpi-grid-5{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px;display:grid}@media (max-width:1200px){.perf-kpi-grid-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.perf-kpi-grid-5{grid-template-columns:1fr 1fr}}@media (max-width:480px){.perf-kpi-grid-5{grid-template-columns:1fr}}.perf-kpi-card-v2{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.perf-kpi-card-v2.kpi-blue{border-left:4px solid #2563eb}.perf-kpi-card-v2.kpi-green{border-left:4px solid #10b981}.perf-kpi-card-v2.kpi-amber{border-left:4px solid #f59e0b}.perf-kpi-card-v2.kpi-cyan{border-left:4px solid #06b6d4}.perf-kpi-card-v2.kpi-purple{border-left:4px solid #8b5cf6}.perf-kpi-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.kpi-blue .perf-kpi-icon-wrap{color:#2563eb;background:#eff6ff}.kpi-green .perf-kpi-icon-wrap{color:#059669;background:#ecfdf5}.kpi-amber .perf-kpi-icon-wrap{color:#d97706;background:#fffbeb}.kpi-cyan .perf-kpi-icon-wrap{color:#0891b2;background:#ecfeff}.kpi-purple .perf-kpi-icon-wrap{color:#7c3aed;background:#f5f3ff}.perf-kpi-body{flex:1}.perf-kpi-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.perf-kpi-num-row{justify-content:space-between;align-items:baseline;margin:4px 0 2px;display:flex}.perf-kpi-num{color:var(--text,#0f172a);font-size:26px;font-weight:800;line-height:1.1}.perf-kpi-trend{align-items:center;gap:2px;font-size:11px;font-weight:700;display:inline-flex}.perf-kpi-trend.positive{color:#10b981}.perf-kpi-trend.negative{color:#ef4444}.perf-kpi-subtext{color:var(--text-muted,#64748b);justify-content:space-between;align-items:center;font-size:11px;display:flex}.perf-charts-grid{grid-template-columns:28% 44% 28%;gap:14px;margin-bottom:20px;display:grid}@media (max-width:1200px){.perf-charts-grid{grid-template-columns:1fr 1fr}}@media (max-width:800px){.perf-charts-grid{grid-template-columns:1fr}}.perf-chart-box{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;flex-direction:column;padding:18px 20px;display:flex;box-shadow:0 1px 3px #00000008}.perf-chart-title{color:var(--text,#0f172a);margin-bottom:14px;font-size:14px;font-weight:700}.perf-donut-wrap{flex:1;justify-content:space-between;align-items:center;gap:14px;display:flex}.perf-donut-legend{flex-direction:column;gap:12px;font-size:12.5px;display:flex}.perf-donut-legend-item{align-items:center;gap:8px;display:flex}.perf-legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.perf-dept-item{align-items:center;gap:12px;margin-bottom:12px;display:flex}.perf-dept-name{width:90px;color:var(--text,#334155);font-size:13px;font-weight:500}.perf-dept-track{background:#f1f5f9;border-radius:99px;flex:1;height:9px;overflow:hidden}.perf-dept-fill{border-radius:99px;height:100%;transition:width .4s}.perf-dept-val{text-align:right;width:55px;color:var(--text,#0f172a);font-size:12.5px;font-weight:700;font-family:var(--mono)}.perf-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.perf-table-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.perf-tab-pill{cursor:pointer;border:1px solid var(--border,#cbd5e1);color:var(--text-muted,#475569);background:0 0;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.perf-tab-pill.active{color:#fff;background:#2563eb;border-color:#2563eb}.perf-table-actions{align-items:center;gap:10px;display:flex}.perf-search-box{border:1.5px solid var(--border,#cbd5e1);background:var(--surface,#fff);color:var(--text,#1e293b);border-radius:8px;outline:none;min-width:220px;padding:6px 14px;font-size:12.5px}.perf-search-box:focus{border-color:#3b82f6}.perf-btn-export{border:1.5px solid var(--border,#cbd5e1);background:var(--surface,#fff);color:var(--text,#334155);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.perf-btn-export:hover{background:var(--bg,#f8fafc)}.perf-avatar-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.perf-grade-badge{border-radius:20px;justify-content:center;align-items:center;min-width:28px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.perf-grade-badge.grade-a{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.perf-grade-badge.grade-bplus{color:#0e7490;background:#cffafe;border:1px solid #a5f3fc}.perf-grade-badge.grade-b{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.perf-grade-badge.grade-c{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.perf-grade-badge.grade-none{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}