:root{--bg: #f0f2f5;--sur: #fff;--sur2: #e8eaed;--brd: #d0d4db;--acc: #2563eb;--acc2: #7c3aed;--txt: #1e2330;--txt2: #6b7280;--red: #dc2626;--yel: #d97706;--grn: #16a34a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--txt);font-size:13px}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}select,input[type=text],input[type=number],input[type=password],textarea{background:var(--sur2);border:1px solid var(--brd);color:var(--txt);border-radius:4px;padding:4px 8px;font-size:12px;outline:none;font-family:inherit}select:focus,input:focus,textarea:focus{border-color:var(--acc)}.btn{background:var(--acc);color:#fff;border:none;border-radius:5px;padding:7px 16px;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap}.btn:hover{opacity:.85}.btn.sec{background:var(--sur2);border:1px solid var(--brd);color:var(--txt2)}.btn.sec:hover{border-color:var(--acc);color:var(--acc)}.btn.del{background:var(--red);color:#fff}.tbtn{background:var(--sur2);border:1px solid var(--brd);color:var(--txt2);border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px}.tbtn.on{background:var(--acc);border-color:var(--acc);color:#fff}.pw-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:9999;display:flex;align-items:center;justify-content:center}.pw-box{background:var(--sur);border:1px solid var(--brd);border-radius:12px;padding:40px 48px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 32px #0000001f}.pw-box h2{font-size:18px;font-weight:700;color:var(--acc)}.pw-box p{color:var(--txt2);font-size:13px}.pw-box input{width:260px;padding:10px 14px;font-size:14px;text-align:center;letter-spacing:2px}.pw-box .btn{width:260px;padding:10px}.pw-err{color:var(--red);font-size:12px;min-height:16px}.hdr{background:var(--sur);border-bottom:1px solid var(--brd);padding:10px 16px;display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap}.hdr-sep{width:1px;height:36px;background:var(--brd)}.tabs{background:var(--sur);border-bottom:2px solid var(--brd);padding:0 16px;display:flex;flex-shrink:0}.tab{padding:10px 24px;cursor:pointer;font-size:13px;font-weight:600;color:var(--txt2);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s}.tab:hover{color:var(--txt)}.tab.active{color:var(--acc);border-bottom-color:var(--acc)}.section{display:flex;flex-direction:column;flex:1;overflow:hidden}.sbar{background:var(--sur);border-bottom:1px solid var(--brd);padding:8px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;flex-shrink:0}.sg{display:flex;align-items:center;gap:6px}.sg label{color:var(--txt2);font-size:12px;white-space:nowrap}.fbar{background:var(--sur);border-bottom:1px solid var(--brd);padding:8px 16px;display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;flex-shrink:0}.fg{display:flex;flex-direction:column;gap:3px}.fg label{color:var(--txt2);font-size:11px}.fg input{width:130px}.ctabs{display:flex;gap:4px;flex-wrap:wrap}.ctab{background:var(--sur2);border:1px solid var(--brd);color:var(--txt2);border-radius:4px;padding:3px 10px;cursor:pointer;font-size:12px}.ctab.on{background:var(--acc2);border-color:var(--acc2);color:#fff}.ctab.all.on{background:var(--acc);border-color:var(--acc)}.stbar{background:var(--sur);border-bottom:1px solid var(--brd);padding:6px 16px;display:flex;gap:24px;flex-shrink:0;flex-wrap:wrap}.st{display:flex;flex-direction:column}.stl{color:var(--txt2);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.stv{font-size:15px;font-weight:700;color:var(--acc)}.twrap{flex:1;overflow:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}thead th{position:sticky;top:0;background:var(--sur2);border-bottom:2px solid var(--brd);padding:5px 7px;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:10;font-size:11px;color:var(--txt2);overflow:hidden}thead th:hover{color:var(--acc)}thead th.asc:after{content:" ↑";color:var(--acc)}thead th.desc:after{content:" ↓";color:var(--acc)}tbody tr{border-bottom:1px solid var(--brd)}tbody tr:hover{background:var(--sur2)}tbody td{padding:4px 7px;white-space:nowrap;font-size:12px;overflow:hidden;text-overflow:ellipsis}.ocell{font-weight:700;color:var(--acc)}.more-row td{text-align:center;color:var(--txt2);padding:12px;font-size:12px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.dot.red{background:var(--red);box-shadow:0 0 6px #dc262666}.dot.yellow{background:var(--yel);box-shadow:0 0 6px #d9770666}.dot.green{background:var(--grn);box-shadow:0 0 6px #16a34a66}.bbar{background:var(--sur);border-top:1px solid var(--brd);padding:8px 16px;display:flex;gap:10px;align-items:center;flex-shrink:0;flex-wrap:wrap}.msw{position:relative}.msb{background:var(--sur2);border:1px solid var(--brd);color:var(--txt);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;min-width:130px;display:flex;justify-content:space-between;align-items:center;gap:8px;white-space:nowrap}.msb:hover{border-color:var(--acc)}.msd{display:none;position:absolute;top:100%;left:0;z-index:200;background:var(--sur);border:1px solid var(--brd);border-radius:6px;min-width:200px;max-height:260px;overflow-y:auto;box-shadow:0 8px 24px #00000026}.msd.open{display:block}.ms-search{padding:6px 10px;border-bottom:1px solid var(--brd)}.ms-search input{width:100%;background:var(--bg)}.msi{padding:7px 12px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px}.msi:hover{background:var(--sur2)}.msi input[type=checkbox]{accent-color:var(--acc);width:15px;height:15px;cursor:pointer;flex-shrink:0}.lgnd{background:var(--sur);border-bottom:1px solid var(--brd);flex-shrink:0}.ltog{width:100%;padding:7px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;background:none;border:none;color:var(--txt2);font-size:12px}.ltog:hover{color:var(--acc)}.lcon{padding:10px 16px 14px;display:flex;gap:32px;flex-wrap:wrap}.ls h4{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--txt2);margin-bottom:4px}.lr{display:flex;gap:8px;font-size:12px;margin-bottom:2px}.lk{font-weight:600;min-width:90px}.ld{color:var(--txt2)}.loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#f0f2f5e6;z-index:998;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading p{font-size:15px;font-weight:600;color:var(--txt)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:3px solid var(--brd);border-top-color:var(--acc);border-radius:50%;animation:spin .8s linear infinite}.empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--txt2);flex-direction:column;gap:8px}.man-inp{width:70px;text-align:center;font-weight:700;color:var(--acc2)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#b0b8c8;border-radius:3px}.ma-artnr{width:280px;height:80px;resize:vertical;padding:6px 8px}