@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{--bg:#ECEEF1;--surface:#FFF;--s2:#F5F6F8;--s3:#ECEEF1;--s4:#DFE1E5;--text:#1A1D23;--text-2:#3D4150;--text-3:#6B7082;--text-4:#9CA0AE;--muted:#6B7082;--border:#E2E4E9;--border2:#ECEEF1;--accent:#4F6EF7;--accent-l:#EEF1FE;--accent-d:#3B58D6;--success:#16A34A;--success-l:#ECFDF5;--info:#2563EB;--info-l:#EFF4FF;--warning:#D97706;--warning-l:#FFFBEB;--danger:#DC2626;--danger-l:#FEF2F2;--error:#DC2626;--error-l:#FEF2F2;--purple:#7C3AED;--purple-l:#F5F3FF;--mint:#D1F5E4;--mint-d:#0D6B3F;--sky:#CCE9FF;--sky-d:#0A4F82;--lemon:#FFF3C4;--lemon-d:#7A5C00;--lavender:#E4DAFC;--lavender-d:#4C2D8A;--peach:#FFE0CC;--peach-d:#8A3D00;--wo-bg:#FFF8EB;--wo-border:#FDE68A;--wo-hover:#FEF3C7;--bl-bg:#EFF5FF;--bl-border:#BFDBFE;--bl-hover:#DBEAFE;--cf-bg:#EFFBF3;--cf-border:#A7F3D0;--cf-hover:#D1FAE5;--py-bg:#F5F3FF;--py-border:#DDD6FE;--py-hover:#EDE9FE;--header-g1:#4F6EF7;--header-g2:#7C5EF7;--modal-overlay:rgba(0,0,0,.4);--r:12px;--r-sm:8px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-full:9999px;--shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02);--shadow-md:0 4px 14px rgba(0,0,0,.07);--shadow-lg:0 12px 40px rgba(0,0,0,.12);--font:"DM Sans",system-ui,sans-serif;--font-head:var(--font);--font-body:var(--font);--font-h:var(--font);--font-b:var(--font);--surface2:var(--s2);--surface-c:var(--s3);--primary-c:var(--accent-l);--on-surface:var(--text);--on-surface-v:var(--text-2);--error-c:var(--error-l);--sidebar-w:0px;--header-h:58px;--nav-h:44px;--tabs-h:0px}[data-theme=dark]{--bg:#111318;--surface:#1A1D24;--s2:#1F222A;--s3:#252830;--s4:#2E3139;--text:#E8E9ED;--text-2:#B8BAC2;--text-3:#7D8090;--text-4:#555865;--muted:#7D8090;--border:#2E3139;--border2:#252830;--accent:#7B93FF;--accent-l:#1E2340;--accent-d:#96ABFF;--success:#34D67A;--success-l:#0F2A1A;--info:#60A5FA;--info-l:#172040;--warning:#FBBF24;--warning-l:#2A2010;--danger:#F87171;--danger-l:#2A1010;--error:#F87171;--error-l:#2A1010;--purple:#A78BFA;--purple-l:#201840;--mint:#0D6B3F;--mint-d:#A0F0C8;--sky:#0A4F82;--sky-d:#90D0FF;--lemon:#7A5C00;--lemon-d:#FFE88A;--lavender:#4C2D8A;--lavender-d:#D0C0FF;--peach:#8A3D00;--peach-d:#FFD0A0;--wo-bg:#1F1D18;--wo-border:#4A4030;--wo-hover:#2A2618;--bl-bg:#181D22;--bl-border:#2A3545;--bl-hover:#1E2832;--cf-bg:#181F1A;--cf-border:#2A4030;--cf-hover:#1E2E22;--py-bg:#1D1A22;--py-border:#352A4A;--py-hover:#252030;--header-g1:#2A3058;--header-g2:#352A5A;--modal-overlay:rgba(0,0,0,.65);--shadow:0 1px 3px rgba(0,0,0,.2);--shadow-md:0 4px 14px rgba(0,0,0,.3);--shadow-lg:0 12px 40px rgba(0,0,0,.5);--surface2:var(--s2);--surface-c:var(--s3);--primary-c:var(--accent-l);--on-surface:var(--text);--font-head:var(--font);--font-body:var(--font);--font-h:var(--font);--font-b:var(--font)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5;transition:background .3s,color .3s}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--s4);border-radius:var(--r-full)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(120vh) rotate(720deg);opacity:0}}@keyframes spinLogo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeContent{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.block-animate{animation:fadeSlideIn .22s ease both}.block-animate:nth-child(1){animation-delay:0ms}.block-animate:nth-child(2){animation-delay:30ms}.block-animate:nth-child(3){animation-delay:60ms}.block-animate:nth-child(4){animation-delay:90ms}.block-animate:nth-child(n+5){animation-delay:.11s}.page-transition{animation:fadeContent .2s ease both}.layout{display:flex;flex-direction:column;min-height:100vh}.body-row{display:flex;flex-direction:column;flex:1;min-height:0}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.header{display:flex!important;align-items:center;justify-content:space-between;height:var(--header-h);padding:0 20px;background:linear-gradient(135deg,var(--header-g1),var(--header-g2));position:sticky;top:0;z-index:300;gap:12px}.header-left,.header-brand{display:flex;align-items:center;gap:10px}.header-logo-img{height:42px;object-fit:contain;background:#fffffff2;border-radius:var(--r-sm);padding:3px 8px}.header-divider{width:1px;height:22px;background:#fff3;margin:0 4px}.header-brand-text{min-width:0}.header-title{font-weight:700;font-size:12px;color:#fffffff2;letter-spacing:.2px;line-height:1.2;white-space:nowrap}.header-sub{font-size:9px;color:#ffffff80;font-weight:600;letter-spacing:1px;text-transform:uppercase}.header-center{flex:1;display:flex;justify-content:center;max-width:420px;margin:0 auto}.header-search{display:flex;align-items:center;gap:8px;width:100%;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:var(--r-full);padding:0 14px;height:34px;font-size:13px;color:#fff9;cursor:pointer;transition:all .15s;font-family:var(--font)}.header-search:hover{background:#ffffff2e;border-color:#ffffff40}.header-search kbd{margin-left:auto;font-size:9px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:1px 5px;color:#ffffff80;font-family:monospace}.header-right{display:flex;align-items:center;gap:8px}.header-avatar{width:30px;height:30px;border-radius:var(--r-full);background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.header-user-name{font-size:12px;font-weight:600;color:#ffffffe6}.header-signout{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-size:11px;cursor:pointer;font-weight:500;padding:4px 10px;border-radius:var(--r-sm);font-family:var(--font);transition:all .12s}.header-signout:hover{background:#fff3;color:#fff}.dark-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fffc;font-size:16px;cursor:pointer;width:30px;height:30px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;transition:all .12s}.dark-toggle:hover{background:#fff3}.mobile-menu-btn{display:none!important;background:none;border:none;font-size:20px;color:#fff;cursor:pointer}.header-search-btn{display:none}.sidebar{width:100%!important;height:auto!important;position:sticky;top:var(--header-h);z-index:200;background:var(--surface);border-bottom:1px solid var(--border);border-right:none!important;display:flex!important;flex-direction:row!important;overflow:visible}.sidebar-header,.sidebar-search,.sidebar-footer,.sidebar-divider,.sidebar-label,.sidebar-logo-area,.sidebar-logo-icon,.sidebar-logo-text,.sidebar-logo-sub,.user-chip,.user-avatar,.user-name,.user-role{display:none!important}.sidebar-nav{display:flex!important;flex-direction:row!important;align-items:center;gap:2px;padding:0 16px!important;overflow:visible;flex:1;height:var(--nav-h)}.sidebar-nav::-webkit-scrollbar{height:0}.nav-group{display:flex;align-items:center;gap:2px;flex-shrink:0}.nav-sep{width:1px;height:20px;background:var(--border);margin:0 6px;flex-shrink:0}.nav-group-label{display:none}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--r-sm);border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-3);font-family:var(--font);transition:all .12s}.nav-dropdown-trigger:hover{background:var(--s2);color:var(--text)}.nav-dropdown-trigger .dd-arrow{font-size:8px;opacity:.5;margin-left:2px;display:inline-block}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);min-width:220px;padding:6px;z-index:999}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown.open .nav-dropdown-trigger{background:var(--s2);color:var(--text)}.nav-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-sm);border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-2);width:100%;text-align:left;font-family:var(--font);transition:all .1s}.nav-dropdown-item:hover{background:var(--accent-l);color:var(--accent)}.nav-dropdown-item.active{background:var(--accent-l);color:var(--accent);font-weight:600}.nav-dropdown-item .dd-icon{font-size:14px;width:18px;text-align:center}.nav-dropdown-item .dd-count{margin-left:auto;font-size:9px;font-weight:700;padding:1px 6px;border-radius:var(--r-full);background:var(--s3);color:var(--text-3)}.nav-tab,.sidebar-item{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--r-sm);border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-3);white-space:nowrap;font-family:var(--font);transition:all .12s;width:auto;text-align:left;position:relative;overflow:visible}.nav-tab:after,.sidebar-item:after{content:none}.nav-tab:hover,.sidebar-item:hover{background:var(--s2);color:var(--text)}.nav-tab.active,.sidebar-item.active{background:var(--accent);color:#fff;font-weight:600}.nav-tab-icon,.sidebar-item .si-icon{font-size:14px;width:auto;flex-shrink:0}.nav-tab-label,.sidebar-item .si-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-tab-count,.sidebar-item .si-count{font-size:9px;font-weight:700;padding:1px 5px;border-radius:var(--r-full);background:#00000014;color:var(--text-3)}.nav-tab.active .nav-tab-count,.sidebar-item.active .si-count{background:#ffffff40;color:#fff}.attention-dot{width:7px;height:7px;border-radius:50%;background:var(--danger);position:absolute;top:4px;right:4px;animation:pulse 1.5s ease-in-out infinite}.content-area{flex:1;padding:24px 28px;overflow-y:auto}.greeting{margin-bottom:20px}.greeting-hello{font-size:22px;font-weight:700;letter-spacing:-.3px}.greeting-date{font-size:12px;color:var(--text-3);margin-top:2px;font-weight:500}.quick-actions{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.qa-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--r-full);border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;transition:all .12s;font-family:var(--font);box-shadow:var(--shadow)}.qa-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-l);transform:translateY(-1px)}.attention-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--warning-l);border:1px solid #FDE68A;border-radius:var(--r);margin-bottom:20px;font-size:13px;font-weight:600;color:var(--warning)}[data-theme=dark] .attention-banner{background:#2a2010;border-color:#4a4020}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-title{font-size:22px;font-weight:700;letter-spacing:-.3px}.page-sub{font-size:12px;color:var(--text-3);margin-top:3px}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.dash-card{background:var(--surface)!important;border:none!important;border-left:none!important;border-radius:var(--r)!important;padding:14px;cursor:pointer;transition:all .2s,transform .1s;box-shadow:var(--shadow);position:relative;overflow:hidden;transform-style:preserve-3d;perspective:600px}.dash-card:hover{box-shadow:var(--shadow-md)}.dash-card:nth-child(1){background:var(--mint)!important}.dash-card:nth-child(2){background:var(--sky)!important}.dash-card:nth-child(3){background:var(--lavender)!important}.dash-card:nth-child(4){background:var(--peach)!important}.dash-card:nth-child(5){background:var(--lemon)!important}.dash-card:nth-child(6){background:var(--mint)!important}.dash-card:nth-child(7){background:var(--lavender)!important}.dash-card:nth-child(8){background:var(--sky)!important}.dash-card-icon{font-size:24px;margin-bottom:14px;display:none}.icon-badge{width:34px;height:34px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:10px;background:#00000012}[data-theme=dark] .icon-badge{background:#ffffff1a}.dash-card-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;color:var(--text-3)}.dash-card-value{font-size:24px;font-weight:700;letter-spacing:-1px;line-height:1;color:var(--text)!important}.dash-card-sub{font-size:10px;margin-top:4px;font-weight:500;color:var(--text-3)!important}.totals-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding:14px 18px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow)}.total-item{display:flex;align-items:baseline;gap:6px;font-size:13px}.total-label{color:var(--text-3);font-weight:500}.total-value{font-weight:700;font-size:16px}.card{background:var(--surface)!important;border:none!important;border-left:none!important;border-radius:var(--r-lg)!important;overflow:hidden;box-shadow:var(--shadow)}.info-card-blue{border-left:4px solid var(--info)!important;border-radius:0 var(--r-lg) var(--r-lg) 0!important}.info-card-green{border-left:4px solid var(--success)!important;border-radius:0 var(--r-lg) var(--r-lg) 0!important}.stats-strip{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.stat-chip{background:var(--surface);border:none;border-radius:var(--r-lg);padding:16px 20px;transition:all .15s;flex:1;min-width:130px;box-shadow:var(--shadow)}.stat-chip:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-chip-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-4);margin-bottom:6px}.stat-chip-value{font-size:22px;font-weight:700;letter-spacing:-.5px}.stat-chip-sub{font-size:11px;color:var(--text-4);margin-top:3px}.table-wrap{background:var(--surface);border:none;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}.erp-table{width:100%;border-collapse:collapse;font-size:13px}.erp-table thead{background:var(--s2)!important}.erp-table th{padding:10px 14px;text-align:left;font-size:10.5px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--s2)!important}.erp-table th:hover{color:var(--accent)}.erp-table td{padding:10px 14px;border-bottom:1px solid var(--border2);color:var(--text-2);background:var(--surface)!important;white-space:nowrap}.erp-table tr:last-child td{border-bottom:none}.erp-table tbody tr{transition:background .1s;cursor:pointer}.erp-table tbody tr:hover td{background:var(--accent-l)!important}.erp-table tfoot td{background:var(--s2)!important;font-weight:700;border-top:1.5px solid var(--border)}.wo-table tbody tr td{background:var(--wo-bg)!important;border-bottom-color:var(--wo-border)!important}.wo-table tbody tr:hover td{background:var(--wo-hover)!important}.bill-table tbody tr td{background:var(--bl-bg)!important;border-bottom-color:var(--bl-border)!important}.bill-table tbody tr:hover td{background:var(--bl-hover)!important}.cert-table tbody tr td{background:var(--cf-bg)!important;border-bottom-color:var(--cf-border)!important}.cert-table tbody tr:hover td{background:var(--cf-hover)!important}.pay-table tbody tr td{background:var(--py-bg)!important;border-bottom-color:var(--py-border)!important}.pay-table tbody tr:hover td{background:var(--py-hover)!important}.csv-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-3);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .1s}.csv-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-l)}.auto-avatar{width:24px;height:24px;border-radius:var(--r-full);display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0;vertical-align:middle;margin-right:6px}.btn{display:inline-flex;align-items:center;gap:6px;padding:0 16px;height:36px;border-radius:var(--r);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .12s;white-space:nowrap;font-family:var(--font)}.btn:after{content:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 6px #4f6ef740}.btn-primary:hover{background:var(--accent-d)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--text-2);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--accent-l);border-color:var(--accent);color:var(--accent)}.btn-tonal{background:var(--accent-l);color:var(--accent)}.btn-sm{height:30px;padding:0 12px;font-size:12px}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.fab-wrap{position:fixed;bottom:24px;right:24px;z-index:100}.fab-btn{width:52px;height:52px;border-radius:var(--r-full);background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #4f6ef759;transition:all .2s}.fab-btn:hover{transform:scale(1.08);box-shadow:0 6px 22px #4f6ef773}.fab-btn:active{transform:scale(.95)}.fab-menu{position:absolute;bottom:60px;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);min-width:200px;padding:6px;display:none}.fab-wrap.open .fab-menu{display:block}.fab-wrap.open .fab-btn{transform:rotate(45deg);background:var(--accent-d)}.fab-menu-item{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-sm);border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-2);width:100%;text-align:left;font-family:var(--font);transition:all .1s}.fab-menu-item:hover{background:var(--accent-l);color:var(--accent)}.chip-group{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.chip{display:inline-flex;align-items:center;gap:5px;padding:0 14px;height:32px;border-radius:var(--r);font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:transparent;color:var(--text-3);transition:all .12s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.selected{background:var(--accent);border-color:var(--accent);color:#fff}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-full);font-size:11px;font-weight:700;white-space:nowrap}.form-grid{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.form-field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:120px}.form-field.wide{flex:2}.form-label{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.3px}.form-inp,.form-sel,.form-ta{width:100%;height:42px;padding:0 14px;border:1.5px solid var(--border);border-radius:var(--r);font-size:14px;color:var(--text);background:var(--surface);outline:none;transition:all .12s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-ta{height:auto;padding:12px 14px;resize:vertical;min-height:76px}.form-inp:hover,.form-sel:hover{border-color:var(--text-4)}.form-inp:focus,.form-sel:focus,.form-ta:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f6ef714}.form-inp.readonly,.form-inp[readonly]{background:var(--s2);color:var(--text-3);cursor:default}.form-sel:disabled{background:var(--s2);color:var(--text-4);cursor:not-allowed}.auto-box{background:var(--accent-l);border:1.5px solid var(--border);border-radius:var(--r);padding:10px 14px;font-size:12px;color:var(--accent);font-weight:600;margin-bottom:14px}.info-strip{display:flex;gap:16px;flex-wrap:wrap;background:var(--s2);border-radius:var(--r);padding:10px 14px;margin-bottom:14px;font-size:12px}.info-key{color:var(--text-4);font-weight:500;margin-right:3px}.info-val{font-weight:700;color:var(--text)}.calc-box{background:var(--success-l);border:1.5px solid var(--border);border-radius:var(--r);padding:10px 16px;margin:6px 0 14px;display:flex;justify-content:space-between;align-items:center}.calc-label{font-size:11px;color:var(--success);font-weight:500}.calc-value{font-size:18px;font-weight:700;color:var(--success)}.form-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1px solid var(--border2);margin-top:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);z-index:400;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .1s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-box{background:var(--surface);border-radius:var(--r-2xl);width:100%;max-width:600px;max-height:90vh;overflow:auto;animation:scaleIn .15s ease;box-shadow:var(--shadow-lg)}.modal-box.modal-wide{max-width:920px}.modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--border2);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface);z-index:1}.modal-title{font-size:16px;font-weight:700;color:var(--text)}.modal-close{background:var(--s2);border:none;font-size:16px;color:var(--text-3);cursor:pointer;width:30px;height:30px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;transition:all .1s}.modal-close:hover{background:var(--danger-l);color:var(--danger)}.modal-body{padding:20px 24px}.slide-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);z-index:400;animation:fadeIn .1s}.slide-panel{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:90vw;background:var(--surface);box-shadow:var(--shadow-lg);z-index:401;animation:slideInRight .25s ease;display:flex;flex-direction:column}.slide-panel-header{padding:18px 22px;border-bottom:1px solid var(--border2);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.slide-panel-body{flex:1;overflow-y:auto;padding:20px 22px}.slide-panel-footer{padding:14px 22px;border-top:1px solid var(--border2);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;border-radius:var(--r-lg);padding:12px 20px;font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);animation:slideUp .18s ease;display:flex;align-items:center;gap:10px;min-width:280px;max-width:90vw}.toast-success{background:#052e16;color:#6ee7a0}.toast-error{background:#2a0f0f;color:#fca5a5}.toast-undo{background:none;border:1px solid rgba(255,255,255,.3);color:inherit;font-size:12px;font-weight:700;padding:3px 10px;border-radius:var(--r-sm);cursor:pointer;font-family:var(--font);transition:all .1s;margin-left:auto}.toast-undo:hover{background:#ffffff26}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-card{background:var(--surface);border-radius:var(--r-2xl);padding:44px 38px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center}.login-brand{text-align:center;margin-bottom:32px}.login-brand img{height:60px;object-fit:contain;margin-bottom:12px}.login-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px;letter-spacing:.3px}.login-sub{font-size:12px;color:var(--text-4);text-align:center}.login-err{background:var(--danger-l);color:var(--danger);padding:10px 14px;border-radius:var(--r);font-size:12.5px;font-weight:600;margin-bottom:14px;width:100%}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);gap:16px}.loading-spinner{width:48px;height:48px;animation:spinLogo 1.2s ease-in-out infinite}.loading-text{font-size:14px;font-weight:600;color:var(--text-3)}.confetti-piece{position:fixed;top:-10px;width:8px;height:8px;z-index:9999;animation:confettiFall 2.5s ease-in forwards;pointer-events:none}.accordion-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 0;font-weight:600;color:var(--text-2);font-size:13px}.accordion-toggle .acc-arrow{font-size:10px;transition:transform .2s;color:var(--text-4)}.accordion-toggle.open .acc-arrow{transform:rotate(90deg)}.accordion-body{overflow:hidden;transition:max-height .25s ease}.empty-state{padding:40px 20px;text-align:center}.empty-icon{font-size:28px;margin-bottom:10px;opacity:.25}.empty-title{font-size:14px;font-weight:700;color:var(--text-3)}.empty-sub{font-size:12px;color:var(--text-4);margin-top:4px}.empty-svg{width:120px;height:120px;margin:0 auto 16px;opacity:.6}.linked-tag{display:inline-flex;align-items:center;background:var(--s2);color:var(--text-3);border-radius:4px;padding:1px 7px;font-size:10.5px;font-weight:600;cursor:pointer;transition:all .1s;margin-top:2px}.linked-tag:hover{background:var(--accent-l);color:var(--accent)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.controls-bar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.control-panel{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;gap:10px;min-height:44px;flex-wrap:wrap}.cp-breadcrumb{display:flex;align-items:center;gap:5px;font-size:13px}.cp-bc-item{color:var(--accent);cursor:pointer;font-weight:600}.cp-bc-sep{color:var(--text-4)}.cp-bc-cur{color:var(--text);font-weight:700}.cp-div{width:1px;height:18px;background:var(--border);flex-shrink:0}.cp-search{flex:1;max-width:300px;height:34px;display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:var(--r-full);padding:0 12px;background:var(--s2)}.cp-search:focus-within{border-color:var(--accent);background:var(--surface)}.cp-search input{border:none;outline:none;background:transparent;font-size:12.5px;color:var(--text);flex:1}.cp-search input::placeholder{color:var(--text-4)}.cp-filter-btn{height:34px;padding:0 14px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);color:var(--text-3);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .12s;font-family:var(--font)}.cp-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.cp-filter-btn .arr{font-size:8px;opacity:.5}.btn-new{height:34px;padding:0 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-full);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .15s;box-shadow:0 2px 6px #4f6ef740;font-family:var(--font)}.btn-new:hover{background:var(--accent-d);transform:translateY(-1px)}.ms-auto{margin-left:auto}.stat-pill-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:stretch;gap:0;flex-shrink:0}.stat-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 18px;cursor:pointer;border-bottom:3px solid transparent;transition:all .12s;gap:2px;white-space:nowrap}.stat-pill:hover{background:var(--accent-l)}.stat-pill.active{border-bottom-color:var(--accent)}.stat-pill .sp-val{font-size:18px;font-weight:700;line-height:1}.stat-pill.active .sp-val{color:var(--accent)}.stat-pill .sp-lbl{font-size:9px;font-weight:600;color:var(--text-4);text-transform:uppercase;letter-spacing:.5px}@media print{.header,.sidebar,.mobile-bottom-bar,.fab-wrap,.quick-actions,.attention-banner,.greeting,.totals-row,.toast,.dark-toggle,.header-signout,.modal-backdrop,.slide-panel-backdrop,.slide-panel,button,.btn,.btn-primary,.btn-ghost,.btn-sm,.csv-btn,.fab-btn,select,input[type=text],input[type=search],input[type=date]{display:none!important}.table-wrap>div:first-child{display:none!important}.table-wrap>div:nth-child(2){display:none!important}.table-wrap>div[style*=overflow]{display:block!important}.layout,.body-row,.main-col{display:block!important;width:100%!important}.content-area{padding:0!important;overflow:visible!important}.page-transition{animation:none!important}body{background:#fff!important;color:#000!important;font-size:10pt!important;line-height:1.5;font-family:Segoe UI,Arial,sans-serif!important}*{box-shadow:none!important;text-shadow:none!important;animation:none!important;transition:none!important}.page-header{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;border-bottom:2px solid #1a1a1a!important;padding-bottom:6px!important;margin-bottom:12px!important}.page-header:before{content:"MORFOSIS ARCHITECTS & STRUCTURES";font-size:8pt;font-weight:700;letter-spacing:2px;color:#444;display:block;text-transform:uppercase;margin-bottom:2px}.page-title{font-size:15pt!important;font-weight:800!important;color:#1a1a1a!important;border-bottom:none!important;padding-bottom:0!important;margin-bottom:0!important;display:block!important}.page-sub{display:none!important}.dash-grid{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin-bottom:10px!important;border:1px solid #ccc!important;padding:6px!important;border-radius:4px!important}.dash-card{background:#f8f8f8!important;border:1px solid #ccc!important;border-radius:3px!important;box-shadow:none!important;break-inside:avoid;padding:5px 8px!important;flex:1 1 80px!important;min-width:0!important;text-align:center!important}.dash-card-value{font-size:13pt!important;font-weight:800!important;color:#1a1a1a!important}.dash-card-label{font-size:6.5pt!important;font-weight:700!important;color:#555!important;text-transform:uppercase!important;letter-spacing:.5px!important}.dash-card-sub{font-size:6pt!important;color:#777!important}.icon-badge{font-size:12px!important;display:block!important}.dash-card,-webkit-print-color-adjust:exact;print-color-adjust:exact;.chip-group{display:flex!important;flex-wrap:wrap!important;gap:3px!important;margin-bottom:8px!important}.chip{border:1px solid #999!important;background:#fff!important;color:#666!important;height:auto!important;padding:2px 8px!important;font-size:7.5pt!important;border-radius:3px!important;display:inline-block!important}.chip.selected{background:#1a1a1a!important;color:#fff!important;border-color:#1a1a1a!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.card,.table-wrap,.info-card{background:#fff!important;border:1px solid #ccc!important;border-radius:2px!important;box-shadow:none!important;break-inside:avoid;margin-bottom:10px!important}.table-wrap{border:none!important;border-radius:0!important;overflow:visible!important}.erp-table{font-size:8.5pt!important;border-collapse:collapse!important;width:100%!important;border:1px solid #888!important}.erp-table th{background:#2c2c2c!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:5px 8px!important;font-size:7.5pt!important;border:1px solid #444!important;text-transform:uppercase!important;letter-spacing:.3px!important}.erp-table td{background:#fff!important;padding:4px 8px!important;border:1px solid #ddd!important;color:#1a1a1a!important;white-space:normal!important;line-height:1.4!important}.erp-table tbody tr:nth-child(2n) td{background:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.erp-table tfoot td{background:#e8e8e8!important;font-weight:800!important;border-top:2px solid #1a1a1a!important;font-size:9pt!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.wo-table tbody tr td,.bill-table tbody tr td,.cert-table tbody tr td,.pay-table tbody tr td{background:#fff!important}.wo-table tbody tr:nth-child(2n) td,.bill-table tbody tr:nth-child(2n) td,.cert-table tbody tr:nth-child(2n) td,.pay-table tbody tr:nth-child(2n) td{background:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}[style*="background: var(--accent-l)"],[style*="background:var(--accent-l)"]{background:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}[style*="border-bottom: 2px solid var(--accent)"],[style*="border-bottom:2px solid var(--accent)"]{border-bottom:2px solid #555!important}.badge{border:1px solid #888!important;background:#eee!important;color:#333!important;font-size:6.5pt!important;padding:1px 4px!important}.info-card-blue{border-left:3px solid #1a56db!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.info-card-green{border-left:3px solid #057a55!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}svg circle,svg path,svg rect{-webkit-print-color-adjust:exact;print-color-adjust:exact}[style*="background: #16A34A"],[style*="background:#16A34A"]{-webkit-print-color-adjust:exact;print-color-adjust:exact}.card,.table-wrap{break-inside:avoid}.page-header{break-after:avoid}tr{break-inside:avoid}.totals-row{display:flex!important;gap:20px!important;padding:6px 0!important;border-top:1.5px solid #1a1a1a!important;margin-top:4px!important;font-size:9pt!important}.no-print{display:none!important}@page{margin:12mm 10mm 14mm;size:A4 landscape}}@media (max-width:860px){.mobile-menu-btn{display:flex!important}.header{height:50px;padding:0 14px}.header-center,.header-user-name,.header-signout{display:none}.sidebar{display:none!important;width:280px!important;height:100vh!important;flex-direction:column!important;position:fixed;left:0;top:50px;z-index:200;background:var(--surface);box-shadow:var(--shadow-lg);border-right:1px solid var(--border)!important;border-bottom:none!important}.sidebar.open{display:flex!important}.sidebar.open .sidebar-nav{flex-direction:column!important;height:auto!important;padding:12px!important;overflow-y:auto}.sidebar.open .nav-group{flex-direction:column;align-items:stretch;width:100%;gap:2px}.sidebar.open .nav-sep{width:100%;height:1px;margin:6px 0}.sidebar.open .nav-tab,.sidebar.open .sidebar-item{width:100%;justify-content:flex-start;padding:10px 14px}.sidebar.open .nav-dropdown{width:100%}.sidebar.open .nav-dropdown-trigger{width:100%;justify-content:flex-start;padding:10px 14px}.sidebar.open .nav-dropdown-menu{position:static;border:none;box-shadow:none;padding-left:20px;display:block}.mobile-bottom-bar{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--surface);border-top:1px solid var(--border);padding:6px 8px;justify-content:space-around;box-shadow:0 -2px 10px #0000000d}.mob-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;border-radius:var(--r-sm);border:none;background:transparent;cursor:pointer;font-size:9px;font-weight:600;color:var(--text-4);font-family:var(--font);transition:all .1s}.mob-tab .mob-icon{font-size:18px}.mob-tab.active{color:var(--accent)}.content-area{padding:16px 14px 80px}.page-title{font-size:18px}.dash-grid{grid-template-columns:repeat(2,1fr);gap:10px}.form-grid{flex-direction:column}.modal-box{border-radius:var(--r-2xl) var(--r-2xl) 0 0;position:fixed;bottom:0;left:0;right:0;max-height:90vh;max-width:100%;margin:0}.slide-panel{width:100%;max-width:100%}.fab-wrap{bottom:76px}}@media (min-width:861px){.mobile-bottom-bar{display:none!important}}