:root,:root[data-theme=light]{--brand-primary: #4f6fe8;--brand-primary-hover: #4056c4;--brand-on-primary: #ffffff;--sidebar-bg: #1a1f3c;--sidebar-item: rgba(255, 255, 255, .72);--sidebar-active-fill: #2e3566;--sidebar-active-text: #8094ff;--page-bg: #f6f7fa;--card-bg: #ffffff;--border: #e8eaf2;--row-hover: rgba(0, 0, 0, .03);--input-bg: #ffffff;--text-primary: #1e2238;--text-muted: #6b7280;--text-faint: #9aa0ae;--success: #2da44e;--warning: #b7791f;--danger: #e5484d;--info: #4285f4;--success-bg: rgba(45, 164, 78, .12);--warning-bg: rgba(183, 121, 31, .12);--danger-bg: rgba(229, 72, 77, .12);--info-bg: rgba(66, 133, 244, .12);--brand-bg: rgba(79, 111, 232, .1);--danger-btn: #e5484d;--danger-btn-hover: #cf3b40;--focus-ring: 0 0 0 3px rgba(79, 111, 232, .18);--shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);color-scheme:light}:root[data-theme=dark]{--brand-primary: #4f6fe8;--brand-primary-hover: #4056c4;--brand-on-primary: #ffffff;--sidebar-bg: #1a1f3c;--sidebar-item: rgba(255, 255, 255, .72);--sidebar-active-fill: #2e3566;--sidebar-active-text: #8094ff;--page-bg: #0b0e1a;--card-bg: #141830;--border: rgba(255, 255, 255, .09);--row-hover: rgba(255, 255, 255, .05);--input-bg: #1a1f3c;--text-primary: rgba(255, 255, 255, .92);--text-muted: rgba(255, 255, 255, .65);--text-faint: rgba(255, 255, 255, .45);--success: #2da44e;--warning: #b7791f;--danger: #e5484d;--info: #4285f4;--success-bg: rgba(45, 164, 78, .2);--warning-bg: rgba(183, 121, 31, .22);--danger-bg: rgba(229, 72, 77, .22);--info-bg: rgba(66, 133, 244, .22);--brand-bg: rgba(79, 111, 232, .24);--danger-btn: #ff6b6b;--danger-btn-hover: #ff8585;--focus-ring: 0 0 0 3px rgba(79, 111, 232, .18);--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .5);color-scheme:dark}:root,:root[data-density=comfortable]{--row-py: 12px;--card-pad: 20px;--control-h: 40px;--gap: 16px;--font-base: 14px}:root[data-density=compact]{--row-py: 6px;--card-pad: 12px;--control-h: 32px;--gap: 10px;--font-base: 13px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--font-base);background:var(--page-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .15s ease,color .15s ease}h1,h2,h3,h4,h5{font-weight:700;color:var(--text-primary);margin:0 0 .4em}a{color:var(--brand-primary);text-decoration:none}input,select,button,textarea{font-family:inherit;font-size:var(--font-base)}.input{width:100%;height:var(--control-h);padding:0 12px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--brand-primary);box-shadow:var(--focus-ring)}.btn{height:var(--control-h);padding:0 16px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary:disabled:hover{background:var(--brand-primary)}.btn-danger:disabled:hover{background:var(--danger-btn)}.btn-primary{background:var(--brand-primary);color:var(--brand-on-primary)}.btn-primary:hover{background:var(--brand-primary-hover)}.btn-danger{background:var(--danger-btn);color:#fff}.btn-danger:hover{background:var(--danger-btn-hover)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--row-hover)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:var(--card-pad);box-shadow:var(--shadow-card)}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.6}.pill-success{background:var(--success-bg);color:var(--success)}.pill-warning{background:var(--warning-bg);color:var(--warning)}.pill-danger{background:var(--danger-bg);color:var(--danger)}.pill-info{background:var(--info-bg);color:var(--info)}.pill-muted{background:var(--row-hover);color:var(--text-muted)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-weight:500;color:var(--text-muted);padding:var(--row-py) 12px;border-bottom:1px solid var(--border)}.table td{padding:var(--row-py) 12px;border-bottom:1px solid var(--border);color:var(--text-primary)}.table tbody tr:hover{background:var(--row-hover)}.boq-items th,.boq-items td{padding:6px 10px}.boq-items tbody tr:nth-child(2n){background:var(--page-bg)}.boq-items tbody tr:hover{background:var(--row-hover)}.boq-items th.num,.boq-items td.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.app-sidebar{width:240px;flex-shrink:0;background:var(--sidebar-bg);display:flex;flex-direction:column;padding:20px 12px;gap:4px;height:100%;overflow-y:auto;transition:width .2s ease,padding .2s ease}.app-menu-btn{display:inline-flex}.app-scrim{display:none}@media (min-width: 900px){.app-sidebar.collapsed{width:0;min-width:0;padding-left:0;padding-right:0;overflow:hidden;border-right:none}}.app-header{position:sticky;top:0;z-index:50}.app-main{padding:20px}.qc-panes{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);gap:var(--gap);align-items:start}@media (max-width: 760px){.qc-panes{grid-template-columns:1fr}}.work-in-hand{position:fixed;right:16px;bottom:16px;z-index:60;width:250px;max-width:calc(100vw - 32px);background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px #00000040;overflow:hidden}@media (max-width: 760px){.work-in-hand{right:8px;bottom:8px;max-width:calc(100vw - 16px)}}.wih-bubble{position:fixed;right:16px;bottom:16px;z-index:60;width:48px;height:48px;border-radius:50%;background:var(--brand-primary);color:#fff;border:none;box-shadow:0 6px 20px #00000040;display:grid;place-items:center;cursor:pointer;transition:filter .15s ease,transform .15s ease}.wih-bubble:hover{filter:brightness(1.08);transform:translateY(-1px)}.wih-bubble:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media (max-width: 760px){.wih-bubble{right:8px;bottom:8px;width:44px;height:44px}}.cell-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0e1a80;display:flex;align-items:flex-end;justify-content:center}.cell-sheet-panel{background:var(--card-bg);width:100%;max-width:520px;border-radius:16px 16px 0 0;padding:20px;box-shadow:0 -8px 30px #00000040;max-height:88vh;overflow-y:auto}@media (min-width: 641px){.cell-sheet-backdrop{align-items:center;padding:24px}.cell-sheet-panel{border-radius:14px;box-shadow:0 24px 64px #00000052;border:1px solid var(--border)}.cell-sheet-grip{display:none}}.two-col{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:var(--gap);align-items:start}.two-col>*{min-width:0}.filter-bar .input{width:auto;max-width:220px}.req-hdr-grid{display:grid;gap:10px;align-items:end;margin-bottom:10px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 780px){.req-hdr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.req-hdr-grid{grid-template-columns:1fr}}.tracker-expanded .app-main{padding:0}.tracker-expanded .app-content,.tracker-expanded .page-container{max-width:none!important}.tracker-expanded .app-header,.tracker-expanded .page-header{display:none!important}.tracker-expanded .app-main{display:flex;flex-direction:column;padding-bottom:8px}.tracker-expanded .app-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.tracker-expanded .page-container,.tracker-expanded .tracker-shell{flex:1 1 auto;min-height:0}.tracker-expanded .tracker-grid-scroll{flex:1 1 auto;min-height:0;max-height:none!important}.tracker-expanded .tracker-grid td{padding:2px 7px!important;line-height:1.2}.tracker-expanded .tracker-grid .pill{padding:1px 7px;font-size:10.5px}.tracker-expanded .tracker-grid td .faint{font-size:9.5px}.tracker-expanded .tracker-grid thead tr:first-child th{padding:2px 8px!important;height:22px}.tracker-expanded .tracker-grid thead tr:nth-child(2) th{padding:3px 7px!important;top:22px!important}.tracker-expanded .tracker-shell{gap:6px!important}.tracker-expanded .metrics-bar{padding:2px 4px!important}.tracker-expanded .filter-bar{padding:4px 8px!important}.tracker-expanded .tracker-statusbar{display:none!important}.filter-exit-slot{display:none}.tracker-expanded .filter-exit-slot{display:inline-flex;align-items:center}@media (max-width: 720px){.two-col{grid-template-columns:1fr}.app-main{padding:12px}}@media (max-width: 899px){.app-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:60;transform:translate(-100%);transition:transform .2s ease}.app-sidebar.open{transform:translate(0)}.app-menu-btn{display:inline-flex}.app-scrim.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1a80;z-index:55}}.attach-grid{display:flex;flex-wrap:wrap;gap:12px}.attach-cell{display:flex;flex-direction:column;gap:3px}.attach-tile-wrap{position:relative}.attach-tile{padding:0;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,box-shadow .15s}.attach-tile:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-card)}.attach-tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.attach-tile img{width:100%;height:100%;object-fit:cover;display:block}.attach-tile-file{flex-direction:column;gap:4px;color:var(--text-muted)}.attach-tile-ext{font-size:11px;font-weight:700;letter-spacing:.03em}.attach-tile-skel{width:100%;height:100%;background:linear-gradient(100deg,var(--input-bg) 40%,var(--row-hover) 50%,var(--input-bg) 60%);background-size:200% 100%;animation:attach-shimmer 1.2s ease-in-out infinite}@keyframes attach-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.attach-del{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:999px;border:1px solid var(--border);background:var(--card-bg);color:var(--danger);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s}.attach-tile-wrap:hover .attach-del,.attach-del:focus-visible{opacity:1}.attach-cap{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1ac7;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.lightbox-body{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;max-width:min(1100px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border)}.lightbox-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-stage{padding:12px;overflow:auto;display:flex;align-items:center;justify-content:center}.lightbox-stage img{max-width:100%;max-height:78vh;object-fit:contain;display:block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#0a0e1a8c;display:flex;align-items:center;justify-content:center;padding:24px}.modal-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;width:100%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #00000052}.modal-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:17px;font-weight:700;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis}.modal-body{flex:1 1 auto;padding:16px 18px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px}.modal-foot{flex:0 0 auto;display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border)}@media (max-width: 640px){.modal-backdrop{padding:0;align-items:flex-end}.modal-panel{max-width:100%!important;max-height:94vh;border-radius:16px 16px 0 0}.modal-head,.modal-body,.modal-foot{padding-left:14px;padding-right:14px}}.rev-list{display:flex;flex-direction:column;gap:8px}.rev-item{border:1px solid var(--border);border-radius:10px;background:var(--card-bg);overflow:hidden;transition:border-color .12s ease,background .12s ease}.rev-item-head{display:flex;align-items:center;gap:10px;padding:10px 12px}.rev-item:not(:has(.rev-item-edit)) .rev-item-head:hover{background:var(--row-hover)}.rev-item.is-changed{border-color:var(--brand-primary)}.rev-item-head>.btn{font-size:13px;font-weight:500}.rev-thumb{flex:0 0 auto;display:inline-flex}.rev-thumb .attach-cell{width:36px!important}.rev-thumb .attach-tile{width:36px!important;height:36px!important;border-radius:6px}.rev-thumb .attach-tile:hover{box-shadow:none}.rev-thumb .attach-cap{display:none}.rev-item-main{min-width:0;flex:1 1 auto}.rev-item-name{font-size:14px;font-weight:500;color:var(--text-primary)}.rev-item-cur{font-size:12px;font-weight:400;color:var(--text-muted);margin-top:2px}.rev-item:has(.rev-item-edit){border:1.5px solid var(--brand-primary)}.rev-item:has(.rev-item-edit) .rev-item-head{background:#4f6fe814}.rev-item-edit{border-top:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:12px;background:#4f6fe80a}.rev-grid{display:grid;column-gap:12px;row-gap:10px}.rev-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rev-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rev-field{display:flex;flex-direction:column;gap:4px;min-width:0}.rev-label{font-size:12px;font-weight:500;color:var(--text-primary)}.rev-was{font-size:11px;font-weight:400;color:var(--text-faint)}.rev-item-edit .input,.rev-add .input{height:36px!important;padding:0 10px;font-size:13px}.rev-add{margin-top:4px;border:1px dashed var(--brand-primary);border-radius:10px;padding:12px;background:#4f6fe80d}@media (max-width: 720px){.rev-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.rev-grid.cols-3,.rev-grid.cols-2{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.jobcard-print,.jobcard-print *,.print-area,.print-area *{visibility:visible}.jobcard-print{position:absolute;left:0;top:0;width:100%;max-width:none;box-shadow:none;border:none}.print-area{position:absolute;left:0;top:0;width:100%;max-width:none;box-shadow:none;border:none;background:#fff;color:#000}.no-print{display:none!important}}@keyframes tisSheetUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@media (display-mode: standalone){.app-header{padding-top:env(safe-area-inset-top,0px)}.app-sidebar{padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}}@supports (-webkit-touch-callout: none){.app-header{padding-top:env(safe-area-inset-top,0px)}}@keyframes tisSpin{to{transform:rotate(360deg)}}.extras-grid{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.extras-grid th,.extras-grid td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:10px 11px;vertical-align:middle}.extras-grid tr>*:last-child{border-right:none}.extras-grid tbody tr:last-child>td{border-bottom:none}.extras-grid thead tr.grp-row th{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700;padding:8px 11px;border-bottom:2px solid var(--border)}.extras-grid .grp-boq{background:#64748b29;color:var(--text-muted)}.extras-grid .grp-designer{background:#4f6fe826;color:var(--brand-primary)}.extras-grid .grp-factory{background:#d9822b29;color:var(--warning)}.extras-grid .grp-shared{background:transparent}.extras-grid thead tr.col-row th{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--card-bg);white-space:nowrap}.extras-grid td.ro{background:#64748b0e}.extras-grid .col-row th.ro{background:#64748b1a}.extras-grid .num{text-align:right;font-variant-numeric:tabular-nums}.extras-grid tbody tr:hover td:not(.ro){background:var(--row-hover)}.extras-grid td .input{min-width:0}