*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:#e8eaed;color:#1e293b;font-size:13px;line-height:1.4;overflow:hidden;height:100vh}#app{height:100vh;display:flex;flex-direction:column}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#1a365d,#2d3748)}.login-card{background:#fff;border-radius:8px;padding:32px;width:380px;box-shadow:0 20px 40px #0000004d}.login-card h1{font-size:20px;font-weight:700;margin-bottom:4px}.login-card .sub{font-size:12px;color:#64748b;margin-bottom:20px}.login-card .field{margin-bottom:12px}.login-card label{display:block;font-size:11px;font-weight:600;color:#475569;margin-bottom:4px}.login-card input{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:4px;font-size:13px;outline:none}.login-card input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.login-card .error{color:#dc2626;font-size:11px;margin-bottom:8px}.login-card button{width:100%;padding:9px;background:#1a56db;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer}.login-card button:hover{background:#1e40af}.login-card button:disabled{opacity:.5}.app-shell{display:flex;flex-direction:column;height:100vh}.title-bar{background:#1e293b;color:#fff;padding:0 16px;height:40px;display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:12px}.title-bar h1{font-size:13px;font-weight:700;white-space:nowrap}.title-bar .sep{width:1px;height:20px;background:#475569}.title-bar select{background:#334155;color:#e2e8f0;border:1px solid #475569;border-radius:3px;padding:3px 8px;font-size:11px;outline:none;max-width:320px}.title-bar .spacer{flex:1}.title-bar .user{color:#94a3b8;font-size:11px}.title-bar .tb-btn{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:11px;padding:4px 6px;border-radius:3px}.title-bar .tb-btn:hover{color:#fff;background:#334155}.toolbar{background:#f1f3f4;border-bottom:1px solid #dadce0;padding:4px 12px;display:flex;align-items:center;gap:6px;flex-shrink:0;height:36px}.toolbar .tool-group{display:flex;align-items:center;gap:2px;padding-right:8px;border-right:1px solid #dadce0;margin-right:4px}.toolbar .tool-group:last-child{border-right:none}.tool-btn{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:3px;font-size:11px;color:#444;display:flex;align-items:center;gap:4px;white-space:nowrap}.tool-btn:hover{background:#e0e2e4}.tool-btn.active{background:#d3e3fd;color:#1a56db}.tool-btn svg{flex-shrink:0}.sheet-area{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#fff}.sheet-tabs{background:#e8eaed;border-top:1px solid #c4c7c5;display:flex;align-items:stretch;height:28px;flex-shrink:0;padding-left:4px}.sheet-tab{padding:0 16px;font-size:11px;font-weight:500;color:#444;background:#d3d6d9;border:1px solid #c4c7c5;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;display:flex;align-items:center;gap:6px;margin-right:1px;white-space:nowrap;transition:background .1s}.sheet-tab:hover{background:#e8eaed}.sheet-tab.active{background:#fff;color:#1a56db;font-weight:600;border-bottom:1px solid #fff;margin-bottom:-1px}.sheet-tab svg{opacity:.5}.sheet-tab.active svg{opacity:1}.boq-filter-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f1f5f9;border-bottom:1px solid #d0d5dd;flex-shrink:0}.boq-filter-input{padding:4px 8px;font-size:12px;border:1px solid #cbd5e1;border-radius:4px;width:240px;outline:none}.boq-filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.boq-filter-select{padding:4px 8px;font-size:12px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;outline:none;cursor:pointer}.boq-filter-clear{padding:4px 10px;font-size:11px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;cursor:pointer;color:#64748b}.boq-filter-clear:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.grid-scroll{flex:1;overflow:auto;position:relative;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.boq-grid{border-collapse:collapse;font-size:12px;font-family:JetBrains Mono,Consolas,monospace}.boq-grid th,.boq-grid td{border:1px solid #d0d5dd;padding:4px 6px;text-align:left;min-height:26px;white-space:normal;word-wrap:break-word}.boq-grid thead{position:sticky;top:0;z-index:10}.boq-grid .hdr-group{background:#1e3a5f;color:#fff;font-weight:600;text-align:center;font-size:11px;letter-spacing:.3px;white-space:nowrap}.boq-grid .hdr-sub{background:#2d5a8e;color:#e2e8f0;font-weight:500;text-align:center;font-size:10px;white-space:nowrap}.boq-grid thead .frozen.hdr-group{background:#1e3a5f}.boq-grid thead .frozen.hdr-sub{background:#2d5a8e}.boq-grid tbody .cg-base{background:#f0f4ff}.boq-grid tbody .cg-supply{background:#e8f5e9}.boq-grid tbody .cg-erect{background:#fff3e0}.boq-grid tbody .cg-cost{background:#fafafa}.boq-grid tbody .cg-margin{background:#f3e8ff}.boq-grid tbody .cg-oh{background:#e0f2fe}.boq-grid tbody .cg-sell{background:#ecfdf5}.boq-grid tbody .cg-tax{background:#fef9c3}.boq-grid thead .hdr-group.cg-cost{background:#4a5568;color:#fff}.boq-grid thead .hdr-group.cg-margin{background:#6b21a8;color:#fff}.boq-grid thead .hdr-group.cg-oh{background:#0369a1;color:#fff}.boq-grid thead .hdr-group.cg-sell{background:#047857;color:#fff}.boq-grid thead .hdr-group.cg-tax{background:#b45309;color:#fff}.boq-grid thead .hdr-sub.cg-cost{background:#5a6577;color:#e2e8f0}.boq-grid thead .hdr-sub.cg-margin{background:#7e33b8;color:#e2e8f0}.boq-grid thead .hdr-sub.cg-oh{background:#0c7ec4;color:#e2e8f0}.boq-grid thead .hdr-sub.cg-sell{background:#059669;color:#e2e8f0}.boq-grid thead .hdr-sub.cg-tax{background:#c5600a;color:#e2e8f0}.boq-grid thead .hdr-group.cg-cat{background:#334155;color:#fbbf24;font-weight:700}.boq-grid thead .hdr-group.cg-gs{background:#7c3aed;color:#fff}.boq-grid thead .hdr-sub.cg-gs{background:#8b5cf6;color:#e2e8f0}.boq-grid tbody .cg-cat{background:#f8fafc;white-space:nowrap;text-align:center;min-width:90px}.boq-grid tbody .cg-gs{background:#faf5ff;min-width:96px}.cat-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.3px}.cat-empty{color:#cbd5e1;font-size:11px}.cat-clickable{cursor:pointer}.cat-clickable:hover{background:#e8f0fe!important}.cat-select{width:100%;border:1px solid #3b82f6;border-radius:3px;font-size:11px;padding:2px;outline:none;background:#fff;cursor:pointer}.gs-success{animation:gsFlash 1.2s ease-out}@keyframes gsFlash{0%{background:#d4edda}to{background:#faf5ff}}.boq-grid .frozen{position:sticky;z-index:5;background:#fff}.boq-grid .frozen-sl{left:0;min-width:48px;max-width:48px;background:#f0f4ff;font-weight:600;text-align:center;color:#1e3a5f}.boq-grid .frozen-desc{left:48px;min-width:280px;max-width:280px;background:#fff;white-space:normal;word-wrap:break-word;line-height:1.4}.boq-grid .frozen-unit{left:328px;min-width:52px;max-width:52px;text-align:center;background:#f8fafc}.boq-grid .frozen-qty{left:380px;min-width:64px;max-width:64px;text-align:right;background:#f8fafc}.boq-grid thead .frozen{z-index:15}.boq-grid thead .frozen-sl,.boq-grid thead .frozen-desc,.boq-grid thead .frozen-unit,.boq-grid thead .frozen-qty{background:#0f2b4a;color:#fbbf24;font-weight:700}.boq-grid .section-row{background:#334155!important;color:#fff;font-weight:700}.boq-grid .section-row td{background:#334155!important;border-color:#475569;white-space:nowrap}.boq-grid td.num{text-align:right;font-variant-numeric:tabular-nums}.boq-grid td.editable{cursor:cell}.boq-grid td.editable:hover{background:#fef3c7;outline:2px solid #f59e0b;outline-offset:-1px}.boq-grid td.readonly{color:#64748b}.boq-grid .total-row{background:#f8fafc;font-weight:700}.boq-grid .total-row td{border-top:2px solid #334155}.cell-edit{width:100%;border:none;outline:none;background:#fef9c3;font-family:inherit;font-size:12px;padding:0;text-align:inherit}.ws-container{padding:12px;overflow-y:auto;flex:1}.ws-container>*+*{margin-top:12px}.ws-hdr{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.ws-hdr h3{font-size:15px;font-weight:700;color:#1e293b}.ws-stats{font-size:11px;color:#64748b}.ws-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:6px 12px;font-size:11px;color:#1e40af;line-height:1.5}.ws-section{border:1px solid #d0d5dd;border-radius:6px;overflow:hidden}.ws-sec-hdr{background:#1e293b;color:#fff;padding:6px 12px;display:flex;align-items:center;gap:10px;font-size:12px}.ws-sec-hdr .num{font-weight:700;color:#fbbf24;width:28px;text-align:center}.ws-sec-hdr .name{flex:1;font-weight:600;font-size:12px}.ws-sec-hdr .cnt{font-size:11px;color:#94a3b8}.ws-item-row{background:#fffbeb;padding:6px 12px;display:flex;align-items:center;gap:6px;font-size:11px;border-bottom:1px solid #fef3c7}.ws-item-row .sl{font-weight:700;width:44px}.ws-item-row .desc{flex:1;font-weight:600;color:#334155}.ws-item-row .unit{width:44px;text-align:center}.ws-item-row .qty{width:52px;text-align:right;color:#64748b}.ws-item-row .total{width:88px;text-align:right;font-weight:700;color:#047857}.ws-comp-tbl{width:100%;font-size:11px;border-collapse:collapse;background:#fff}.ws-comp-tbl th{background:#f8fafc;padding:4px 6px;font-weight:500;color:#64748b;text-align:left;border-bottom:1px solid #e2e8f0}.ws-comp-tbl td{padding:3px 6px;border-bottom:1px solid #f1f5f9}.ws-comp-tbl tfoot td{border-top:2px solid #d0d5dd;font-weight:700;background:#f8fafc}.ws-empty-sec{padding:20px;text-align:center;color:#94a3b8;font-size:12px}.act{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:3px;padding:2px 4px;border-radius:3px;font-size:11px}.act:hover{background:#0000000f}.act-add{color:#059669}.act-del{color:#dc2626}.act-kit{color:#7c3aed}.act-link{color:#2563eb}.act-warn{color:#d97706}.edt{display:inline-block;padding:1px 3px;border-radius:2px;cursor:cell;min-width:20px}.edt:hover{background:#fef3c7;outline:1px dashed #f59e0b}.edt.hi{background:#fffbeb;border:1px dashed #fbbf24;cursor:pointer}.edt.hi:hover{background:#fef3c7;border-color:#f59e0b}.edt-input{width:100%;padding:1px 3px;border:2px solid #3b82f6;border-radius:2px;font-size:11px;background:#eff6ff;outline:none;font-family:inherit}.boq-badge{font-size:10px;background:#d1fae5;color:#047857;padding:1px 5px;border-radius:3px;font-weight:500}.kit-panel{background:#faf5ff;border-bottom:1px solid #e9d5ff;padding:10px 14px}.kit-panel .kp-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.kit-panel .kp-title{font-size:11px;font-weight:600;color:#6b21a8;display:flex;align-items:center;gap:5px}.kit-panel .kp-search{width:100%;padding:5px 6px 5px 26px;font-size:11px;border:1px solid #e9d5ff;border-radius:4px;background:#fff;outline:none}.kit-panel .kp-list{max-height:220px;overflow-y:auto;margin-top:6px}.kit-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:6px;margin-bottom:4px}.kit-card:hover{border-color:#c4b5fd}.kit-card .kc-hdr{display:flex;align-items:center;justify-content:space-between}.kit-card .kc-name{font-size:11px;font-weight:600}.kit-card .kc-total{font-size:11px;font-weight:700;color:#047857}.btn-sm{padding:2px 6px;font-size:10px;font-weight:500;border:none;border-radius:3px;cursor:pointer;color:#fff}.btn-sm.purple{background:#7c3aed}.btn-sm.purple:hover{background:#6d28d9}.btn-sm.blue{background:#3b82f6}.btn-sm.blue:hover{background:#2563eb}.btn-sm:disabled{opacity:.5}.boq-dd{background:#eff6ff;border-bottom:1px solid #bfdbfe;padding:6px 20px}.boq-dd input{width:100%;padding:4px 6px;font-size:11px;border:1px solid #cbd5e1;border-radius:3px;margin-bottom:4px}.boq-dd .boq-opt{width:100%;text-align:left;padding:3px 6px;font-size:11px;background:none;border:none;cursor:pointer;border-radius:3px;display:flex;gap:6px}.boq-dd .boq-opt:hover{background:#dbeafe}.oh-container{padding:12px;overflow-y:auto;flex:1}.oh-section{margin-bottom:16px}.oh-sec-hdr{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#f1f3f4;border:1px solid #dadce0;border-radius:4px 4px 0 0;cursor:pointer}.oh-sec-hdr h4{font-size:12px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:6px}.oh-sec-hdr .oh-total{font-size:12px;font-weight:700;color:#047857}.oh-tbl{width:100%;font-size:11px;border-collapse:collapse;border:1px solid #dadce0;border-top:none}.oh-tbl th{background:#f8f9fa;padding:4px 8px;font-weight:500;color:#5f6368;text-align:left;border:1px solid #dadce0}.oh-tbl td{padding:3px 8px;border:1px solid #e8eaed}.oh-tbl td.num{text-align:right;font-variant-numeric:tabular-nums}.oh-tbl td.editable:hover{background:#fef3c7;outline:2px solid #f59e0b;outline-offset:-1px;cursor:cell}.oh-tbl tfoot td{font-weight:700;background:#f0f4ff;border-top:2px solid #dadce0}.oh-summary{background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;padding:12px;margin-top:12px}.oh-summary table{width:100%;font-size:12px}.oh-summary td{padding:4px 8px}.oh-summary .label{font-weight:600;color:#0c4a6e}.oh-summary .val{text-align:right;font-weight:700;color:#047857}.pmc-container{padding:12px;overflow-y:auto;flex:1}.pmc-tbl{width:100%;font-size:12px;border-collapse:collapse}.pmc-tbl th{background:#1e3a5f;color:#fff;padding:6px 10px;font-weight:500;text-align:center;border:1px solid #2d5a8e}.pmc-tbl .pmc-group{background:#2d5a8e;color:#e2e8f0;font-size:11px}.pmc-tbl td{padding:4px 8px;border:1px solid #d0d5dd}.pmc-tbl td.num{text-align:right;font-variant-numeric:tabular-nums}.pmc-tbl .grand-row{background:#f0f4ff;font-weight:700}.pmc-tbl .grand-row td{border-top:2px solid #1e3a5f}.pmc-margins{margin-top:16px;background:#f8f9fa;border:1px solid #dadce0;border-radius:4px;padding:12px}.pmc-margins h4{font-size:13px;font-weight:600;margin-bottom:8px}.pmc-margins table{width:100%;font-size:12px;border-collapse:collapse}.pmc-margins th{background:#e8eaed;padding:4px 8px;text-align:left;border:1px solid #dadce0;font-weight:500}.pmc-margins td{padding:3px 8px;border:1px solid #e8eaed}.pmc-margins td.editable:hover{background:#fef3c7;outline:2px solid #f59e0b;outline-offset:-1px;cursor:cell}.pmc-tbl .subtotal-row{background:#e8f4fd;font-weight:600}.pmc-tbl .subtotal-row td{border-top:1.5px solid #3b82f6;border-bottom:1.5px solid #3b82f6}.pmc-tbl .sheet-header-row td{letter-spacing:.3px}.main-body{display:flex;flex:1;overflow:hidden}.sidebar{width:200px;background:#1e293b;display:flex;flex-direction:column;padding:8px 0;flex-shrink:0;overflow-y:auto}.sb-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:12px;font-weight:500;color:#94a3b8;background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:all .15s}.sb-item:hover{background:#334155;color:#e2e8f0}.sb-item.active{background:#334155;color:#fff;font-weight:600;border-left:3px solid #3b82f6;padding-left:13px}.sb-item svg{flex-shrink:0;opacity:.7}.sb-item.active svg{opacity:1}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.page-mount{flex:1;overflow:auto;background:#f1f5f9;-webkit-overflow-scrolling:touch}.tb-logo{cursor:pointer}.tb-logo:hover{opacity:.8}.tb-back{display:flex;align-items:center;gap:2px}.tb-back svg{transform:rotate(180deg)}.tb-page-label{font-size:12px;color:#94a3b8;font-weight:400}.dash-page{padding:20px 24px;max-width:1400px}.dash-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dash-hdr h1{font-size:18px;font-weight:700;color:#1e293b}.dash-sub{font-size:12px;color:#64748b;margin-top:2px}.dash-actions{display:flex;align-items:center;gap:10px}.dash-search-wrap{position:relative;display:flex;align-items:center}.dash-search-wrap svg{position:absolute;left:10px;color:#94a3b8;pointer-events:none}.dash-search-wrap input{padding:7px 30px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;width:260px;outline:none}.dash-search-wrap input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.dash-search-clear{position:absolute;right:8px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px}.dash-search-clear:hover{color:#475569}.btn-primary{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#1a56db;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.btn-primary:hover{background:#1e40af}.btn-secondary{padding:7px 14px;background:#e2e8f0;color:#475569;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer}.btn-secondary:hover{background:#cbd5e1}.btn-text-blue{background:none;border:none;color:#2563eb;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;padding:6px 0}.btn-text-blue:hover{color:#1d4ed8}.btn-sm-blue{padding:4px 10px;font-size:11px;font-weight:500;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-sm-blue:hover{background:#1d4ed8}.btn-sm-green{padding:4px 10px;font-size:11px;font-weight:500;background:#16a34a;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-sm-green:hover{background:#15803d}.btn-sm-outline{padding:4px 10px;font-size:11px;font-weight:500;background:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-sm-outline:hover{background:#f1f5f9}.btn-sm-outline.red{color:#dc2626}.btn-sm-outline.red:hover{background:#fef2f2}.act-btns{display:flex;gap:4px;align-items:center}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:14px 16px}.stat-label{font-size:11px;color:#64748b;font-weight:500}.stat-val{font-size:22px;font-weight:700;color:#1e293b;margin-top:4px}.stat-val.amber{color:#d97706}.stat-val.purple{color:#7c3aed}.stat-sub{font-size:10px;color:#94a3b8;margin-top:2px}.dash-form{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px}.dash-form h3{font-size:13px;font-weight:600;color:#334155;margin-bottom:10px}.dash-form-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.dash-form-fields input{padding:7px 10px;border:1px solid #cbd5e1;border-radius:4px;font-size:12px;outline:none}.dash-form-fields input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.dash-form-btns{display:flex;gap:8px;margin-top:12px}.dash-table-card{background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.dash-table-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e2e8f0}.dash-table-hdr h2{font-size:13px;font-weight:600;color:#334155}.dash-table-scroll{overflow:auto;max-height:calc(100vh - 360px);-webkit-overflow-scrolling:touch}.filter-tabs{display:flex;gap:4px}.ftab{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;background:none;border:none;color:#64748b;cursor:pointer;transition:all .15s}.ftab:hover{background:#f1f5f9}.ftab.active{background:#dbeafe;color:#1d4ed8}.dash-tbl{width:100%;font-size:12px;border-collapse:collapse}.dash-tbl th{background:#f8fafc;padding:8px 14px;font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap;position:sticky;top:0;z-index:2}.dash-tbl th.r{text-align:right}.dash-tbl td{padding:8px 14px;border-bottom:1px solid #f1f5f9}.dash-tbl td.r{text-align:right}.dash-tbl td.center{text-align:center}.dash-tbl td.mono,.dash-tbl td .mono{font-family:JetBrains Mono,Consolas,monospace}.dash-tbl td.bold{font-weight:600}.dash-tbl td.muted,.muted{color:#64748b}.dash-tbl tbody tr{transition:background .1s}.dash-tbl tbody tr:hover{background:#f8fafc}.dash-tbl tbody tr[data-a=open-project]{cursor:pointer}.dash-empty{text-align:center;padding:40px;color:#94a3b8;font-size:13px}.dash-empty svg{margin:0 auto 8px;opacity:.4}.dash-empty p{margin-top:6px}.status-badge{display:inline-block;font-size:10px;font-weight:600;padding:3px 10px;border-radius:12px}.info-banner{display:flex;gap:10px;align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:11px;color:#1e40af;line-height:1.6}.info-banner svg{flex-shrink:0;margin-top:1px;color:#3b82f6}.cat-badge{display:inline-block;font-size:10px;font-weight:500;padding:2px 8px;border-radius:4px;border:1px solid}.kw-wrap{display:flex;flex-wrap:wrap;gap:3px}.kw-tag{display:inline-block;font-size:10px;padding:2px 8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#475569}.dash-inp{padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;font-size:12px;outline:none;font-family:inherit}.dash-inp:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.dash-inp.r{text-align:right}.dash-inp.mono{font-family:JetBrains Mono,Consolas,monospace}.dash-select{padding:7px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;outline:none;background:#fff}.dash-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.rate-inp{width:80px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;font-size:12px;text-align:right;font-family:JetBrains Mono,Consolas,monospace;background:#fefce8;outline:none}.rate-inp:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.dash-filter-row{display:flex;gap:10px;margin-bottom:16px;align-items:center}.add-row{background:#f0fdf4}.add-row td{padding:8px 14px}.kit-card-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;overflow:hidden}.kit-card-hdr{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background .1s}.kit-card-hdr:hover{background:#f8fafc}.kit-card-left{display:flex;align-items:center;gap:8px}.kit-card-left svg{color:#64748b;flex-shrink:0}.kit-name{font-size:13px;font-weight:600;color:#1e293b}.kit-cat,.kit-cnt{font-size:11px;color:#94a3b8}.kit-card-right{display:flex;align-items:center;gap:10px}.kit-total{font-size:13px;font-weight:700;color:#047857}.kit-card-body{border-top:1px solid #f1f5f9;padding:12px 14px}.kit-comp-tbl{width:100%;font-size:12px;border-collapse:collapse}.kit-comp-tbl th{padding:4px 8px;font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;text-align:left;border-bottom:1px solid #e2e8f0}.kit-comp-tbl th.r{text-align:right}.kit-comp-tbl td{padding:4px 8px;border-bottom:1px solid #f8fafc}.kit-comp-tbl td.r{text-align:right}.kit-comp-tbl td.center{text-align:center}.kit-inp{width:100%;padding:3px 6px;border:none;border-bottom:1px solid transparent;font-size:12px;font-family:inherit;outline:none;background:transparent}.kit-inp:hover{border-bottom-color:#cbd5e1}.kit-inp:focus{border-bottom-color:#3b82f6;background:#f8fafc}.kit-inp.r{text-align:right}.kit-inp.center{text-align:center}.user-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.form-field{display:flex;flex-direction:column;gap:3px}.form-field label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.form-field input,.form-field select{padding:7px 10px;border:1px solid #cbd5e1;border-radius:4px;font-size:12px;outline:none;font-family:inherit}.form-field input:focus,.form-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.role-badge{display:inline-block;font-size:10px;font-weight:600;padding:3px 10px;border-radius:12px}.role-badge.admin{background:#ede9fe;color:#7c3aed}.role-badge.employee{background:#e0f2fe;color:#0369a1}.status-dot{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot.active{color:#16a34a}.status-dot.active:before{background:#16a34a}.status-dot.inactive{color:#dc2626}.status-dot.inactive:before{background:#dc2626}.you-badge{font-size:9px;background:#dbeafe;color:#1d4ed8;padding:1px 6px;border-radius:8px;font-weight:600;margin-left:4px}.inactive-row{opacity:.5}.inactive-row:hover{opacity:.8}.iw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.iw-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0000004d;width:90vw;max-width:960px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.iw-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#1e293b;color:#fff}.iw-header h3{margin:0;font-size:15px;font-weight:600}.iw-close{background:none;border:none;color:#94a3b8;font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.iw-close:hover{color:#fff}.iw-body{flex:1;overflow:auto;padding:16px 20px}.iw-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #e2e8f0;background:#f8fafc}.iw-btn{padding:7px 18px;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid #d0d5dd}.iw-btn-cancel{background:#fff;color:#64748b}.iw-btn-cancel:hover{background:#f1f5f9}.iw-btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.iw-btn-primary:hover{background:#1d4ed8}.iw-btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.iw-btn-danger:hover{background:#b91c1c}.iw-btn:disabled{opacity:.5;cursor:not-allowed}.iw-steps{display:flex;gap:4px;margin-bottom:14px}.iw-step{font-size:11px;padding:4px 12px;border-radius:14px;background:#e2e8f0;color:#64748b;font-weight:500}.iw-step.active{background:#2563eb;color:#fff}.iw-step.done{background:#d1fae5;color:#059669}.iw-loading{text-align:center;padding:40px;color:#64748b;font-size:14px}.iw-error{color:#dc2626;font-weight:600;padding:8px 0}.iw-info{font-size:12px;color:#475569;margin-bottom:8px;padding:8px 12px;background:#f0f4ff;border-radius:5px;border:1px solid #dbeafe}.iw-hint{font-size:11px;color:#94a3b8;margin:4px 0 10px}.iw-warn{background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:5px;padding:8px 12px;font-size:12px;font-weight:500;margin:8px 0}.iw-stats{display:flex;gap:12px;margin:10px 0}.iw-stat{background:#f1f5f9;padding:8px 14px;border-radius:6px;font-size:12px;text-align:center;flex:1}.iw-stat strong{display:block;font-size:18px;color:#1e293b;margin-bottom:2px}.iw-dropzone{border:2px dashed #cbd5e1;border-radius:10px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.iw-dropzone:hover,.iw-drag-over{border-color:#3b82f6;background:#eff6ff}.iw-drop-icon{font-size:40px;margin-bottom:8px}.iw-dropzone p{margin:4px 0;font-size:13px;color:#475569}.iw-select{padding:6px 10px;border:1px solid #cbd5e1;border-radius:4px;font-size:12px;width:100%;max-width:300px;margin-top:6px}.iw-label{font-size:12px;font-weight:600;color:#334155;display:block;margin-top:12px}.iw-preview-table-wrap{overflow:auto;max-height:340px;border:1px solid #e2e8f0;border-radius:6px}.iw-preview-table{border-collapse:collapse;font-size:11px;width:100%;min-width:600px}.iw-preview-table th,.iw-preview-table td{border:1px solid #e2e8f0;padding:4px 8px;text-align:left;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.iw-preview-table thead{position:sticky;top:0;z-index:2}.iw-preview-table .iw-map-row th{background:#1e3a5f;padding:4px 2px}.iw-map-select{width:100%;font-size:10px;padding:3px;border:1px solid #475569;border-radius:3px;background:#fff}.iw-preview-table .iw-header-row th{background:#334155;color:#fbbf24;font-weight:600;font-size:10px}.iw-preview-table tbody tr:nth-child(2n){background:#f8fafc}.iw-preview-table tbody tr:hover{background:#eff6ff}.iw-type-badge{display:inline-block;padding:1px 6px;border-radius:3px;color:#fff;font-size:9px;font-weight:600}.iw-sheet-options{display:flex;gap:10px;margin-top:12px}.iw-radio-card{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;flex:1;transition:border-color .2s,background .2s}.iw-radio-card:hover{border-color:#93c5fd}.iw-radio-card.active{border-color:#3b82f6;background:#eff6ff}.iw-radio-card input[type=radio]{margin:0 0 4px}.iw-radio-card strong{font-size:12px;color:#1e293b}.iw-radio-card .iw-hint{font-size:10px;color:#64748b;margin:0}.iw-radio-card .iw-select{margin-top:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f3f4}::-webkit-scrollbar-thumb{background:#bdc1c6;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#9aa0a6}::-webkit-scrollbar-corner{background:#e8eaed}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:13px}.btn-pri{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#1a56db;color:#fff;border:none;border-radius:3px;font-size:11px;font-weight:500;cursor:pointer}.btn-pri:hover{background:#1e40af}