*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#1a1d23;background:#f0f2f5;font-family:Segoe UI,system-ui,sans-serif;font-size:12px}#root,#app{flex-direction:column;height:100%;display:flex;overflow:hidden}button,input,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c4c9d4;border-radius:3px}.hbar{color:#fff;background:#0f1923;flex-shrink:0;align-items:center;gap:10px;padding:7px 16px;display:flex}.hbar .logo{letter-spacing:.8px;font-size:13px;font-weight:800}.hbar .ver{background:#7c3aed;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:700}.strip{background:#fff;border-bottom:1px solid #e5e8ef;flex-shrink:0;grid-template-columns:repeat(6,1fr);gap:6px;padding:7px 16px;display:grid}.tabrow{background:#f0f2f5;border-bottom:1px solid #e5e8ef;flex-shrink:0;padding:0 16px;display:flex}.tbar{background:#fff;border-bottom:1px solid #e5e8ef;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;min-height:38px;padding:4px 16px;display:flex}.content{flex-direction:column;flex:1;min-height:0;padding:10px 16px 0;display:flex;overflow:hidden}.tb{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.tb.on{color:#1a1d23;background:#fff;border-bottom:2px solid #1a1d23;font-weight:700}.stb{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:4px;padding:3px 12px;font-size:11px;transition:all .15s;display:flex}.stb.on{color:#2563eb;border-bottom:2px solid #2563eb;font-weight:600}.vtb{cursor:pointer;color:#374151;background:#f8f9fb;border:1px solid #e5e8ef;padding:3px 10px;font-size:11px;transition:all .15s}.vtb:first-child{border-radius:5px 0 0 5px}.vtb:last-child{border-left:none;border-radius:0 5px 5px 0}.vtb.on{color:#fff;background:#1a1d23;border-color:#1a1d23;font-weight:600}.dz-wrap{flex-direction:column;gap:2px;display:flex}.dz{cursor:pointer;text-align:center;color:#9ca3af;-webkit-user-select:none;user-select:none;background:#f9fafb;border:2px dashed #d1d5db;border-radius:7px;padding:8px 10px;font-size:11px;transition:all .2s}.dz.ok{color:#065f46;background:#f0fdf4;border-color:#10b981;font-weight:600}.dz.warn{color:#92400e;background:#fffbeb;border-color:#f59e0b;font-weight:600}.dz-fname{color:#9ca3af;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:9px;overflow:hidden}.tbl-wrap{max-width:calc(100vw - 32px);overflow-x:auto}.scr-tbl{flex:1;min-height:0;position:relative;overflow:auto}.scr-tbl table,table{border-collapse:collapse;table-layout:auto}th{color:#4b5563;text-align:left;white-space:nowrap;z-index:5;background:#f1f3f7;border-bottom:1px solid #e5e8ef;padding:5px 8px;font-size:10px;font-weight:600;position:sticky}td{white-space:nowrap;vertical-align:middle;border-bottom:.5px solid #f3f4f6;padding:4px 8px;font-size:11px}tr.even td{background:#fff}tr.odd td{background:#fafbfc}tr:hover>td{background:#f0f4ff!important}.gr td{color:#fff;z-index:4;padding:5px 12px;font-size:11px;font-weight:700;position:sticky;background:#1a1d23!important}.lfb{align-items:center;gap:5px;min-width:70px;display:flex}.lfb .tr{background:#e5e8ef;border-radius:2px;flex:1;height:3px}.lfb .fl{border-radius:2px;height:100%}.lfb span{text-align:right;min-width:28px;font-size:10px;font-weight:600}.bdg{white-space:nowrap;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.inp{color:#1a1d23;background:#fff;border:1.5px solid #e5e8ef;border-radius:5px;outline:none;padding:3px 7px;font-size:11px}.inp:focus{border-color:#2563eb}select.inp{cursor:pointer}.fbar{z-index:10;background:#fff;border-bottom:1px solid #e5e8ef;flex-wrap:wrap;align-items:center;gap:5px;margin:-10px -16px 10px;padding:6px 12px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000f}.dtot td{color:#1a1d23;border-top:1.5px solid #c4c9d4;font-size:10px;font-weight:700;background:#f1f3f7!important}.expbtn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e8ef;border-radius:5px;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;font-size:10px;display:flex}.expbtn:hover{color:#2563eb;background:#f0f4ff;border-color:#2563eb}.sl{z-index:3;background:inherit;position:sticky}.sl0{left:0}.sl1{left:70px}.sl2{left:152px}.sl3{left:200px}.sl4{left:248px}.sl5{left:288px}.sltop{z-index:8!important;background:#f1f3f7!important}.dp-wrap{align-items:center;display:inline-flex;position:relative}.dp-wrap input[type=date]{opacity:0;cursor:pointer;z-index:2;width:100%;position:absolute;inset:0}.dp-display{cursor:pointer;z-index:1;pointer-events:none;color:#1a1d23;background:#fff;border:1.5px solid #e5e8ef;border-radius:5px;min-width:110px;padding:3px 8px;font-size:11px;position:relative}.drag-row{cursor:grab}.drag-row:active{cursor:grabbing}.drag-ghost{opacity:.35!important;background:#e0f2fe!important}.drop-active{outline-offset:-2px;background:#f0fdf4!important;outline:2.5px dashed #22c55e!important}.editable{cursor:text;position:relative}.editable:hover .edit-hint{opacity:1}.edit-hint{opacity:0;color:#93c5fd;margin-left:3px;font-size:9px;transition:opacity .15s}.time-inp{font-variant-numeric:tabular-nums;color:#1e40af;background:#eff6ff;border:1.5px solid #2563eb;border-radius:3px;outline:none;width:54px;padding:1px 4px;font-family:inherit;font-size:11px;font-weight:600}.ov-time{color:#1d4ed8!important;background:#eff6ff!important}.ov-row-ac>td:first-child{border-left:3px solid #f59e0b!important}.ov-badge{color:#92400e;vertical-align:middle;cursor:pointer;background:#fef3c7;border:.5px solid #fcd34d;border-radius:3px;margin-left:3px;padding:0 3px;font-size:8px;font-weight:700}.ov-badge:hover{background:#fde68a}