*,:before,:after{box-sizing:border-box;touch-action:manipulation;-ms-touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0}input,textarea,select,option,[contenteditable=true],.selectable-text{-webkit-user-select:text;user-select:text}:root{--bg:#f0f4f8;--s1:#fff;--s2:#f5f8fb;--s3:#eaf0f6;--b1:#dde4ec;--b2:#c8d3df;--b3:#b0bfcc;--tx:#0f1923;--tx2:#4a6070;--tx3:#7a90a0;--acc:#09c;--acc2:#e85a20;--acc3:#00a855;--acc4:#8040e0;--warn:#c80;--danger:#e03040;--danger-hover:#c02030;--r-retail:#09c;--r-eng:#00a855;--r-sales:#e85a20;--shadow:0 2px 6px #0000001a;--shadow-lg:0 8px 32px #00000024;--sidebar-w:200px;--topbar-h:50px;--status-pending:#c80;--status-progress:#09c;--status-repairing:#8040e0;--status-hold:#d97706;--status-returning:#db2777;--status-done:#00a855;--status-paid:#0284c7;--status-closed:#e03040}.app-icon{vertical-align:middle;flex:none}.icon-text{align-items:center;gap:.45rem;min-width:0;display:inline-flex}[data-theme=dark]{--bg:#080c10;--s1:#0e1318;--s2:#151b22;--s3:#1c242d;--b1:#1f2933;--b2:#2a3441;--b3:#364554;--tx:#e8eef4;--tx2:#89a;--tx3:#4d6070;--acc:#00d4ff;--acc2:#ff6b35;--acc3:#00e87a;--acc4:#b06bff;--warn:#ffb300;--danger:#ff4757;--r-retail:#00d4ff;--r-eng:#00e87a;--r-sales:#ff6b35;--shadow:0 2px 12px #00000073;--shadow-lg:0 8px 32px #0000008c;--status-pending:#ffb300;--status-progress:#00d4ff;--status-repairing:#b06bff;--status-hold:#fb923c;--status-returning:#f472b6;--status-done:#00e87a;--status-paid:#38bdf8;--status-closed:#ff4757}body{background:var(--bg);color:var(--tx);min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;transition:background .25s,color .25s}.theme-switching,.theme-switching *,.theme-switching :before,.theme-switching :after{transition:none!important}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:var(--s2)}::-webkit-scrollbar-thumb{background:var(--b3);border-radius:2px}.theme-toggle{background:var(--s2);border:1px solid var(--b2);cursor:pointer;color:var(--tx2);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:.4rem;padding:.28rem .6rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem;font-weight:600;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--b3);color:var(--tx)}.toggle-track{background:var(--b2);border-radius:8px;flex-shrink:0;width:28px;height:16px;transition:background .25s;position:relative}[data-theme=light] .toggle-track{background:var(--acc)}.toggle-thumb{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #00000040}[data-theme=light] .toggle-thumb{transform:translate(12px)}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1rem;animation:.4s ease-out forwards contentFadeIn;display:flex;position:relative;overflow:hidden auto}.login-bg-grid{pointer-events:none;background-image:linear-gradient(var(--b1) 1px, transparent 1px), linear-gradient(90deg, var(--b1) 1px, transparent 1px);opacity:.4;background-size:40px 40px;position:absolute;inset:0}.login-theme-toggle{z-index:10;position:absolute;top:1.5rem;right:1.5rem}.login-card{background:var(--s1);border:1px solid var(--b2);z-index:1;width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:12px;padding:2rem;position:relative}.login-logo{letter-spacing:-.04em;text-align:center;margin-bottom:.2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.7rem;font-weight:800}.login-logo span{color:var(--acc)}.login-sub{color:var(--tx3);letter-spacing:.15em;text-transform:uppercase;text-align:center;margin-bottom:1.5rem;font-size:.65rem}.login-mode-toggle{background:var(--s2);border:1px solid var(--b1);border-radius:8px;gap:0;margin-bottom:1.2rem;padding:3px;display:flex}.login-mode-btn{cursor:pointer;color:var(--tx3);background:0 0;border:none;border-radius:6px;flex:1;padding:.45rem 0;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:600;transition:all .15s}.login-mode-btn.active{background:var(--s1);color:var(--tx);box-shadow:0 1px 4px #00000014}.login-tabs{background:var(--bg);border:1px solid var(--b1);border-radius:8px;margin-bottom:1.25rem;padding:3px;display:flex}.login-tab{text-transform:uppercase;letter-spacing:.06em;cursor:pointer;color:var(--tx3);background:0 0;border:none;border-radius:5px;flex:1;padding:.4rem .3rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.65rem;font-weight:600;transition:all .2s}.login-tab.active{background:var(--s1);color:var(--tx);box-shadow:var(--shadow)}.login-tab.retail.active{color:var(--r-retail)}.login-tab.engineer.active{color:var(--r-eng)}.login-tab.sales.active{color:var(--r-sales)}.login-hint{background:var(--s2);border:1px solid var(--b1);color:var(--tx2);cursor:pointer;border-radius:6px;margin-bottom:.85rem;padding:.6rem .75rem;font-size:.72rem;transition:background .2s}.login-hint:hover{background:var(--s3)}.login-hint code{color:var(--acc);font-family:DM Mono,monospace}.login-role-desc{color:var(--tx3);background:var(--s2);border:1px solid var(--b1);border-radius:6px;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.72rem;line-height:1.5}.login-role-desc strong{color:var(--tx)}.login-username-preview{color:var(--tx3);margin-top:.2rem;font-size:.68rem;display:block}.login-username-preview strong{color:var(--tx)}.login-error{color:var(--danger);background:#e0304014;border:1px solid #e0304040;border-radius:6px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.75rem}.login-success{color:var(--acc3);background:#00a85514;border:1px solid #00a85540;border-radius:6px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.75rem}.login-switch{text-align:center;color:var(--tx3);margin-top:1rem;font-size:.75rem}.login-switch-btn{color:var(--acc);cursor:pointer;background:0 0;border:none;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600}.login-switch-btn:hover{text-decoration:underline}.login-card .btn-full{margin-top:.5rem}.form-grp{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.form-lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);font-size:.62rem;font-weight:600}.form-inp{background:var(--s2);border:1px solid var(--b2);color:var(--tx);border-radius:6px;outline:none;width:100%;padding:.55rem .75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;transition:border-color .2s,background .2s}.form-inp:focus{border-color:var(--acc);background:var(--s1)}.login-card--admin .form-inp:focus{border-color:var(--warn)}.login-card--engineer .form-inp:focus{border-color:var(--acc3)}.login-card--retail .form-inp:focus{border-color:var(--acc)}.login-card--sales .form-inp:focus{border-color:var(--acc2)}.pass-wrap{align-items:center;width:100%;display:flex;position:relative}.pass-wrap .form-inp{flex:1;padding-right:2.5rem}.pass-toggle{cursor:pointer;color:var(--tx3);background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;font-size:.95rem;line-height:1;transition:color .15s,transform .1s;display:flex;position:absolute;right:.6rem}.pass-toggle:hover{color:var(--tx)}.pass-toggle:active{transform:scale(.9)}.form-sel{background:var(--s2);border:1px solid var(--b2);color:var(--tx);appearance:none;cursor:pointer;border-radius:6px;outline:none;width:100%;padding:.55rem .75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;transition:border-color .2s}.form-sel:focus{border-color:var(--acc)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-acc{background:var(--acc);color:#080c10}.btn-acc:hover{filter:brightness(1.15);transform:translateY(-1px)}[data-theme=light] .btn-acc{color:#fff}.btn-eng{background:var(--acc3);color:#080c10}.btn-eng:hover{filter:brightness(1.12)}[data-theme=light] .btn-eng{color:#fff}.btn-sales{background:var(--acc2);color:#fff}.btn-sales:hover{filter:brightness(1.12)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-ghost{border:1px solid var(--b2);color:var(--tx2);background:0 0}.btn-ghost:hover{border-color:var(--b3);color:var(--tx);background:var(--s2)}.btn-warn{background:var(--warn);color:#fff}.btn-warn:hover{filter:brightness(1.1)}.btn-purple{background:var(--acc4);color:#fff}.btn-purple:hover{filter:brightness(1.12)}.btn-hold{color:var(--warn);background:#ffb3001f;border:1px solid #ffb30059}.btn-hold:hover{background:#ffb30038}.btn-logout{border:1px solid var(--danger);color:var(--danger);background:0 0}.btn-logout:hover{border:1px solid var(--danger-hover);color:var(--danger-hover)}.btn-sm{padding:.3rem .6rem;font-size:.68rem}.btn-xs{padding:.18rem .45rem;font-size:.62rem}.btn-full{justify-content:center;width:100%}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--s1);border-bottom:1px solid var(--b1);height:var(--topbar-h);z-index:50;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex;position:sticky;top:0}.topbar-logo{letter-spacing:-.03em;font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:800}.topbar-logo span{color:var(--acc)}.topbar-right{flex-wrap:nowrap;align-items:center;gap:.6rem;min-width:0;display:flex}.topbar-username{color:var(--tx2);font-size:.75rem}.role-badge{text-transform:uppercase;letter-spacing:.07em;border-radius:20px;align-items:center;gap:.35rem;padding:.22rem .6rem;font-size:.62rem;font-weight:700;display:flex}.role-retail{color:var(--r-retail);background:#0099cc1a;border:1px solid #09c3}.role-engineer{color:var(--r-eng);background:#00a8551a;border:1px solid #00a85533}.role-sales{color:var(--r-sales);background:#e85a201a;border:1px solid #e85a2033}.role-admin{background:color-mix(in srgb, var(--warn) 12%, transparent);color:var(--warn);border:1px solid color-mix(in srgb, var(--warn) 24%, transparent)}.main-content{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--s1);border-right:1px solid var(--b1);flex-direction:column;flex-shrink:0;gap:.15rem;padding:.75rem 0;display:flex;overflow:hidden}.nav-item{cursor:pointer;color:var(--tx2);border-left:3px solid #0000;align-items:center;gap:.6rem;padding:.55rem 1rem;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.nav-item:hover{background:var(--s2);color:var(--tx)}.nav-item.active{background:var(--s2);color:var(--acc);border-left-color:var(--acc)}.nav-item.active.eng{color:var(--acc3);border-left-color:var(--acc3)}.nav-item.active.sales{color:var(--acc2);border-left-color:var(--acc2)}.nav-section{letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);padding:.4rem 1rem .2rem;font-size:.58rem;font-weight:700}.page-area{background:var(--bg);flex:1;min-width:0;overflow-y:auto}.page-content-enter{animation:.3s cubic-bezier(.22,1,.36,1) forwards pageEnter}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}.pg-header{border-bottom:1px solid var(--b1);background:var(--s1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem .9rem 1rem;display:flex}.pg-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700}.pg-sub{color:var(--tx3);margin-top:.1rem;font-size:.7rem}.pg-body{flex-direction:column;gap:8px;padding:8px;display:flex}.pg-header-left{align-items:center;gap:1.2rem;display:flex}.pg-header-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.job-detail-header{align-items:flex-start}.job-detail-header .pg-header-left,.job-detail-header .pg-header-left>div{min-width:0}.job-detail-header .pg-title{overflow-wrap:anywhere}.job-detail-header .pg-header-actions .btn{justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:8px;display:grid}.stat-card{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:8px;padding:.85rem 1rem;transition:transform .2s,box-shadow .2s;animation:.4s cubic-bezier(.34,1.56,.64,1) backwards statPopIn;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@keyframes statPopIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.stats-grid>:first-child{animation-delay:50ms}.stats-grid>:nth-child(2){animation-delay:.1s}.stats-grid>:nth-child(3){animation-delay:.15s}.stats-grid>:nth-child(4){animation-delay:.2s}.stat-card:before{content:"";border-radius:0 8px 0 100%;width:48px;height:48px;position:absolute;top:0;right:0}.stat-card.c-blue:before{background:#0099cc14}.stat-card.c-green:before{background:#00a85514}.stat-card.c-orange:before{background:#e85a2014}.stat-card.c-purple:before{background:#8040e014}.stat-num{font-family:DM Mono,monospace;font-size:1.6rem;font-weight:500;line-height:1}.c-blue .stat-num{color:var(--acc)}.c-green .stat-num{color:var(--acc3)}.c-orange .stat-num{color:var(--acc2)}.c-purple .stat-num{color:var(--acc4)}.stat-lbl{color:var(--tx3);text-transform:uppercase;letter-spacing:.08em;margin-top:.3rem;font-size:.62rem}.dashboard-home{flex-direction:column;gap:.85rem;display:flex}.dh-hero{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.dh-eyebrow{color:var(--tx3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem;font-size:.62rem;font-weight:700}.dh-hero h1{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;line-height:1.15}.dh-hero p{color:var(--tx3);margin:.3rem 0 0;font-size:.78rem}.dh-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.dh-action,.dh-stat,.dh-queue,.dh-master{border:1px solid var(--b1);background:var(--s1);color:var(--tx);cursor:pointer;border-radius:8px;transition:transform .15s,border-color .15s,box-shadow .15s}.dh-action:disabled,.dh-stat:disabled,.dh-queue:disabled{cursor:default}.dh-action:not(:disabled):hover,.dh-stat:not(:disabled):hover,.dh-queue:not(:disabled):hover,.dh-master:hover{border-color:var(--b3);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dh-action{text-align:left;flex-direction:column;align-items:flex-start;min-width:132px;padding:.65rem .8rem;display:flex}.dh-action-label{font-size:.78rem;font-weight:700}.dh-action-hint{color:var(--tx3);margin-top:.15rem;font-size:.64rem}.dh-stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.dh-stat{text-align:left;flex-direction:column;justify-content:space-between;min-height:96px;padding:.85rem;display:flex}.dh-stat-value,.dh-queue-count,.dh-master-count{font-family:DM Mono,monospace;font-weight:600}.dh-stat-value{color:var(--acc);font-size:1.35rem}.dh-stat-label,.dh-master-label{color:var(--tx2);text-transform:uppercase;letter-spacing:.06em;font-size:.67rem;font-weight:700}.dh-stat-sub{color:var(--tx3);margin-top:.2rem;font-size:.66rem}.dh-lower-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:.85rem;display:grid}.dh-panel,.dh-empty,.dh-content{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:8px}.dh-panel{padding:.85rem}.dh-panel-head{color:var(--tx2);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:.65rem;font-size:.68rem;font-weight:800;display:flex}.dh-queue-list{gap:.5rem;display:grid}.dh-queue{text-align:left;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.65rem;display:flex}.dh-queue-main{flex-direction:column;gap:.15rem;min-width:0;display:flex}.dh-queue-main strong{font-size:.78rem}.dh-queue-main small{color:var(--tx3);font-size:.66rem}.dh-queue-count{color:var(--acc);font-size:1.1rem}.dh-master-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.dh-master{flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;min-height:74px;padding:.7rem;display:flex}.dh-master-count{color:var(--acc);font-size:1.15rem}.dh-empty{justify-content:space-between;align-items:center;gap:.85rem;padding:.9rem 1rem;display:flex}.dh-empty h2{margin:0 0 .25rem;font-size:.88rem}.dh-empty p{color:var(--tx3);margin:0;font-size:.72rem}.dh-content{overflow:hidden}.tone-green .dh-stat-value,.tone-green .dh-queue-count,.tone-green .dh-master-count{color:var(--acc3)}.tone-orange .dh-stat-value,.tone-orange .dh-queue-count,.tone-orange .dh-master-count{color:var(--acc2)}.tone-purple .dh-stat-value,.tone-purple .dh-queue-count,.tone-purple .dh-master-count{color:var(--acc4)}.tone-warn .dh-stat-value,.tone-warn .dh-queue-count,.tone-warn .dh-master-count{color:var(--warn)}.tone-danger .dh-stat-value,.tone-danger .dh-queue-count,.tone-danger .dh-master-count{color:var(--danger)}.tbl-wrap{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:8px}.tbl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1rem;display:flex}.tbl-title{font-size:.78rem;font-weight:600}.search-inp{background:var(--s2);border:1px solid var(--b2);color:var(--tx);border-radius:6px;outline:none;width:180px;padding:.38rem .65rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;transition:border-color .2s}.search-inp:focus{border-color:var(--acc)}table{border-collapse:collapse;width:100%}th{background:var(--s2);text-align:left;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);border-bottom:1px solid var(--b1);padding:.5rem .85rem;font-size:.62rem;font-weight:700}td{color:var(--tx);padding:.55rem .85rem;font-size:.7rem}tr:hover td{background:var(--s2)}td input,td select{color:var(--tx);background:0 0;border:none;outline:none;width:100%;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem}td input:focus{background:var(--s2);border-radius:3px;padding:.1rem .3rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.53rem;font-weight:600;display:inline-flex}.badge-pending{background:color-mix(in srgb, var(--status-pending) 12%, transparent);color:var(--status-pending)}.badge-progress{background:color-mix(in srgb, var(--status-progress) 12%, transparent);color:var(--status-progress)}.badge-done{background:color-mix(in srgb, var(--status-done) 12%, transparent);color:var(--status-done)}.badge-repair{background:color-mix(in srgb, var(--status-repairing) 12%, transparent);color:var(--status-repairing)}.badge-hold{background:color-mix(in srgb, var(--status-hold) 15%, transparent);color:var(--status-hold);border:1px solid color-mix(in srgb, var(--status-hold) 30%, transparent)}.badge-paid{background:color-mix(in srgb, var(--status-paid) 15%, transparent);color:var(--status-paid);border:1px solid color-mix(in srgb, var(--status-paid) 30%, transparent)}.badge-closed{background:color-mix(in srgb, var(--status-closed) 12%, transparent);color:var(--status-closed);border:1px solid color-mix(in srgb, var(--status-closed) 25%, transparent)}.badge-returning{background:color-mix(in srgb, var(--status-returning) 15%, transparent);color:var(--status-returning);border:1px solid color-mix(in srgb, var(--status-returning) 30%, transparent)}.vchr-shell{flex-direction:column;min-height:100%;display:flex}.vchr-topbar{background:var(--s1);border-bottom:1px solid var(--b1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1.25rem;display:flex}.vchr-topbar-left{align-items:center;gap:1rem;display:flex}.vchr-topbar-meta{color:var(--tx2);gap:1.5rem;font-family:DM Mono,monospace;font-size:.78rem;display:flex}.vchr-topbar-meta strong{color:var(--tx)}.vchr-id{color:var(--acc);font-weight:700}.vchr-id-gen{color:var(--tx3);align-items:center;gap:.3rem;font-style:italic;display:inline-flex}.vchr-title{color:var(--acc2);font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:700}.vchr-body{background:var(--bg);flex:1;padding:.85rem}.top-grid{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1rem;padding:.75rem;display:grid}.select-add-wrap,.fld-wrap{flex-direction:column;gap:.25rem;display:flex}.fld-lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);font-size:.6rem;font-weight:700}.fld-val{color:var(--acc3);background:var(--s2);border:1px solid var(--b1);border-radius:4px;padding:.55rem;font-family:DM Mono,monospace;font-size:.78rem}.sel-wrap{align-items:center;gap:.35rem;display:flex}.sel-inp{background:var(--s2);border:1px solid var(--b1);color:var(--tx);appearance:none;cursor:pointer;border-radius:4px;outline:none;flex:1;padding:.35rem .55rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;transition:border-color .15s}.sel-inp:focus{border-color:var(--acc)}.txt-inp{background:var(--s2);border:1px solid var(--b1);color:var(--tx);border-radius:4px;outline:none;width:100%;padding:.35rem .55rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;transition:border-color .15s}.txt-inp:focus{border-color:var(--acc)}.party-row{grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.65rem;display:grid}.narr-row{flex-direction:column;gap:.25rem;margin-bottom:.65rem;display:flex}.items-tbl-wrap{margin-bottom:.85rem}.items-tbl{border-collapse:collapse;background:var(--s1);border:1px solid var(--b1);border-radius:8px;width:100%;font-size:.75rem;overflow:hidden}.items-tbl th{background:var(--s2);border:1px solid var(--b1);text-transform:uppercase;letter-spacing:.08em;color:var(--tx3);padding:.38rem .6rem;font-size:.6rem;font-weight:700}.items-tbl td{border:1px solid var(--b1);background:var(--s1);padding:.28rem .45rem}.items-tbl tr:nth-child(2n) td{background:var(--s2)}.items-tbl input,.items-tbl select{color:var(--tx);background:0 0;border:none;outline:none;width:100%;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem}.items-tbl input:focus{background:var(--s3);border-radius:2px}.add-row-btn{border:1px dashed var(--b2);width:100%;color:var(--tx3);cursor:pointer;background:0 0;border-top:none;padding:.35rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem;transition:all .15s}.add-row-btn:hover{background:var(--s2);color:var(--acc);border-color:var(--acc)}.del-row-btn{color:var(--tx3);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.1rem .28rem;font-size:.68rem}.del-row-btn:hover{color:var(--danger);background:#e030401f}.amnt-cell{text-align:right;color:var(--acc3);font-family:DM Mono,monospace}.vchr-footer{background:var(--s1);border-top:1px solid var(--b1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1.25rem;display:flex;box-shadow:0 -2px 8px #0000000f}.total-val{color:var(--acc3);font-family:DM Mono,monospace;font-size:1.25rem;font-weight:500}.total-lbl{color:var(--tx3);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}.overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:.75rem;animation:.15s fIn;display:flex;position:fixed;inset:0}[data-theme=light] .overlay{background:#00000059}@keyframes fIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--s1);border:1px solid var(--b2);width:100%;max-width:560px;max-height:92vh;box-shadow:var(--shadow-lg);border-radius:10px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalScaleUp;overflow-y:auto}.modal-lg{max-width:700px}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-hd{border-bottom:1px solid var(--b1);justify-content:space-between;align-items:center;padding:.85rem 1.1rem;display:flex}.modal-ttl{font-family:Plus Jakarta Sans,sans-serif;font-size:.82rem;font-weight:700}.modal-close{color:var(--tx3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.18rem .38rem;font-size:1rem}.modal-close:hover{background:var(--s2);color:var(--tx)}.modal-bd{flex-direction:column;gap:.75rem;padding:1rem 1.1rem;display:flex}.modal-ft{border-top:1px solid var(--b1);justify-content:flex-end;gap:.65rem;padding:.85rem 1.1rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.form-row3{grid-template-columns:1fr 1fr 1fr;gap:.65rem;display:grid}.form-grp2{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.form-lbl2{text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);font-size:.62rem;font-weight:600}.view-toggle{gap:.25rem;display:flex}.view-btn{background:var(--s2);border:1px solid var(--b2);color:var(--tx3);cursor:pointer;border-radius:5px;padding:.3rem .55rem;font-size:.75rem;transition:all .15s}.view-btn.active{background:var(--s1);border-color:var(--b3);color:var(--tx)}.grid-view{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.job-card{background:var(--s1);border:1px solid var(--b1);cursor:pointer;box-shadow:var(--shadow);border-radius:8px;padding:.85rem;transition:all .2s cubic-bezier(.25,1,.5,1);animation:.35s cubic-bezier(.16,1,.3,1) backwards listSlideUp;position:relative;overflow:hidden}.job-card:hover{border-color:var(--b3);box-shadow:var(--shadow-lg);transform:translateY(-4px)}@keyframes listSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.grid-view>:first-child{animation-delay:50ms}.grid-view>:nth-child(2){animation-delay:.1s}.grid-view>:nth-child(3){animation-delay:.15s}.grid-view>:nth-child(4){animation-delay:.2s}.grid-view>:nth-child(5){animation-delay:.25s}.grid-view>:nth-child(6){animation-delay:.3s}.grid-view>:nth-child(7){animation-delay:.35s}.grid-view>:nth-child(8){animation-delay:.4s}.grid-view>:nth-child(n+9){animation-delay:.45s}.job-card:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0}.job-card.status-pending:after{background:var(--warn)}.job-card.status-in-progress:after{background:var(--r-retail)}.job-card.status-done:after{background:var(--acc3)}.job-card.status-on-hold:after{background:var(--warn)}.card-id{color:var(--acc);margin-bottom:.3rem;font-family:DM Mono,monospace;font-size:.72rem}.card-party{margin-bottom:.2rem;font-size:.82rem;font-weight:600}.card-narr{color:var(--tx2);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-size:.7rem;overflow:hidden}.card-footer{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.card-date{color:var(--tx3);font-family:DM Mono,monospace;font-size:.65rem}.card-total{color:var(--acc3);font-family:DM Mono,monospace;font-size:.78rem;font-weight:500}.job-detail{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:8px;padding:1rem 1.1rem}.job-detail-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:.85rem;display:grid}.jd-item{flex-direction:column;gap:.18rem;display:flex}.jd-label{text-transform:uppercase;letter-spacing:.08em;color:var(--tx3);font-size:.6rem}.jd-val{color:var(--tx);font-size:.78rem}.jd-val.mono{color:var(--acc);font-family:DM Mono,monospace}.narr-box{background:var(--s2);border:1px solid var(--b1);border-radius:6px;padding:.65rem}.repair-section{border-top:1px solid var(--b1);margin-top:.85rem;padding-top:.85rem}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-bottom:.65rem;font-size:.62rem;font-weight:700}.repair-type-sel{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.repair-chip{border:1px solid var(--b2);background:var(--s2);color:var(--tx2);cursor:pointer;border-radius:20px;padding:.32rem .85rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;transition:all .15s}.repair-chip.active-repair{border-color:var(--acc4);color:var(--acc4);background:#8040e01a}.repair-chip.active-done{border-color:var(--acc3);color:var(--acc3);background:#00a8551a}.repair-items-header{justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.repair-empty{text-align:center;color:var(--tx3);background:var(--s2);border:1px dashed var(--b2);border-radius:6px;padding:.85rem;font-size:.75rem}.no-repair-box{color:var(--tx3);text-align:center;background:#5100ca1a;border:1px dashed #5100ca4d;border-radius:6px;margin-top:.85rem;padding:.65rem;font-size:.72rem}.job-done-box{color:var(--tx3);text-align:center;background:#00cc070d;border:1px dashed #00cc184d;border-radius:6px;margin-top:.85rem;padding:.65rem;font-size:.72rem}.hold-lock-msg{color:var(--tx3);text-align:center;background:#cc88000d;border:1px dashed #cc88004d;border-radius:6px;margin-top:.85rem;padding:.65rem;font-size:.72rem}.hold-list{flex-direction:column;gap:.65rem;display:flex}.hold-card{background:var(--s1);border:1px solid var(--b1);border-left:3px solid var(--warn);box-shadow:var(--shadow);border-radius:8px;padding:.85rem}.hold-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.hold-card-info{flex:1;min-width:0}.hold-card-id{color:var(--acc);margin-bottom:.18rem;font-family:DM Mono,monospace;font-size:.72rem}.hold-card-narr{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.15rem;font-size:.8rem;font-weight:600;overflow:hidden}.hold-card-meta{color:var(--tx3);font-family:DM Mono,monospace;font-size:.65rem}.hold-card-actions{flex-wrap:wrap;flex-shrink:0;gap:.35rem;display:flex}.hold-banner{background:#cc880012;border:1px solid #cc88004d;border-radius:8px;align-items:flex-start;gap:.65rem;margin-bottom:.85rem;padding:.75rem .9rem;display:flex}.hold-reason-box{background:#cc880012;border:1px solid #cc880040;border-radius:6px;margin-top:.5rem;padding:.75rem}.hold-info-row{color:var(--tx3);margin-top:.35rem;font-family:DM Mono,monospace;font-size:.65rem}.hold-form-area{flex-direction:column;gap:.65rem;display:flex}.qr-wrap{flex-direction:column;align-items:center;gap:.85rem;padding:1.25rem;display:flex}.qr-img{border:4px solid #fff;border-radius:8px;box-shadow:0 4px 16px #0003}.qr-id{color:var(--acc);font-family:DM Mono,monospace;font-size:1rem;font-weight:500}.empty-state{text-align:center;color:var(--tx3);padding:2.5rem}.empty-state h3{color:var(--tx2);margin-bottom:.4rem;font-size:.9rem}.bottom-2col{grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem;display:grid}.mini-panel{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:8px;padding:.65rem}.mini-title{text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin-bottom:.4rem;font-size:.6rem;font-weight:700}.mini-tbl{border-collapse:collapse;width:100%;font-size:.68rem}.mini-tbl th{border-bottom:1px solid var(--b1);color:var(--tx3);text-transform:uppercase;letter-spacing:.06em;padding:.25rem .45rem;font-size:.6rem}.mini-tbl td{border-bottom:1px solid var(--b1);color:var(--tx2);padding:.25rem .45rem}.mini-tbl input{color:var(--tx);background:0 0;border:none;outline:none;width:100%;font-family:Plus Jakarta Sans,sans-serif;font-size:.68rem}.spinner-container{background:var(--bg);min-height:100vh;color:var(--tx3);flex-direction:column;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;display:flex}.spinner{border:4px solid var(--b2);border-top-color:var(--acc);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spinner-spin}@keyframes spinner-spin{to{transform:rotate(360deg)}}.spinner-text{letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;font-weight:600;animation:1.5s ease-in-out infinite spinner-pulse}@keyframes spinner-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-opacity{0%,to{opacity:.4}50%{opacity:1}}.pageloader{background:var(--bg);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex;position:fixed;inset:0}.pageloader-inner{flex-direction:column;align-items:center;gap:1rem;display:flex}.google-style-spinner{transform-box:fill-box;transform-origin:50%;backface-visibility:hidden;will-change:transform;animation:.85s linear infinite google-style-spinner-rotator;display:block}@keyframes google-style-spinner-rotator{to{transform:rotate(1turn)}}.google-style-spinner-path{stroke-dasharray:130 188.5;stroke-dashoffset:0;transform-box:fill-box;transform-origin:50%;animation:none}.pageloader-logo{letter-spacing:-.03em;color:var(--tx);font-family:Plus Jakarta Sans,sans-serif;font-size:1.4rem;font-weight:800}.pageloader-msg{color:var(--tx3);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;animation:1.5s ease-in-out infinite pulse-opacity}.overlay-loader{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:8888;background:#00000073;justify-content:center;align-items:center;animation:.15s fIn;display:flex;position:fixed;inset:0}[data-theme=light] .overlay-loader{background:#0000004d}.overlay-loader-box{background:var(--s1);border:1px solid var(--b2);box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;align-items:center;gap:1rem;min-width:180px;padding:2rem 2.5rem;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards modalScaleUp;display:flex}.ol-msg{color:var(--tx2);letter-spacing:.04em;font-size:.78rem;font-weight:600}.btn-spinner{vertical-align:middle;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-right:.25rem;animation:.7s linear infinite ring-spin;display:inline-block}.btn-acc .btn-spinner,.btn-eng .btn-spinner{border-color:#0003}[data-theme=light] .btn-acc .btn-spinner,[data-theme=light] .btn-eng .btn-spinner{border-color:#ffffff4d}.vchr-id-gen .btn-spinner{border-top-color:var(--tx3);border-color:var(--b2)}.db-busy-badge{color:var(--tx3);background:var(--s2);border:1px solid var(--b1);border-radius:20px;align-items:center;gap:.4rem;padding:.22rem .65rem;font-family:DM Mono,monospace;font-size:.7rem;display:inline-flex}.skeleton-row td{border-bottom:1px solid var(--b1);padding:.55rem .85rem}.skeleton-cell{background:linear-gradient(90deg, color-mix(in srgb, var(--s2) 86%, var(--tx3)) 25%, color-mix(in srgb, var(--s3) 88%, white) 50%, color-mix(in srgb, var(--s2) 86%, var(--tx3)) 75%);background-size:200% 100%;border-radius:4px;max-width:100%;height:10px;animation:1.4s infinite skeleton-shimmer;overflow:hidden}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.section-loader{color:var(--tx3);justify-content:center;align-items:center;gap:.65rem;padding:2rem;font-size:.75rem;display:flex}.section-loader-msg{color:var(--tx3);font-size:.72rem}.toast{z-index:9000;box-shadow:var(--shadow-lg);white-space:nowrap;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:600;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards toast-in;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(0)}to{opacity:1;transform:translate(-50%)translateY(12px)}}.toast-success{background:var(--acc3);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--acc);color:#fff}[data-theme=light] .toast-info{color:#fff}.toast-icon{font-size:.9rem;font-weight:700}@media (min-width:1400px){:root{--sidebar-w:220px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grid-view{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.pg-body{padding:.5rem}.pg-header{padding:1rem}.top-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1023px){:root{--sidebar-w:160px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.top-grid{grid-template-columns:repeat(2,1fr)}.bottom-2col{grid-template-columns:1fr}.job-detail-grid{grid-template-columns:repeat(2,1fr)}.form-row3{grid-template-columns:1fr 1fr}.search-inp{width:150px}.topbar-username{display:none}}@media (max-width:767px){:root{--topbar-h:46px}.main-content{flex-direction:column}.page-area{overflow-y:auto}.mobile-nav{background:var(--s1);border-bottom:1px solid var(--b1);scrollbar-width:none;gap:0;padding:0 .5rem;display:flex;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-item{cursor:pointer;color:var(--tx2);white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;padding:.65rem .85rem;font-size:.72rem;font-weight:600;transition:all .15s}.mobile-nav-item.active{color:var(--acc);border-bottom-color:var(--acc)}.mobile-nav-item.active.eng{color:var(--acc3);border-bottom-color:var(--acc3)}.mobile-nav-item.active.sales{color:var(--acc2);border-bottom-color:var(--acc2)}.pg-header{padding:.75rem 1rem}.pg-body{padding:.85rem}.pg-title{font-size:.9rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.85rem}.stat-num{font-size:1.35rem}.top-grid{grid-template-columns:1fr 1fr;gap:.5rem;padding:.65rem}.party-row,.bottom-2col{grid-template-columns:1fr}.job-detail-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.form-row{grid-template-columns:1fr}.form-row3{grid-template-columns:1fr 1fr}.vchr-topbar{flex-direction:column;align-items:flex-start;padding:.5rem .85rem}.vchr-body{padding:.65rem}.vchr-footer{padding:.6rem .85rem}.total-val{font-size:1.1rem}.topbar{z-index:1001;padding:0 .85rem}.topbar-right{gap:.4rem}.topbar-user-name,.role-badge,.theme-toggle span:last-child{display:none}.search-inp{width:100%}.grid-view{grid-template-columns:1fr 1fr;gap:.6rem}th.hide-mobile,td.hide-mobile{display:none}.pg-header-left{justify-content:space-between;align-items:center;width:100%;display:flex}.hold-card-top{flex-direction:column;gap:.5rem}.hold-card-actions{justify-content:flex-end;width:100%}.hold-banner{flex-wrap:wrap}.repair-items-header{flex-wrap:wrap;gap:.4rem}.toast{font-size:.72rem;top:3rem}.overlay-loader-box{padding:1.5rem 2rem}.vchr-topbar-meta{display:none}}@media (max-width:479px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-view,.top-grid,.form-row3{grid-template-columns:1fr}.job-detail-grid{grid-template-columns:1fr 1fr}.vchr-topbar>div:last-child{display:none}.modal{border-radius:10px 10px 0 0;max-height:95vh}.overlay{align-items:flex-end;padding:0}.login-card{flex-direction:column;justify-content:center;max-width:100%;margin:0 1.5rem;padding:1.5rem 1.25rem;display:flex}.pg-header-actions .btn{padding:.18rem .4rem;font-size:.6rem}.job-detail-header .pg-header-actions .btn{min-height:40px;padding:.45rem .55rem;font-size:.68rem}.hold-card-actions .btn{font-size:.6rem}.toast{white-space:normal;transform:none}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}.mobile-restriction-msg{text-align:center;background-color:var(--bg);min-height:100vh;color:var(--tx);z-index:9999;justify-content:center;align-items:center;padding:2rem;font-family:Plus Jakarta Sans,sans-serif;display:none}.mobile-restriction-msg h2{color:var(--danger);margin-bottom:.5rem;font-size:1.5rem}.mobile-restriction-msg p{color:var(--tx2);font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem}@media (max-width:768px){.desktop-app-wrapper{display:none!important}.mobile-restriction-msg{display:flex!important}}.loader-fullscreen{z-index:9999;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-fullscreen-inner{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.loader-logo{letter-spacing:-.04em;color:var(--tx);font-family:Plus Jakarta Sans,sans-serif;font-size:2.4rem;font-weight:800;animation:1.6s ease-in-out infinite loaderLogoPulse}.loader-logo span{color:var(--acc)}@keyframes loaderLogoPulse{0%,to{opacity:.7}50%{opacity:1}}.loader-track{background:var(--b2);border-radius:2px;width:180px;height:4px;overflow:hidden}.loader-fill{background:var(--acc);border-radius:2px;width:40%;height:100%;animation:1.4s cubic-bezier(.4,0,.6,1) infinite loaderFillSlide}@keyframes loaderFillSlide{0%{width:40%;transform:translate(-100%)}50%{width:70%;transform:translate(100%)}to{width:40%;transform:translate(250%)}}.loader-fullscreen-label{letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);font-size:.7rem;font-weight:600;animation:1.6s ease-in-out infinite loaderLogoPulse}.loader-bar{z-index:9000;background:var(--b1);height:2px;position:fixed;top:0;left:0;right:0;overflow:hidden}.loader-bar:after{content:"";background:linear-gradient(90deg, var(--acc), var(--acc3));border-radius:2px;width:35%;height:100%;animation:1.2s cubic-bezier(.4,0,.6,1) infinite barSlide;position:absolute;top:0;left:0}@keyframes barSlide{0%{transform:translate(-100%)}to{transform:translate(380%)}}.loader-ring{flex-shrink:0}.loader-ring--sm{width:28px;height:28px}.loader-ring--md{width:40px;height:40px}.loader-ring--lg{width:52px;height:52px}.loader-ring-arc{transform-origin:50%;animation:.9s linear infinite ringRotate}@keyframes ringRotate{to{transform:rotate(360deg)}}.loader-inline{flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:2rem;display:flex}.loader-inline-label{color:var(--tx3);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:600}.loader-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit;background:#f0f4f8e0;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}[data-theme=dark] .loader-overlay{background:#080c10e0}.loader-overlay-label{letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);font-size:.72rem;font-weight:600}.loader-btn-wrap{align-items:center;gap:.4rem;display:inline-flex}.loader-btn-svg{flex-shrink:0;width:13px;height:13px}.login-loading-overlay{z-index:50;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.vchr-saving-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c108c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-theme=light] .vchr-saving-overlay{background:#f0f4f8b3}.detail-busy-label{color:var(--tx3);background:var(--s2);border:1px solid var(--b1);border-radius:4px;align-items:center;gap:.4rem;padding:.2rem .5rem;font-family:DM Mono,monospace;font-size:.68rem;display:inline-flex}.detail-busy-dot{background:var(--acc);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.stat-card--warn{background:#cc88000f;border:1px solid #c803}.stat-num--warn{color:var(--warn)}.login-tab.admin{color:var(--warn);border-color:#ffb30040}.login-tab.admin:hover{background:#ffb30014;border-color:#ffb30080}.login-tab.admin.active{border-color:var(--warn);color:var(--warn);background:#ffb3001f;box-shadow:0 0 0 2px #ffb30026}.login-card--admin{box-shadow:var(--shadow-lg), 0 0 0 1px #ffb30026, 0 0 32px #ffb3000f;border-color:#ffb3004d}.login-logo--admin{background:linear-gradient(135deg, var(--warn), #ff9500);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2.5s ease-in-out infinite adminLogoGlow}@keyframes adminLogoGlow{0%,to{filter:drop-shadow(0 0 4px #ffb3004d)}50%{filter:drop-shadow(0 0 12px #ffb30099)}}.login-admin-banner{background:linear-gradient(135deg,#ffb3001a,#e85a2012);border:1px solid #ffb30047;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem .9rem;animation:.3s cubic-bezier(.34,1.56,.64,1) bannerSlideIn;display:flex}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-admin-banner-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.login-admin-banner-title{color:var(--warn);letter-spacing:.02em;font-size:.75rem;font-weight:700}.login-admin-banner-sub{color:var(--tx3);margin-top:.1rem;font-size:.65rem}.btn-admin{background:var(--warn);color:#080c10;font-weight:700}[data-theme=light] .btn-admin{color:#fff}.btn-admin:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 4px 16px #cc880059}.login-admin-note{text-align:center;color:var(--tx3);background:var(--s2);border:1px solid var(--b1);letter-spacing:.02em;border-radius:6px;padding:.45rem .75rem;font-size:.62rem;animation:.3s bannerSlideIn}.aem-list{flex-direction:column;gap:.4rem;max-height:280px;padding-right:.25rem;display:flex;overflow-y:auto}.aem-item{border:1.5px solid var(--b1);background:var(--s2);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;transition:all .15s;display:flex}.aem-item:hover{border-color:var(--b3);background:var(--s1);transform:translate(2px)}.aem-item--active{border-color:var(--acc3);background:#22c55e0f;box-shadow:0 0 0 3px #22c55e1f}.aem-avatar{background:linear-gradient(135deg, var(--acc3), var(--acc));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:700;display:flex}.aem-info{flex:1;min-width:0}.aem-name{color:var(--tx);font-size:.8rem;font-weight:600}.aem-username{color:var(--tx3);margin-top:.05rem;font-family:DM Mono,monospace;font-size:.65rem}.aem-check{color:var(--acc3);flex-shrink:0;font-size:.85rem;font-weight:700}.eng-readonly-box{border:1px solid var(--b2);color:var(--tx2);background:#64748b0f;border-radius:8px;margin-top:.6rem;padding:.75rem 1rem;font-size:.78rem;line-height:1.5}.eng-unassigned-note{color:var(--tx3);background:var(--s2);border:1px solid var(--b1);border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-family:DM Mono,monospace;font-size:.68rem;display:inline-flex}.jl-root{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.jl-topbar{border-bottom:1px solid var(--b1);background:var(--s1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex}.jl-topbar-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.jl-topbar-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.jl-count{flex-shrink:0;align-items:baseline;display:flex}.jl-count-num{color:var(--tx);font-family:DM Mono,monospace;font-size:1.1rem;font-weight:600}.jl-count-of{color:var(--tx3);font-family:DM Mono,monospace;font-size:.65rem}.jl-status-pills{flex-wrap:wrap;gap:.3rem;display:flex}.jl-pill{border:1.5px solid var(--b2);background:var(--s2);color:var(--tx3);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:.3rem;padding:.22rem .65rem;font-size:.65rem;font-weight:600;transition:all .15s;display:inline-flex}.jl-pill:hover{border-color:var(--pill-color,var(--acc));color:var(--pill-color,var(--acc));background:color-mix(in srgb, var(--pill-color,var(--acc)) 8%, var(--s1))}.jl-pill.active{border-color:var(--pill-color,var(--acc));color:var(--pill-color,var(--acc));background:color-mix(in srgb, var(--pill-color,var(--acc)) 10%, var(--s1));box-shadow:0 0 0 3px color-mix(in srgb, var(--pill-color,var(--acc)) 15%, transparent)}.jl-pill-count{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-family:DM Mono,monospace;font-size:.58rem;display:inline-flex}.jl-search-wrap{align-items:center;display:flex;position:relative}.jl-search-icon{color:var(--tx3);pointer-events:none;font-size:.95rem;line-height:1;position:absolute;left:.55rem}.jl-search{border:1.5px solid var(--b2);background:var(--s2);width:200px;height:30px;color:var(--tx);border-radius:8px;outline:none;padding:0 1.8rem 0 1.7rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;transition:border-color .15s,box-shadow .15s}.jl-search:focus{border-color:var(--acc);background:var(--s1);box-shadow:0 0 0 3px #3b82f61f}.jl-search-clear{color:var(--tx3);cursor:pointer;background:0 0;border:none;padding:.1rem;font-size:.65rem;line-height:1;transition:color .12s;position:absolute;right:.45rem}.jl-search-clear:hover{color:var(--tx)}.jl-sort-sel{border:1.5px solid var(--b2);background:var(--s2);height:30px;color:var(--tx);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .55rem center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:0 1.8rem 0 .6rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;transition:border-color .15s}.jl-sort-sel:focus{border-color:var(--acc)}.jl-filter-btn{border:1.5px solid var(--b2);background:var(--s2);height:30px;color:var(--tx2);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:.35rem;padding:0 .75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.jl-filter-btn:hover{border-color:var(--b3);color:var(--tx);background:var(--s1)}.jl-filter-btn.active{border-color:var(--acc);background:color-mix(in srgb, var(--acc) 8%, var(--s1));color:var(--acc)}.jl-filter-btn.has-filters{border-color:var(--acc);color:var(--acc)}.jl-filter-icon{font-size:1rem}.jl-filter-badge{background:var(--acc);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.58rem;font-weight:700;display:inline-flex}.jl-view-toggle{border:1.5px solid var(--b2);border-radius:8px;display:flex;overflow:hidden}.jl-view-btn{background:var(--s2);width:30px;height:28px;color:var(--tx3);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .12s;display:flex}.jl-view-btn+.jl-view-btn{border-left:1px solid var(--b2)}.jl-view-btn:hover{background:var(--s1);color:var(--tx)}.jl-view-btn.active{background:var(--s1);color:var(--acc)}.jl-filter-panel{border-bottom:1px solid var(--b1);background:var(--s2);padding:.85rem 1rem;animation:.2s cubic-bezier(.25,1,.5,1) filterSlide}@keyframes filterSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.jl-filter-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem;display:grid}.jl-fld{flex-direction:column;gap:.25rem;display:flex}.jl-fld-lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);font-size:.58rem;font-weight:700}.jl-fld-sel,.jl-fld-date{border:1.5px solid var(--b2);background:var(--s1);height:30px;color:var(--tx);cursor:pointer;border-radius:7px;outline:none;padding:0 .6rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem;transition:border-color .15s}.jl-fld-sel:focus,.jl-fld-date:focus{border-color:var(--acc)}.jl-fld-sel{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;padding-right:1.6rem}.jl-active-chips{border-top:1px solid var(--b1);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.65rem;padding-top:.6rem;display:flex}.jl-chip{background:color-mix(in srgb, var(--acc) 10%, var(--s1));border:1px solid color-mix(in srgb, var(--acc) 30%, transparent);color:var(--acc);border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.65rem;font-weight:600;display:inline-flex}.jl-chip button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;padding:0;font-size:.6rem;line-height:1;transition:opacity .1s}.jl-chip button:hover{opacity:1}.jl-clear-all{border:1px solid var(--b2);color:var(--tx3);cursor:pointer;background:0 0;border-radius:20px;padding:.2rem .6rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.65rem;transition:all .12s}.jl-clear-all:hover{border-color:var(--danger);color:var(--danger)}.jl-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:3.5rem 2rem;display:flex}.jl-empty-icon{opacity:.4;font-size:2.5rem}.jl-empty-title{color:var(--tx2);font-size:.88rem;font-weight:600}.jl-empty-sub{color:var(--tx3);font-size:.72rem}.jl-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;padding:1rem;display:grid;overflow-y:auto}.jl-card{background:var(--s2);border:1.5px solid var(--b1);cursor:pointer;border-radius:10px;flex-direction:column;gap:.4rem;padding:.8rem;transition:transform .18s cubic-bezier(.25,1,.5,1),box-shadow .18s,border-color .15s;display:flex;position:relative}.jl-card:before{content:"";background:var(--status-accent,var(--b2));height:2px;transition:opacity .15s;position:absolute;top:0;left:0;right:0}.jl-card.status-pending{--status-accent:var(--status-pending)}.jl-card.status-in-progress{--status-accent:var(--status-progress)}.jl-card.status-on-hold{--status-accent:var(--status-hold)}.jl-card.status-done{--status-accent:var(--status-done)}.jl-card.status-closed{--status-accent:var(--status-closed)}.jl-card.status-paid{--status-accent:var(--status-paid)}.jl-card.status-returning{--status-accent:var(--status-returning)}.jl-card.status-repairing{--status-accent:var(--status-repairing)}.jl-card.status-no-repair{--status-accent:var(--status-returning)}.jl-card:hover{box-shadow:var(--shadow-lg);border-color:var(--b3);transform:translateY(-3px)}.jl-card-hd{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.jl-card-id{color:var(--acc);font-family:DM Mono,monospace}.jl-card-party{color:var(--tx)}.jl-card-narr{color:var(--tx2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.jl-card-tags{flex-wrap:wrap;justify-content:space-between;display:flex}.jl-card-eng{color:var(--acc3);background:#22c55e14;border:1px solid #22c55e33;border-radius:4px;padding:.1rem .4rem;font-size:.65rem}.jl-card-ft{justify-content:space-between;align-items:center;margin-top:.15rem;display:flex}.jl-card-date{color:var(--tx3);font-family:DM Mono,monospace;font-size:.62rem}.jl-card-total{color:var(--acc3);font-family:DM Mono,monospace}.jl-card-actions{border-top:1px solid var(--b1);flex-wrap:wrap;gap:.3rem;margin-top:.2rem;padding-top:.5rem;display:flex}.jl-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.jl-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:980px}.jl-table .jl-col-id{width:13%}.jl-table .jl-col-party,.jl-table .jl-col-date,.jl-table .jl-col-store,.jl-table .jl-col-engineer{width:10%}.jl-table .jl-narr-cell,.jl-table th.hide-mobile{width:16%}.jl-table .jl-col-status{width:12%}.jl-table .jl-col-total{width:8%}.jl-table .jl-col-actions{width:10%}.jl-table thead tr{background:var(--s2);border-bottom:1px solid var(--b1)}.jl-table th{text-transform:uppercase;letter-spacing:.09em;color:var(--tx3);text-align:left;white-space:nowrap}.jl-row{cursor:pointer;border-bottom:1px solid var(--b1);transition:background .1s}.jl-row:hover{background:var(--s2)}.jl-id-cell{color:var(--acc);white-space:nowrap;font-family:DM Mono,monospace}.jl-party-cell{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.jl-table .jl-col-store,.jl-table .jl-col-engineer{text-overflow:ellipsis;overflow:hidden}.jl-narr-cell{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--tx2);overflow:hidden}.jl-row-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.35rem;min-width:0;display:flex}.jl-eng-pill{color:var(--acc3);white-space:nowrap;background:#22c55e1a;border:1px solid #22c55e66;border-radius:4px;padding:.12rem .45rem;font-size:.65rem}.jl-eng-pill--me,.jl-card-eng--me{color:var(--acc3);background:#22c55e24;border-color:#22c55e73;font-weight:700}.eng-me-badge{font-weight:700;color:var(--acc3)!important;background:#22c55e1f!important;border:1px solid #22c55e66!important}.jl-unassigned-pill{color:red;white-space:nowrap;background:#c5222212;border:1px solid #c5222233;border-radius:4px;padding:.12rem .45rem;font-size:.63rem;font-style:italic}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:flex}.desktop-only{display:none}}@media (max-width:1023px){.jl-topbar{flex-direction:column;align-items:flex-start}.jl-topbar-right{width:100%}.jl-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.jl-topbar{gap:.65rem;padding:.65rem}.jl-topbar-left{gap:.5rem}.jl-topbar-right{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.5rem;display:grid}.jl-sort-wrap,.jl-filter-btn,.jl-view-toggle{width:100%;min-width:0}.jl-search-wrap{grid-column:1/-1;width:100%}.jl-topbar-right .jl-sort-wrap:first-child,.jl-view-toggle{grid-column:1/-1}.jl-search,.jl-sort-sel{width:100%}.jl-filter-btn{justify-content:center}.jl-view-toggle{grid-template-columns:repeat(2,1fr);display:grid}.jl-view-btn{width:auto}.jl-status-pills{gap:.25rem}.jl-pill{padding:.18rem .45rem;font-size:.6rem}.jl-filter-grid{grid-template-columns:1fr 1fr}.jl-grid{grid-template-columns:1fr;padding:.65rem}}@media (max-width:768px){.sidebar{top:var(--topbar-h);left:calc(-1 * var(--sidebar-w));z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;box-shadow:4px 0 24px #00000026}.sidebar.open{left:0}.sidebar-overlay{top:var(--topbar-h);z-index:999;background:#0006;animation:.2s fIn;position:fixed;bottom:0;left:0;right:0}.pg-header-actions{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.topbar-logo{font-size:.9rem}.role-badge,.topbar-username{display:none}.job-detail-grid{grid-template-columns:1fr 1fr;gap:.5rem}.jd-val{font-size:.72rem}th,td{padding:.4rem .5rem}.topbar-menu-toggle{box-shadow:var(--shadow);justify-content:center;align-items:center;margin-right:.25rem;color:var(--tx)!important;border:1px solid var(--b2)!important;background:var(--s1)!important;border-radius:8px!important;padding:.4rem!important;display:flex!important}.nav-section{justify-content:space-between;align-items:center;padding-right:1rem;display:flex}.sidebar-close-btn{color:var(--tx3);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;font-size:1rem;transition:all .2s;display:flex}.sidebar-close-btn:hover{background:var(--s3);color:var(--tx)}}@media (max-width:423px){.jl-search{width:140px}}.profile-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:1024px){.profile-grid{grid-template-columns:3fr 4fr}}.profile-card{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:10px;padding:1.5rem}.profile-card-title{color:var(--tx);align-items:center;gap:.4rem;margin-bottom:.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700;display:flex}.profile-card-desc{color:var(--tx3);margin-bottom:1.25rem;font-size:.72rem;line-height:1.4}.session-list{flex-direction:column;gap:.75rem;display:flex}.session-item{background:var(--s2);border:1px solid var(--b2);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;transition:all .2s;display:flex}.session-item.current-device{border-color:var(--acc);background:color-mix(in srgb, var(--acc) 6%, transparent)}.session-device-icon{background:var(--s3);width:40px;height:40px;color:var(--tx2);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.session-details{flex-direction:column;flex:1;gap:.15rem;display:flex}.session-meta{color:var(--tx);align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:flex}.session-badge{color:var(--acc3);text-transform:uppercase;background:#00a8551f;border-radius:10px;padding:.1rem .4rem;font-size:.58rem;font-weight:700}.session-subtext{color:var(--tx3);font-size:.7rem}.passkey-list{flex-direction:column;gap:.5rem;display:flex}.passkey-item{background:var(--s2);border:1px solid var(--b2);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.passkey-info{color:var(--tx);align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;display:flex}.passkey-meta{color:var(--tx3);margin-top:.1rem;font-size:.68rem;font-weight:400}.passkey-icon{font-size:1.1rem}.profile-skeleton-list{gap:.65rem}.profile-skeleton-item{pointer-events:none;min-height:62px}.profile-skeleton-main{align-items:center;gap:.75rem;width:100%;min-width:0;display:flex}.profile-skeleton-copy{flex-direction:column;flex:1;gap:.45rem;min-width:0;max-width:260px;display:flex}.profile-skeleton-copy-wide{max-width:340px}.profile-skeleton-icon{border-radius:50%;flex:0 0 28px;width:28px;height:28px}.profile-skeleton-avatar{border-radius:50%;flex:0 0 40px;width:40px;height:40px}.profile-skeleton-title{width:52%;height:12px}.profile-skeleton-title-wide{width:70%}.profile-skeleton-subtitle{width:78%;height:8px}.profile-skeleton-subtitle-short{width:42%}.profile-skeleton-button{border-radius:6px;flex:0 0 64px;width:64px;height:24px}@media (max-width:560px){.profile-skeleton-item{align-items:flex-start}.profile-skeleton-button{flex-basis:46px;width:46px}}.btn-passkey-login{background:var(--s2);border:1px solid var(--b2);width:100%;color:var(--tx);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;margin-top:.75rem;padding:.55rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-passkey-login:hover{background:var(--s3);border-color:var(--b3)}.topbar-user-btn:hover{background-color:var(--s3)}.portal-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.portal-card{background:var(--s1);cursor:pointer;text-align:left;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.1rem 1rem .9rem;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex}.portal-card:hover{background:var(--s2);transform:translateY(-3px)}.portal-card .btn{transition:all .22s}.portal-card--retail{border:1.5px solid color-mix(in srgb, var(--r-retail) 25%, var(--b2))}.portal-card--retail:hover{border-color:var(--r-retail);box-shadow:0 8px 24px color-mix(in srgb, var(--r-retail) 12%, transparent)}.portal-card--retail:hover .btn{background:var(--r-retail);color:#080c10;box-shadow:0 4px 12px color-mix(in srgb, var(--r-retail) 30%, transparent)}[data-theme=light] .portal-card--retail:hover .btn{color:#fff}.portal-card--engineer{border:1.5px solid color-mix(in srgb, var(--r-eng) 25%, var(--b2))}.portal-card--engineer:hover{border-color:var(--r-eng);box-shadow:0 8px 24px color-mix(in srgb, var(--r-eng) 12%, transparent)}.portal-card--engineer:hover .btn{background:var(--r-eng);color:#080c10;box-shadow:0 4px 12px color-mix(in srgb, var(--r-eng) 30%, transparent)}[data-theme=light] .portal-card--engineer:hover .btn{color:#fff}.portal-card--sales{border:1.5px solid color-mix(in srgb, var(--r-sales) 25%, var(--b2))}.portal-card--sales:hover{border-color:var(--r-sales);box-shadow:0 8px 24px color-mix(in srgb, var(--r-sales) 12%, transparent)}.portal-card--sales:hover .btn{background:var(--r-sales);color:#fff;box-shadow:0 4px 12px color-mix(in srgb, var(--r-sales) 30%, transparent)}.portal-card--admin{border:1.5px solid color-mix(in srgb, var(--warn) 25%, var(--b2))}.portal-card--admin:hover{border-color:var(--warn);box-shadow:0 8px 24px color-mix(in srgb, var(--warn) 12%, transparent)}.portal-card--admin:hover .btn{background:var(--warn);color:#080c10;box-shadow:0 4px 12px color-mix(in srgb, var(--warn) 30%, transparent)}[data-theme=light] .portal-card--admin:hover .btn{color:#fff}@media (max-width:420px){.portal-grid{grid-template-columns:1fr}}.shell.role-engineer{--acc:var(--acc3)}.shell.role-sales{--acc:var(--acc2)}.shell.role-admin{--acc:var(--warn)}.analytics-filters{flex-wrap:nowrap;justify-content:flex-end;align-items:flex-end;gap:8px;min-width:0;max-width:100%;margin-right:8px;display:flex}.filter-group{flex-direction:column;flex:none;gap:.2rem;min-width:fit-content;display:flex}.filter-group:has(.btn){flex:none;min-width:fit-content}.analytics-filters .dashboard-select{width:fit-content;min-width:max-content;max-width:100%}.filter-group:has(.btn) .btn{width:fit-content;min-width:max-content}.filter-group label{text-transform:uppercase;color:var(--tx3);letter-spacing:.05em;font-size:.65rem;font-weight:700}.dashboard-select{border:1px solid var(--b2);background:var(--s1);color:var(--tx);cursor:pointer;border-radius:6px;outline:none;padding:.35rem .6rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:500;transition:all .2s}.dashboard-select:hover,.dashboard-select:focus{border-color:var(--acc)}.dashboard-charts-row{grid-template-columns:1fr 1.5fr;gap:8px;margin-bottom:8px;display:grid}@media (max-width:900px){.dashboard-charts-row{grid-template-columns:1fr}}.chart-card{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;padding:1.2rem;transition:all .3s;display:flex;position:relative}.chart-card:hover{box-shadow:var(--shadow-lg);border-color:var(--b2)}.chart-card-title{color:var(--tx);font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700}.chart-card-subtitle{color:var(--tx3);margin-bottom:.5rem;font-size:.7rem}.donut-chart-container{flex-wrap:wrap;flex:1;justify-content:space-around;align-items:center;gap:1rem;display:flex}.donut-svg-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.donut-center-num{fill:var(--tx);font-family:DM Mono,monospace;font-size:1.5rem;font-weight:700}.donut-center-lbl{text-transform:uppercase;letter-spacing:.05em;fill:var(--tx3);font-size:.65rem;font-weight:600}.donut-legend{flex-direction:column;gap:.4rem;min-width:140px;display:flex}.legend-item{cursor:pointer;text-align:left;width:100%;color:var(--tx);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-family:Plus Jakarta Sans,sans-serif;transition:all .2s;display:flex}.legend-item:hover{background:var(--s2);border-color:var(--b1)}.legend-item.active{background:var(--s3);border-color:var(--acc);font-weight:600}.legend-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-label{color:var(--tx2);flex:1;font-size:.75rem}.legend-count{color:var(--tx3);font-family:DM Mono,monospace;font-size:.75rem;font-weight:600}.chart-tooltip{background:var(--s1);border:1px solid var(--b2);box-shadow:var(--shadow-lg);color:var(--tx);pointer-events:none;z-index:10;border-radius:8px;padding:.5rem .75rem;font-size:.75rem;animation:.15s ease-out tooltipFadeIn;position:absolute}.donut-tooltip{background:var(--s1);border-color:var(--b3);top:50%;left:50%;transform:translate(-50%,-50%)}.trend-tooltip{background:var(--s1);border-color:var(--b3)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.trend-chart-container{flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.trend-svg-wrapper{width:100%;position:relative}.chart-empty-state{color:var(--tx3);border:1px dashed var(--b2);border-radius:8px;justify-content:center;align-items:center;width:100%;height:150px;font-size:.8rem;display:flex}.dashboard-lower-row{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;max-width:100%;margin-bottom:8px;display:grid}@media (max-width:900px){.dashboard-lower-row{grid-template-columns:1fr}}.lower-charts-col{flex-direction:column;gap:8px;min-width:0;max-width:100%;display:flex}.store-bars-container,.items-bars-container{flex-direction:column;gap:8px;max-height:300px;margin-top:8px;padding-right:4px;display:flex;overflow-y:auto}.store-bar-row{align-items:center;gap:.75rem;font-size:.8rem;display:flex}.store-bar-label{width:120px;color:var(--tx2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;font-weight:500;display:flex;overflow:hidden}.store-bar-rank{background:var(--s3);color:var(--tx3);text-align:center;border-radius:4px;min-width:22px;padding:.1rem .3rem;font-size:.65rem;font-weight:700}.store-bar-rank.item-rank{color:var(--acc4);background:#8040e01a}.store-bar-track{background:var(--s2);border:1px solid var(--b1);border-radius:4px;flex:1;height:8px;overflow:hidden}.store-bar-fill{background:linear-gradient(90deg, var(--acc) 0%, var(--status-progress) 100%);border-radius:4px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1);display:block}.store-bar-fill.item-fill{background:linear-gradient(90deg, var(--acc4) 0%, var(--status-repairing) 100%)}.store-bar-count{color:var(--tx2);text-align:right;width:55px;font-family:DM Mono,monospace;font-size:.75rem;font-weight:600}.insights-panel-card{background:linear-gradient(180deg, color-mix(in srgb, var(--s2) 72%, transparent), transparent 120px), var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;min-width:0;max-width:100%;min-height:0;padding:1rem;display:flex;position:relative;overflow:hidden}.insights-panel-card:before{content:"";background:linear-gradient(90deg, var(--warn), var(--acc), var(--acc3));pointer-events:none;height:3px;position:absolute;inset:0 0 auto}.insights-panel-title{color:var(--tx);letter-spacing:0;align-items:center;gap:.45rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:700;display:flex;position:relative}.insights-panel-subtitle{color:var(--tx3);margin-bottom:.85rem;font-size:.68rem}.insights-content{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:stretch;gap:10px;width:100%;min-width:0;max-width:100%;min-height:0;display:grid;overflow:visible}.store-bars-container::-webkit-scrollbar{width:3px}.items-bars-container::-webkit-scrollbar{width:3px}.store-bars-container::-webkit-scrollbar-track{background:var(--s2)}.items-bars-container::-webkit-scrollbar-track{background:var(--s2)}.store-bars-container::-webkit-scrollbar-thumb{background:var(--b3);border-radius:2px}.items-bars-container::-webkit-scrollbar-thumb{background:var(--b3);border-radius:2px}html,body{max-width:100%;overflow-x:hidden}.shell{height:100dvh;max-height:100dvh;overflow:hidden}.main-content,.page-area,.pg-body,.jl-root,.jl-table-wrap{min-width:0;max-width:100%}.page-area{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.sidebar{overflow:hidden!important}.pg-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}:is(.pg-body:has(>.jl-root),.pg-body:has(>.tab-pane-content:has(>.jl-root:only-child))){overflow:hidden}.jl-root{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.jl-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex:1;width:100%;min-height:0;max-height:100%;overflow:auto}@media (min-width:768px){.jl-table thead th{z-index:2;background:var(--s2);position:sticky;top:0}}.table-responsive,.pjm-table-wrap{overscroll-behavior:contain;min-height:0;overflow:auto}.tbl-wrap>div:has(>table){max-height:min(560px,100dvh - 220px)}.table-responsive,.pjm-table-wrap{max-height:min(620px,100dvh - 220px)}.tbl-wrap table thead th,.finance-table thead th,.pjm-table thead th{z-index:2;position:sticky;top:0}html,body{width:100%;max-width:100%}.shell{min-height:100dvh}.topbar,.main-content,.page-area,.pg-body,.pg-header,.tbl-wrap,.jl-root,.chart-card,.profile-card,.modal,.portal-card,.stat-card{min-width:0}.page-area,.pg-body,.jl-root,.tbl-wrap,.chart-card{max-width:100%}.topbar{gap:8px}.topbar>div:first-child,.topbar-right,.pg-header>*,.pg-header-left,.pg-header-actions,.tbl-header>*,.jl-topbar-left,.jl-topbar-right,.analytics-filters{min-width:0}.topbar-logo,.pg-title,.pg-sub,.tbl-title,.jl-card-party,.jl-card-narr,.leader-name,.eng-name{text-overflow:ellipsis;overflow:hidden}.topbar-logo,.pg-title,.tbl-title,.jl-card-party,.leader-name,.eng-name{white-space:nowrap}.tbl-wrap,.jl-table-wrap,.table-responsive,.finance-table,.pjm-table-wrap{max-width:100%}.jl-table-wrap,.table-responsive,.pjm-table-wrap{overscroll-behavior-x:contain;overflow-x:auto}.tbl-wrap>div:has(>table){overscroll-behavior-x:contain;overflow-x:auto}.dashboard-select,.search-inp,.jl-search,.jl-sort-sel,.jl-fld-sel,.jl-fld-date,.form-inp,.txt-inp,.sel-inp{max-width:100%}@media (max-width:1023px){.admin-stats-row,.admin-master-grid,.engineers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-filters{flex-wrap:wrap;justify-content:flex-start;width:100%;margin-right:0}}@media (max-width:767px){.topbar{padding:0 8px}.topbar>div:first-child{flex:1}.topbar-logo{max-width:42vw}.topbar-right{flex-shrink:0;justify-content:flex-end}.pg-header{align-items:center;gap:8px;padding:8px}.tbl-header>div,.jl-topbar-left,.jl-topbar-right,.analytics-filters{width:100%}.tbl-header>div,.jl-topbar-right{align-items:stretch}.pg-header-actions .btn,.tbl-header .btn,.jl-filter-btn,.jl-sort-sel,.jl-view-toggle,.search-inp,.jl-search-wrap,.jl-search,.dashboard-select{width:100%}.analytics-filters .filter-group{flex:none;width:auto;min-width:fit-content}.analytics-filters .filter-group:has(.btn){flex:none;min-width:fit-content}.analytics-filters .filter-group:has(.btn) .btn{width:fit-content;min-width:max-content}.pg-header>*{width:auto}.pg-header>div:first-child{flex:0 auto;min-width:min(100%,220px)}.pg-header-actions{flex:0 auto;width:auto}.job-detail-header{gap:15px;padding:10px}.job-detail-header .pg-header-left .btn{padding:.45rem .7rem}.job-detail-header .pg-header-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin-top:0;display:grid}.jl-status-pills,.analytics-tabs-wrapper{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;padding-bottom:2px;overflow-x:auto}.jl-status-pills::-webkit-scrollbar{display:none}.analytics-tabs-wrapper::-webkit-scrollbar{display:none}.jl-pill,.analytics-tab{flex-shrink:0}.stats-grid,.admin-stats-row,.admin-master-grid,.engineers-grid,.dashboard-lower-row,.customers-items-row{grid-template-columns:1fr}.stats-grid,.admin-stats-row,.admin-master-grid,.engineers-grid,.customers-items-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}.dashboard-charts-row,.finance-row{grid-template-columns:1fr}.modal,.confirm-dialog{width:min(100%,100vw - 16px);max-height:calc(100dvh - 16px)}}@media (max-width:479px){.login-page{align-items:flex-start;padding:8px}.login-theme-toggle{align-self:flex-end;margin-bottom:8px;position:static}.login-card{margin:0;padding:16px}.portal-grid{grid-template-columns:1fr}.topbar-logo{max-width:50vw}.btn,.portal-card .btn{min-width:0}.toast{width:auto;max-width:none;left:8px;right:8px}}.jl-root,.jl-table-wrap{min-width:0;max-width:100%}.jl-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;max-height:100%;overflow:auto}.jl-table{min-width:860px}.insight-section-alert{border:1px solid var(--b1);background:color-mix(in srgb, var(--s2) 58%, transparent);border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);gap:.55rem;width:100%;min-width:0;min-height:230px;max-height:330px;padding:.75rem;font-size:.78rem;display:grid;position:relative;overflow:hidden}.insight-section-alert:before{content:"";background:var(--warn);width:3px;position:absolute;inset:0 auto 0 0}.insight-section-alert:after{content:"";background:color-mix(in srgb, var(--warn) 12%, transparent);pointer-events:none;border-radius:999px;width:92px;height:92px;position:absolute;inset:-40px -44px auto auto}.insight-section-alert.warning{border-color:var(--warn);background:color-mix(in srgb, var(--warn) 7%, var(--s2))}.insight-section-alert.warning:before{background:var(--warn)}.insight-section-alert.warning:after{background:color-mix(in srgb, var(--warn) 14%, transparent)}.insight-section-alert.success{border-color:var(--acc3);background:color-mix(in srgb, var(--acc3) 7%, var(--s2))}.insight-section-alert.success:before{background:var(--acc3)}.insight-section-alert.success:after{background:color-mix(in srgb, var(--acc3) 14%, transparent)}.insight-section-alert.danger{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--s2))}.insight-section-alert.danger:before{background:var(--danger)}.insight-section-alert.danger:after{background:color-mix(in srgb, var(--danger) 14%, transparent)}.insight-alert-header{min-width:0;color:var(--tx);align-items:center;gap:.55rem;margin-bottom:0;font-size:.78rem;display:flex}.insight-alert-header .icon{border:1px solid var(--b1);background:var(--s1);border-radius:8px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:.8rem;display:inline-grid}.insight-alert-header strong{overflow-wrap:anywhere;min-width:0;line-height:1.25}.insight-section-alert p{color:var(--tx2);margin:0;padding-left:2.6rem;font-size:.72rem;line-height:1.45}.quick-action-list{overscroll-behavior-y:auto;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--b3) transparent;align-content:start;gap:6px;min-height:0;max-height:none;padding-right:4px;display:grid;overflow-y:auto}.quick-action-list::-webkit-scrollbar{width:4px}.quick-action-list::-webkit-scrollbar-track{background:0 0}.quick-action-list::-webkit-scrollbar-thumb{background:var(--b3);border-radius:999px}.quick-action-btn{background:color-mix(in srgb, var(--s1) 82%, transparent);border:1px solid var(--b1);text-align:left;cursor:pointer;min-height:34px;color:var(--tx2);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:.42rem 2rem .42rem .65rem;font-size:.72rem;font-weight:500;transition:border-color .18s,background .18s,color .18s;position:relative;overflow:hidden}.quick-action-btn:after{content:"View";color:var(--tx3);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:700;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.quick-action-btn:hover{background:var(--s1);border-color:var(--acc);color:var(--tx)}@media (max-width:767px){.insights-content{grid-template-columns:1fr}.insight-section-alert{min-height:auto;max-height:none}.insight-section-alert p{padding-left:0}.quick-action-list{max-height:220px}.quick-action-btn{white-space:nowrap}.quick-action-btn:after{margin-top:0;display:inline;position:absolute;transform:translateY(-50%)}}.insights-all-clear{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.insights-all-clear .clear-icon{font-size:2.2rem}.insights-all-clear h4{color:var(--acc3);font-size:.9rem;font-weight:700}.insights-all-clear p{color:var(--tx3);max-width:200px;font-size:.75rem}.dashboard-joblist-section-header{border-top:1px solid var(--b1);margin-top:8px;margin-bottom:8px;padding-top:8px}.dashboard-joblist-section-header .section-title{color:var(--tx);font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700}.filter-badge-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.status-indicator-badge{color:#fff;text-transform:uppercase;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.clear-filter-btn{background:var(--s2);border:1px solid var(--b2);color:var(--tx2);cursor:pointer;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600;transition:all .2s}.clear-filter-btn:hover{background:var(--b1);color:var(--tx);border-color:var(--b3)}.sales-recent-jobs-card{flex-direction:column;gap:.75rem;width:100%;min-width:0;margin-top:.9rem;display:flex}.sales-recent-jobs-header{justify-content:space-between;align-items:flex-end;gap:1rem;min-width:0;padding:0 .15rem;display:flex}.sales-recent-jobs-title{letter-spacing:.08em;text-transform:uppercase;color:var(--tx);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:800}.sales-recent-jobs-subtitle{color:var(--tx3);margin-top:.18rem;font-size:.72rem}.sales-recent-jobs-card .jl-root{flex:none;width:100%}.sales-recent-jobs-card .jl-table-wrap{max-height:none}.sales-recent-jobs-card .jl-table thead th{top:0}:is(.tab-pane-content:not(:has(>.jl-root:only-child)) .sales-recent-jobs-card .jl-root,.tab-pane-content:not(:has(>.jl-root:only-child)) .sales-recent-jobs-card .jl-table-wrap){overflow:hidden!important}.tab-pane-content:not(:has(>.jl-root:only-child)) .sales-recent-jobs-card .jl-topbar{position:static}.tab-pane-content:not(:has(>.jl-root:only-child)) .sales-recent-jobs-card .jl-table thead th{position:static}@media (max-width:760px){.sales-recent-jobs-header{flex-direction:column;align-items:flex-start}}.stat-card.c-red:before{background:#e0304014}.c-red .stat-num{color:var(--danger)}.analytics-tabs-wrapper{background:var(--s1);border-bottom:1px solid var(--b1);scrollbar-width:none;align-items:center;padding:0 1.25rem;display:flex;overflow-x:auto}.analytics-tabs-wrapper::-webkit-scrollbar{display:none}.analytics-tabs{gap:8px;display:flex}.analytics-tab{color:var(--tx2);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.4rem;padding:.85rem .25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:700;transition:color .2s;display:flex;position:relative}.analytics-tab:hover{color:var(--tx)}.analytics-tab.active{color:var(--acc)}.analytics-tab.active:after{content:"";background:var(--acc);border-radius:2px 2px 0 0;height:2px;animation:.2s forwards tabLineEnter;position:absolute;bottom:-1px;left:0;right:0}@keyframes tabLineEnter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tab-pane-content{animation:.3s cubic-bezier(.22,1,.36,1) forwards tabFadeIn}.tab-pane-content:has(>.jl-root:only-child){flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.engineers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;display:grid}.engineer-workload-card{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:8px;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.engineer-workload-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.eng-card-header{align-items:center;gap:.75rem;display:flex}.eng-avatar-placeholder{background:var(--s3);border:1px solid var(--b2);width:36px;height:36px;color:var(--acc);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.eng-avatar{object-fit:cover;border:1px solid var(--b2);border-radius:50%;width:36px;height:36px}.eng-info{flex:1;min-width:0}.eng-name{color:var(--tx);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.eng-username{color:var(--tx3);font-size:.7rem}.load-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:.2rem .5rem;font-size:.62rem;font-weight:700}.load-low{color:var(--acc3);background:#00a8551a;border:1px solid #00a85533}.load-medium{color:var(--acc);background:#0099cc1a;border:1px solid #09c3}.load-high{color:var(--danger);background:#e030401a;border:1px solid #e0304033}.eng-stats-row{background:var(--s2);text-align:center;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.6rem;display:grid}.eng-stat{flex-direction:column;gap:.15rem;display:flex}.eng-stat .num{color:var(--tx);font-family:DM Mono,monospace;font-size:1.1rem;font-weight:600}.eng-stat .lbl{color:var(--tx3);text-transform:uppercase;letter-spacing:.05em;font-size:.58rem}.eng-progress-container{flex-direction:column;gap:.35rem;display:flex}.progress-lbl-row{color:var(--tx2);justify-content:space-between;font-size:.68rem;font-weight:600;display:flex}.capacity-bar-track{background:var(--s3);border-radius:3px;height:6px;overflow:hidden}.capacity-bar-fill{border-radius:3px;height:100%;transition:width .4s}.capacity-bar-fill.load-low{background:var(--acc3)}.capacity-bar-fill.load-medium{background:var(--acc)}.capacity-bar-fill.load-high{background:var(--danger)}.eng-active-jobs-list{border-top:1px solid var(--b1);flex-direction:column;flex:1;gap:8px;padding-top:8px;display:flex;overflow:hidden}.eng-active-jobs-list .list-title{text-transform:uppercase;color:var(--tx3);letter-spacing:.05em;font-size:.68rem;font-weight:700}.eng-jobs-scroll{flex-direction:column;gap:8px;max-height:210px;padding-right:4px;display:flex;overflow-y:auto}.eng-job-row-btn{background:var(--s2);border:1px solid var(--b1);text-align:left;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:.4rem .5rem;font-family:inherit;transition:all .15s;display:flex}.eng-job-row-btn:hover{background:var(--s3);border-color:var(--b2)}.eng-job-row-btn .job-id-col{color:var(--tx);align-items:center;gap:.35rem;font-family:DM Mono,monospace;font-size:.72rem;font-weight:600;display:flex}.eng-job-row-btn .job-id-col .dot{border-radius:50%;width:6px;height:6px;display:inline-block}.eng-job-row-btn .job-party-col{color:var(--tx2);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:.5rem;font-size:.72rem;font-weight:600;overflow:hidden}.eng-job-row-btn .job-status-col{color:var(--tx3);font-size:.65rem;font-weight:700}.eng-no-jobs{color:var(--tx3);text-align:center;background:var(--s2);border:1px dashed var(--b1);border-radius:6px;padding:1.5rem 0;font-size:.72rem}.finance-row{grid-template-columns:1fr 1.2fr;gap:8px;display:grid}@media (max-width:900px){.finance-row{grid-template-columns:1fr}}.finance-col-left,.finance-col-right{flex-direction:column;gap:8px;display:flex}.unpaid-invoices-list{max-height:380px;padding-right:.25rem;overflow-y:auto}.unpaid-invoices-list::-webkit-scrollbar{width:3px}.unpaid-invoices-list::-webkit-scrollbar-track{background:var(--s2)}.unpaid-invoices-list::-webkit-scrollbar-thumb{background:var(--b3);border-radius:2px}.finance-payment-modes{flex-direction:column;gap:8px;margin:8px 0;display:flex}.payment-mode-bar-row{flex-direction:column;gap:.3rem;display:flex}.payment-mode-bar-row .mode-info{color:var(--tx);justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.payment-mode-bar-row .mode-amount{font-family:DM Mono,monospace;font-weight:700}.payment-mode-bar-row .mode-track{background:var(--s3);border-radius:4px;height:8px;overflow:hidden}.payment-mode-bar-row .mode-fill{border-radius:4px;height:100%;transition:width .4s}.payment-mode-bar-row .mode-percentage{color:var(--tx3);align-self:flex-end;font-size:.62rem;font-weight:700}.finance-table{border-collapse:collapse;width:100%;font-size:.75rem}.finance-table th{text-align:left;border-bottom:2px solid var(--b1);color:var(--tx3);text-transform:uppercase;letter-spacing:.05em;padding:.5rem .6rem;font-size:.62rem}.finance-table td{border-bottom:1px solid var(--b1);vertical-align:middle;padding:.6rem}.finance-table tr:hover td{background:var(--s2)}.finance-table .party-name{color:var(--tx);font-weight:700}.finance-table .status-sub{color:var(--tx3);align-items:center;gap:.25rem;margin-top:.15rem;font-size:.65rem;display:flex}.finance-table .status-sub .dot{border-radius:50%;width:5px;height:5px}.table-responsive{width:100%;overflow-x:auto}.customers-items-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:800px){.customers-items-row{grid-template-columns:1fr}}.customers-leaderboard{flex-direction:column;gap:8px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.customers-leaderboard::-webkit-scrollbar{width:3px}.customers-leaderboard::-webkit-scrollbar-track{background:var(--s2)}.customers-leaderboard::-webkit-scrollbar-thumb{background:var(--b3);border-radius:2px}.leaderboard-row{background:var(--s2);border:1px solid var(--b1);border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:transform .15s;display:flex}.leaderboard-row:hover{border-color:var(--b2);transform:translate(3px)}.leader-position-badge{background:var(--acc);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.leaderboard-row:first-child .leader-position-badge{color:#000;background:gold}.leaderboard-row:nth-child(2) .leader-position-badge{color:#000;background:silver}.leaderboard-row:nth-child(3) .leader-position-badge{color:#fff;background:#cd7f32}.leader-details{flex:1;min-width:0}.leader-name{color:var(--tx);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.leader-volume{color:var(--tx3);font-size:.65rem}.leader-revenue{color:var(--acc3);font-family:DM Mono,monospace;font-size:.8rem;font-weight:700}.empty-tab-state{text-align:center;background:var(--s1);border:1px dashed var(--b2);color:var(--tx3);border-radius:10px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.empty-tab-state .icon{margin-bottom:.75rem;font-size:2.5rem}.empty-tab-state h3{color:var(--tx);margin-bottom:.35rem;font-size:1rem;font-weight:700}.empty-tab-state p{max-width:320px;font-size:.78rem}.items-bars-container{max-height:380px;padding-right:.25rem;overflow-y:auto}.items-bars-container::-webkit-scrollbar{width:3px}.items-bars-container::-webkit-scrollbar-track{background:var(--s2)}.items-bars-container::-webkit-scrollbar-thumb{background:var(--b3);border-radius:2px}.tab-pane-content:not(:has(>.jl-root:only-child)) .jl-root{max-width:100%!important;max-height:none!important;overflow:hidden!important}.tab-pane-content:not(:has(>.jl-root:only-child)) .jl-table-wrap{max-width:100%!important;max-height:none!important;overflow:auto hidden!important}@media (min-width:768px){.tab-pane-content:not(:has(>.jl-root:only-child)) .dashboard-joblist-section-header{background:var(--bg);position:static}.tab-pane-content:not(:has(>.jl-root:only-child)) .dashboard-joblist-section-header:before{display:none}.tab-pane-content:not(:has(>.jl-root:only-child)) .jl-topbar{background:var(--s1);border-radius:12px 12px 0 0;position:static}.tab-pane-content:not(:has(>.jl-root:only-child)) .jl-topbar:after{display:none}.tab-pane-content:not(:has(>.jl-root:only-child)) .jl-table thead th{z-index:auto;background:var(--s2);box-shadow:none;position:static;top:auto}}
.store-row{grid-template-columns:1fr;gap:.75rem;display:grid}.vchr-shell{height:100%;min-height:0;max-height:100%;overflow:hidden}body:has(.vchr-shell){overflow:hidden}.shell:has(.vchr-shell){height:100dvh;min-height:100dvh;overflow:hidden}.page-area:has(.vchr-shell){flex-direction:column;min-height:0;display:flex;overflow:hidden}.vchr-topbar{flex-shrink:0;gap:8px;padding:8px 16px}.vchr-topbar-left{align-items:center;gap:8px;display:flex}.vchr-topbar-meta{color:var(--tx2);gap:16px;font-family:DM Mono,monospace;font-size:.78rem;display:flex}.vchr-topbar-meta strong{color:var(--tx)}.vchr-topbar-meta .vchr-id{color:var(--acc)}.fld-val--hidden{color:var(--tx3)}.row-num-cell{text-align:center;color:var(--tx3);font-family:DM Mono,monospace;font-size:.72rem}.items-tbl .th-sn{text-align:center;width:36px}.items-tbl .th-item{min-width:200px}.items-tbl .th-qty{width:75px}.items-tbl .th-unit{width:80px}.items-tbl .th-price{width:110px}.items-tbl .th-amount{text-align:right;width:110px}.items-tbl .th-action{width:30px}.vchr-field-error{color:var(--danger,#e53);margin:.25rem;font-size:.72rem}.vchr-items-error{color:var(--danger,#e53);margin-top:.4rem;padding:0 .5rem;font-size:.78rem}.vchr-footer-actions{gap:8px;display:flex}.saving-content{justify-content:center;align-items:center;gap:8px;display:flex}.spinner--sm{border-width:2px;border-top-color:#0000;width:12px;height:12px;margin-bottom:0}.party-row{grid-template-columns:2fr 1fr;gap:8px;display:grid}.narr-row{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:8px;margin:0;padding:8px;transition:border-color .18s,box-shadow .18s;display:flex}.narr-row .fld-lbl{text-transform:uppercase;letter-spacing:.12em;color:var(--tx3);font-size:.55rem;font-weight:700}.txt-inp{border:1px solid var(--b1);color:var(--tx);border-radius:4px;outline:none;width:100%;padding:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;transition:border-color .18s,box-shadow .18s}.txt-inp::placeholder{color:var(--tx3);font-style:italic}.txt-inp:focus{border-color:var(--acc)}.items-tbl-wrap{background:var(--s1);border:1px solid var(--b1);min-height:0;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.items-table-scroll{flex:1;min-height:0;overflow:auto}.items-table-scroll::-webkit-scrollbar-corner{background:0 0}.items-tbl{border-collapse:collapse;width:100%;font-size:.78rem}.items-tbl thead tr{background:var(--s2);border-bottom:1.5px solid var(--b1)}.items-tbl th{text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);white-space:nowrap;text-align:left;padding:8px;font-size:.56rem;font-weight:700}.items-tbl tbody tr{border-bottom:1px solid var(--b1);transition:background .1s}.items-tbl tbody tr:hover td{background:color-mix(in srgb, var(--acc) 4%, var(--s1))}.items-tbl td{vertical-align:middle;padding:0}.items-tbl tbody tr td:first-child{color:var(--tx3);text-align:center;background:var(--s2);border-right:1px solid var(--b1);width:36px;font-family:DM Mono,monospace;font-size:.65rem}.amnt-cell{text-align:right;color:var(--acc3);font-family:DM Mono,monospace;font-size:.8rem;font-weight:600;padding-right:8px!important}.items-tbl input{color:var(--tx);background:0 0;border:none;border-radius:4px;outline:none;width:100%;padding:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;transition:background .15s}.items-tbl input:focus{background:color-mix(in srgb, var(--acc) 8%, var(--s1));outline:none}.items-tbl select{color:var(--tx);cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem}.items-tbl .sel-wrap{border-radius:0;background:0 0!important;border:none!important}.items-tbl .sel-wrap .txt-inp{background:0 0;border:none;padding:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem}.items-tbl .sel-wrap .txt-inp:focus{background:color-mix(in srgb, var(--acc) 8%, var(--s1))}.items-tbl .btn-add{font-size:.7rem;padding:0 8px!important}.add-row-btn{border:1px dashed var(--b2);width:100%;color:var(--tx3);cursor:pointer;letter-spacing:.03em;background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:600;transition:all .15s;display:flex}.add-row-btn:hover{background:color-mix(in srgb, var(--acc) 6%, var(--s1));color:var(--acc);border-color:var(--acc)}.del-row-btn{color:var(--b3);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px;font-size:.65rem;line-height:1;transition:all .15s;display:flex}.del-row-btn:hover{color:var(--danger);background:#e030401a}.vchr-footer{background:var(--s1);border-top:1px solid var(--b1);z-index:10;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 20px #00000012}.total-lbl{color:var(--tx3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.2rem;font-size:.55rem;font-weight:700}.totalval{color:var(--acc3);letter-spacing:-.02em;font-family:DM Mono,monospace;font-size:1rem;font-weight:700;line-height:1}.party-row .fld-wrap{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:8px;padding:8px;transition:border-color .18s,box-shadow .18s}.party-row .sel-inp{font-size:.82rem}.fld-wrap.has-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #e030401a!important}.fld-error-msg{color:var(--danger);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.62rem;display:flex}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.vchr-saving-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#080c108c;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;animation:.15s fIn;display:flex;position:fixed;inset:0}[data-theme=light] .vchr-saving-overlay{background:#f0f4f8bf}@media (max-width:1023px){.vchr-body{padding:8px}}@media (max-width:767px){.vchr-topbar{height:auto;min-height:48px;padding:8px}.vchr-body{gap:8px;padding:8px}.party-row{grid-template-columns:1fr}.vchr-footer{padding:8px}.totalval{font-size:1.3rem}.items-tbl{min-width:520px}}.vchr-shell{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.vchr-body{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 8px 0;display:flex;overflow:hidden auto}.top-grid{flex-shrink:0;gap:8px;margin-bottom:0;padding:8px}.party-row{flex-shrink:0;gap:8px;margin-bottom:0}.narr-row{flex-shrink:0}.select-add-wrap,.fld-wrap{gap:4px}.fld-val,.sel-inp,.txt-inp{padding:8px}.items-tbl-wrap{flex-direction:column;flex:none;min-height:0;margin-bottom:0;display:flex;overflow:visible}.items-table-scroll{scrollbar-width:none;flex:none;min-height:0;overflow:visible}.items-table-scroll::-webkit-scrollbar{display:none}.items-table-scroll::-webkit-scrollbar-thumb{background:var(--b3);border-radius:2px}.items-table-scroll::-webkit-scrollbar-track{background:0 0}.items-table-scroll::-webkit-scrollbar-corner{background:0 0}.items-tbl{table-layout:fixed;min-width:0}.items-tbl thead th{z-index:2;position:sticky;top:0}.items-tbl th{padding:8px}.items-tbl td{padding:0}.add-row-btn{z-index:8;background:var(--s1);border:0;border-top:1px dashed var(--b2);border-radius:0;flex-shrink:0;width:calc(100% + 16px);margin:auto -8px 0;padding:10px 8px;position:sticky;bottom:0;box-shadow:0 -8px 18px #00000029}.vchr-footer{flex-shrink:0}@media (max-width:1023px){.vchr-body{padding:8px 8px 0}}@media (max-width:767px){.items-tbl{table-layout:fixed;width:100%;min-width:0!important}.items-tbl .th-sn,.items-tbl tbody tr td:first-child,.items-tbl .th-amount,.items-tbl tbody tr td:nth-child(6){display:none}.items-tbl .th-item{width:40%;min-width:0}.items-tbl .th-qty{width:14%}.items-tbl .th-unit{width:20%}.items-tbl .th-price{width:18%}.items-tbl .th-action{width:42px}.items-tbl th{padding:6px 4px;font-size:.52rem}.items-tbl input,.items-tbl select,.items-tbl .sel-wrap .txt-inp{min-width:0;padding:8px 4px;font-size:.72rem}.items-tbl .sel-wrap{min-width:0}.items-tbl .btn-add{flex:none;font-size:.64rem;padding:0 4px!important}.del-row-btn{width:100%;height:100%;min-height:32px;padding:0}.items-tbl td:has(.del-row-btn){text-align:center;vertical-align:middle}}
.select-add-wrap{position:relative}.select-add-wrap .sel-wrap{border:1px solid var(--b2);background:var(--s2);border-radius:4px;align-items:center;transition:border-color .2s,background .2s;display:flex}.select-add-wrap .sel-wrap.is-open{border-color:var(--acc);background:var(--s1)}.select-add-wrap .sel-wrap.has-error{border:1.5px solid var(--danger)}.select-add-wrap .sel-wrap .txt-inp{color:var(--tx);background:0 0;border:none;outline:none;flex:1}.select-add-wrap .btn-add{cursor:pointer;color:var(--acc);background:0 0;border:none;padding:0 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem}.select-add-dropdown{z-index:10000;background-color:var(--s1);box-shadow:var(--shadow-lg);border:1px solid var(--b2);border-radius:4px;max-height:250px;position:absolute;top:100%;overflow-y:auto}.select-add-dropdown--fixed{position:fixed}.select-add-dropdown--default,.select-add-dropdown--sales-type{left:0;right:0}.select-add-option{cursor:pointer;border-bottom:1px solid var(--b1);color:var(--tx);padding:8px 12px 8px .55rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem}.select-add-option:hover,.select-add-option.is-active{color:#fff;background-color:var(--acc)}.select-add-empty{color:var(--tx3);border-bottom:1px solid var(--b1);padding:9px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:.74rem}.select-add-highlight{color:var(--acc);font-weight:700}.select-add-error{color:var(--danger);margin-top:4px;font-size:.75rem}