@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&family=DM+Sans:wght@300;400;500;600&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}: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}[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}body{background:var(--bg);color:var(--tx);min-height:100vh;font-family:DM Sans,sans-serif;font-size:13px;transition:background .25s,color .25s;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-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:DM 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;animation:.4s ease-out forwards contentFadeIn;display:flex;position:relative;overflow:hidden}.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:Syne,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:DM 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:DM 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:DM 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:DM Sans,sans-serif;font-size:.8rem;transition:border-color .2s,background .2s}.form-inp:focus{border-color:var(--acc);background:var(--s1)}.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:DM 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:DM 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:Syne,sans-serif;font-size:1rem;font-weight:800}.topbar-logo span{color:var(--acc)}.topbar-right{flex-wrap:wrap;align-items:center;gap:.6rem;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}.main-content{flex:1;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-y:auto}.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:500;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:.5rem;padding:.9rem 1.25rem .9rem 1rem;display:flex}.pg-title{font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.pg-sub{color:var(--tx3);margin-top:.1rem;font-size:.7rem}.pg-body{padding:.5rem}.pg-header-left{align-items:center;gap:1.2rem;display:flex}.pg-header-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-bottom:1.25rem;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}.tbl-wrap{background:var(--s1);border:1px solid var(--b1);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.tbl-header{border-bottom:1px solid var(--b1);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:DM 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{border-bottom:1px solid var(--b1);color:var(--tx);padding:.55rem .85rem;font-size:.7rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--s2)}td input,td select{color:var(--tx);background:0 0;border:none;outline:none;width:100%;font-family:DM 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{color:var(--warn);background:#cc88001f}.badge-progress{color:var(--acc);background:#0099cc1f}.badge-done{color:var(--acc3);background:#00a8551f}.badge-repair{color:var(--acc4);background:#8040e01f}.badge-hold{color:var(--warn);background:#cc880026;border:1px solid #cc88004d}.badge-paid{color:var(--acc3);background:#00a85526;border:1px solid #00a8554d}.badge-closed{color:var(--danger);background:#e030401f;border:1px solid #e0304040}.badge-returning{color:var(--acc2);background:#e85a2026;border:1px solid #e85a204d}.vchr-shell{flex-direction:column;min-height:100vh;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:Syne,sans-serif;font-size:.88rem;font-weight:700}.vchr-body{background:var(--bg);flex:1;padding:.85rem 1.25rem}.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:.85rem;padding:.75rem;display:grid}.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:.35rem .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:DM 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:DM 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{margin-bottom:.65rem}.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:DM 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:DM 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:Syne,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:.3rem;display:flex}.form-lbl2{text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);font-size:.6rem;font-weight:700}.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(--acc)}.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;margin-bottom:.85rem;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;margin-bottom:.65rem;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:DM 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:DM 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:DM 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}.pageloader-ring{width:52px;height:52px;position:relative}.pageloader-ring div{box-sizing:border-box;border:4px solid var(--acc);border-color:var(--acc)transparent transparent transparent;border-radius:50%;width:44px;height:44px;margin:4px;animation:1.1s cubic-bezier(.5,0,.5,1) infinite ring-spin;display:block;position:absolute}.pageloader-ring div:first-child{animation-delay:-.45s}.pageloader-ring div:nth-child(2){animation-delay:-.3s}.pageloader-ring div:nth-child(3){animation-delay:-.15s}.pageloader-logo{letter-spacing:-.03em;color:var(--tx);font-family:Syne,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-spinner{width:40px;height:40px;position:relative}.ol-spinner div{box-sizing:border-box;border:3px solid var(--acc);border-color:var(--acc)transparent transparent transparent;border-radius:50%;width:34px;height:34px;margin:3px;animation:1s cubic-bezier(.5,0,.5,1) infinite ring-spin;display:block;position:absolute}.ol-spinner div:first-child{animation-delay:-.45s}.ol-spinner div:nth-child(2){animation-delay:-.3s}.ol-spinner div:nth-child(3){animation-delay:-.15s}.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,var(--s2)25%,var(--s3)50%,var(--s2)75%);background-size:200% 100%;border-radius:4px;height:10px;animation:1.4s infinite skeleton-shimmer}@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-ring{width:22px;height:22px;position:relative}.section-loader-ring div{box-sizing:border-box;border:2px solid var(--acc);border-color:var(--acc)transparent transparent transparent;border-radius:50%;width:18px;height:18px;margin:2px;animation:.9s cubic-bezier(.5,0,.5,1) infinite ring-spin;display:block;position:absolute}.section-loader-ring div:first-child{animation-delay:-.45s}.section-loader-ring div:nth-child(2){animation-delay:-.3s}.section-loader-ring div:nth-child(3){animation-delay:-.15s}.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:DM 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 2rem}.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 .85rem}.vchr-footer{padding:.6rem .85rem}.total-val{font-size:1.1rem}.topbar{z-index:1001;padding:0 .85rem}.topbar-right{gap:.4rem}.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}.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:Syne,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:DM 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:Syne,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:3px;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{color:#fff;background:linear-gradient(135deg,#c80,#e85a20);font-weight:700}.btn-admin:hover:not(:disabled){filter:brightness(1.1);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-bottom:1rem;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:DM 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:DM 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:DM 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:DM 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:DM 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}.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;overflow:hidden}.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(--warn)}.jl-card.status-in-progress{--status-accent:var(--acc)}.jl-card.status-on-hold{--status-accent:var(--warn)}.jl-card.status-done{--status-accent:var(--acc3)}.jl-card.status-closed{--status-accent:var(--danger)}.jl-card.status-paid{--status-accent:var(--acc3)}.jl-card.status-returning{--status-accent:var(--acc2)}.jl-card.status-repairing,.jl-card.status-no-repair{--status-accent:var(--acc4)}.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{overflow-x:auto}.jl-table{border-collapse:collapse;width:100%}.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:last-child{border-bottom:none}.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-narr-cell{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--tx2);overflow:hidden}.jl-row-actions{flex-wrap:wrap;align-items:center;gap:.35rem;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-left{gap:.5rem}.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}}