:root{color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page:#f4f7f8;--ink:#17242d;--ink-soft:#455860;--muted:#72808a;--line:#dce5e8;--surface:#fff;--bg-card:#fff;--surface-alt:#f5f8f8;--navy:#123b4a;--teal:#2c8d91;--red:#d65b5f;--yellow:#d09c3d;--shadow:0 8px 28px #1f424d12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0f172a;--ink:#f8fafc;--ink-soft:#dbe4ee;--muted:#94a3b8;--line:#334155;--surface:#1e293b;--bg-card:#1e293b;--surface-alt:#172235;--navy:#0b1220;--teal:#55c5c4;--red:#f07175;--yellow:#e1b454;--shadow:0 12px 34px #0000003d}*{box-sizing:border-box}body{background:var(--page);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}#app{min-height:100svh}.app-shell{background:var(--page);min-height:100svh}.topbar{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:15px clamp(18px,4vw,58px);display:flex}.brand-lockup,.topbar-actions,.connection-state,.mode-switch button,.pagination,.pagination-actions{align-items:center;display:flex}.brand-lockup{gap:13px}.brand-lockup h1{color:#fff;letter-spacing:-.3px;margin:1px 0 0;font-size:20px}.brand-mark{color:#103b4a;letter-spacing:-1px;background:#75c2bc;border-radius:11px;place-items:center;width:53px;height:53px;font-weight:800;display:grid}.brand-mark--small{border-radius:9px;width:45px;height:45px;font-size:14px}.eyebrow{color:var(--muted);letter-spacing:1.3px;margin:0;font-size:10px;font-weight:800;line-height:1.2}.topbar .eyebrow{color:#91b0b7}.topbar-actions{gap:18px}.connection-state{color:#c4d6d9;gap:8px;font-size:12px}.connection-state i{background:#73cf9a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #73cf9a29}.workspace{width:100%;max-width:none;margin:0;padding:28px 16px 56px}.mode-switch{background:var(--surface-alt);border-radius:10px;gap:3px;margin-bottom:33px;padding:4px;display:inline-flex}.mode-switch button{color:#6a7a82;background:0 0;border:0;border-radius:7px;gap:8px;padding:10px 17px;font-size:13px;font-weight:700}.mode-switch button.active{color:var(--navy);background:var(--surface);box-shadow:0 2px 8px #22464d17}.mode-switch button span{color:var(--teal);font-size:16px}.mode-switch em{color:#97a5ab;font-size:11px;font-style:normal;font-weight:500}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px;display:flex}h1,h2,p{margin-top:0}h2{color:var(--ink);letter-spacing:-.7px;margin:5px 0 0;font-size:clamp(22px,3vw,28px)}.button{border:0;border-radius:7px;padding:10px 15px;font-size:12px;font-weight:750;transition:transform .15s,background .15s}.button:active{transform:translateY(1px)}.button--primary{background:var(--teal);color:#fff}.button--primary:hover{background:#247b7f}.button--ghost{background:var(--surface);color:var(--muted);border:1px solid var(--line)}.button--ghost:hover{background:var(--surface-alt);color:var(--ink)}.button--compact{color:#d6e3e4;background:#ffffff14;border-color:#ffffff2e;padding:7px 12px}.icon-button{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--teal);border-radius:50%;place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface-alt);color:var(--navy)}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.theme-toggle{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff2e;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:750;display:inline-flex}.theme-toggle:hover{background:#ffffff29}.theme-toggle span:first-child{font-size:14px;line-height:1}.button--wide{width:100%;padding:13px;font-size:14px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.metric-card{text-align:left;border:1px solid var(--line);border-top:3px solid var(--teal);background:var(--surface);min-height:159px;box-shadow:var(--shadow);color:var(--ink);border-radius:8px;flex-direction:column;padding:19px 20px 16px;transition:transform .16s,box-shadow .16s;display:flex}.metric-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1f424d1f}.metric-card--danger{border-top-color:var(--red)}.metric-card--warning{border-top-color:var(--yellow)}.metric-card--info{border-top-color:var(--teal)}.metric-card--neutral{border-top-color:#7896a0}.metric-label{color:var(--muted);font-size:12px;font-weight:700}.metric-value{color:var(--navy);letter-spacing:-2px;margin-top:13px;font-size:40px;line-height:1}.metric-card--danger .metric-value{color:var(--red)}.metric-card--warning .metric-value{color:#bd8b2f}.metric-action{color:#97a5aa;margin-top:auto;font-size:11px}.metric-action span{color:var(--teal);font-size:15px}.monitor-note{color:#87969b;margin-top:22px;font-size:12px}.monitor-note span{width:16px;height:16px;color:var(--teal);background:#dceceb;border-radius:50%;place-items:center;margin-right:6px;font-size:10px;font-weight:800;display:inline-grid}.filter-tabs{border-bottom:1px solid var(--line);gap:6px;margin:-4px 0 13px;display:flex}.filter-tabs button{color:#7b8b92;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 17px;font-size:12px;font-weight:700}.filter-tabs button.active{border-bottom-color:var(--teal);color:var(--navy)}.table-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;display:flex}.table-toolbar h2{margin:0 0 2px;font-size:17px}.muted{color:var(--muted);font-size:11px}.table-toolbar .muted{margin:0}.table-tip{color:#8b9b9f;font-size:11px}.table-controls{align-items:center;gap:10px;margin-bottom:13px;display:flex}.quick-search{border:1px solid var(--line);background:var(--surface);min-width:min(100%,430px);color:var(--muted);border-radius:8px;flex:1;align-items:center;gap:9px;padding:9px 12px;display:flex}.quick-search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #2c8d911f}.quick-search svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;flex:none;width:16px;height:16px}.quick-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.quick-search input::placeholder{color:var(--muted)}.future-filters{border:1px dashed var(--line);min-height:38px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:11px;display:flex}.future-filters button{background:var(--surface-alt);color:var(--muted);border:0;border-radius:4px;padding:4px 7px;font-size:10px}.table-scroll{overflow-x:auto}.data-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:3000px;font-size:12px}.data-table th{background:var(--surface-alt);color:var(--muted);text-align:left;letter-spacing:.65px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;padding:11px 15px;font-size:10px;font-weight:800;overflow:hidden}.data-table td{border-top:1px solid var(--line);height:50px;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;padding:7px 15px;overflow:hidden}.data-table td>a,.data-table td>span:not(.type-badge){text-overflow:ellipsis;display:block;overflow:hidden}.data-table tbody tr:hover{background:var(--surface-alt)}.data-table td:first-child{color:#76878d;font-weight:650}.crm-link{color:#2563eb;font-weight:700;text-decoration:none}.crm-link:hover,.crm-link:focus-visible{color:#2563eb;text-decoration:underline}.crm-link:visited,.crm-link:active{color:#2563eb}.col-deal{width:110px;min-width:110px;max-width:110px}.col-container{width:140px;min-width:140px;max-width:140px}.col-type{width:80px;min-width:80px}.col-client{width:180px}.col-line{width:130px}.col-port{width:190px}.col-carrier{width:205px}.col-driver{width:170px}.col-truck{width:155px}.col-trailer{width:140px}.col-phone{width:145px}.col-date{width:130px}.col-number{width:110px}.col-manager{width:150px}.col-delivery-type{width:160px}.col-direction{width:190px}.col-seal{width:130px}.col-comment{width:250px}.col-cargo{width:170px}.col-terminal,.col-loading-point{width:150px}.col-status{width:140px}.data-table th.col-container,.data-table td.col-container{background:var(--bg-card,#fff);z-index:10;width:140px;min-width:140px;position:sticky;left:0;box-shadow:2px 0 5px #0000000d}.data-table th.col-type,.data-table td.col-type{width:80px;min-width:80px}.data-table th.col-deal,.data-table th.col-container{background:var(--surface-alt)}.data-table td.col-deal,.data-table td.col-container{z-index:10}.type-badge{color:#277c7e;background:#edf8f7;border:1px solid #c6e0df;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:800;display:inline-block}.cell-input{-webkit-text-fill-color:#111827;opacity:1;background:0 0;border:1px solid #0000;border-radius:4px;outline:0;width:100%;min-width:110px;padding:7px 8px;color:#111827!important}.cell-input::placeholder{color:#64748b;opacity:1}.data-table td:has(.cell-input){color:#111827}.data-table td:has(.cell-input) .cell-input{color:#111827!important}.cell-input:hover,.cell-input:focus{background:#f5fbfb;border-color:#add6d4}.cell-input--saving{background:#eff6ff;animation:1.1s ease-in-out infinite cell-saving-breathe;border-color:#3b82f6!important}.cell-input--saved{background:#22c55e1a;animation:.35s ease-out cell-save-pop;box-shadow:inset 0 0 0 1px #22c55e1f;border-color:#22c55e!important}.cell-input--error{background:#ef44441a;animation:.35s ease-in-out 2 cell-save-error;border-color:#ef4444!important}.cell-clear{color:#94a3b8;cursor:pointer;background:0 0;border:0;margin-left:2px;padding:0 3px;font-size:16px;line-height:1}.cell-clear:hover{color:#ef4444}.cell-save-indicator{vertical-align:middle;margin-left:4px;font-size:13px;line-height:1;display:inline-block}.cell-save-indicator--saving{color:#2563eb;letter-spacing:1px;animation:1s steps(3,end) infinite cell-save-dots}.cell-save-indicator--saved{color:#16a34a}@keyframes cell-saving-breathe{0%,to{box-shadow:0 0 #3b82f614}50%{box-shadow:0 0 0 3px #3b82f629}}@keyframes cell-save-dots{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@keyframes cell-save-pop{0%{transform:scale(.98)}70%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes cell-save-error{50%{box-shadow:inset 0 0 0 1px #ef444459}}.line-cell{align-items:center;gap:8px;min-width:0;display:flex}.line-cell>span{text-overflow:ellipsis;overflow:hidden}.line-logo{object-fit:contain;flex:0 0 24px;width:24px;height:20px}.empty-cell{text-align:center;color:var(--muted)!important;padding:44px!important}.pagination{border-top:1px solid var(--line);justify-content:space-between;gap:15px;padding:13px 17px}.pagination .muted{margin:0}.pagination-actions{gap:7px}.pagination-summary{color:var(--ink);align-items:baseline;gap:9px;font-size:12px;display:flex}.pagination-summary span{color:var(--muted);font-size:11px}.table-loading-shell{min-height:210px;position:relative}.table-loading-overlay{z-index:20;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);color:var(--muted);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.loading-state{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:11px;padding:70px 20px;font-size:13px;display:flex}.loading-spinner{border:3px solid color-mix(in srgb, var(--teal) 22%, transparent);border-top-color:var(--teal);border-radius:50%;flex:0 0 22px;width:22px;height:22px;animation:.75s linear infinite app-loader-spin}.loading-spinner--small{border-width:2px;flex-basis:14px;width:14px;height:14px}.table-loading-note{color:var(--muted);align-items:center;gap:7px;margin:-3px 0 10px;font-size:11px;display:flex}@keyframes app-loader-spin{to{transform:rotate(360deg)}}.table-loading-note{color:var(--muted);margin:-3px 0 10px;font-size:11px}.notice{border-radius:7px;padding:11px 13px;font-size:12px}.notice--error{color:#a33c44;background:#fff0f0;border:1px solid #f2c9ca}.workspace-notice{justify-content:space-between;align-items:center;gap:16px;margin:-13px 0 21px;display:flex}.auth-layout{background:radial-gradient(circle at 50% 0, #d8eeeb, var(--page) 45%);place-items:center;min-height:100svh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;width:min(100%,390px);padding:37px 34px 30px;box-shadow:0 18px 50px #1f424d1f}.auth-card .brand-mark{margin-bottom:24px}.auth-card h1{color:var(--navy);letter-spacing:-.8px;margin:8px 0 12px;font-size:28px}.auth-copy{color:var(--muted);margin-bottom:24px;font-size:13px;line-height:1.6}.auth-card .notice{margin-bottom:15px}.auth-hint{color:var(--muted);text-align:center;margin:18px 0 0;font-size:10px;line-height:1.5}.entity-popover-layer{z-index:100;position:fixed;inset:0}.save-toast{z-index:120;border-radius:8px;max-width:min(420px,100vw - 40px);padding:12px 16px;font-size:13px;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 30px #0f172a33}.save-toast--error{color:#991b1b;background:#fef2f2;border:1px solid #ef4444}.entity-popover{border:1px solid var(--line);background:var(--surface);width:min(360px,100vw - 24px);max-height:min(520px,100vh - 24px);color:var(--ink);border-radius:10px;padding:16px;position:fixed;overflow:auto;box-shadow:0 18px 50px #0f172a38}.entity-popover__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:11px;display:flex}.entity-popover__header h3{margin:4px 0 0;font-size:16px}.entity-popover__header-actions{align-items:center;gap:7px;display:flex}.entity-popover__refreshing{color:var(--muted);font-size:10px}.entity-popover__close{background:var(--surface-alt);width:26px;height:26px;color:var(--muted);border:0;border-radius:5px;font-size:20px;line-height:1}.entity-popover__close:hover{color:var(--ink)}.entity-popover__state{color:var(--muted);padding:20px 4px 4px;font-size:12px}.entity-popover__state--error{color:#b2414b}.entity-details{gap:9px;margin:14px 0 0;display:grid}.entity-details div{grid-template-columns:105px 1fr;gap:10px;display:grid}.entity-details dt{color:var(--muted);font-size:11px}.entity-details dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:12px}.client-details{margin-top:14px;font-size:12px}.client-details__company{color:var(--ink);margin-bottom:12px;font-size:15px;font-weight:750}.client-details__contacts{color:var(--ink-soft);gap:5px;display:grid}.client-details__persons{margin-top:14px}.entity-popover__caption{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin:0 0 7px;font-size:10px;font-weight:800}.client-person{border-top:1px solid var(--line);gap:3px;padding:8px 0;display:grid}.client-person span{color:var(--ink-soft);font-size:11px}:root[data-theme=dark] .cell-input{-webkit-text-fill-color:#f8fafc;color:#f8fafc!important}:root[data-theme=dark] .data-table td:has(.cell-input) .cell-input{-webkit-text-fill-color:#f8fafc;color:#f8fafc!important}:root[data-theme=dark] .crm-link,:root[data-theme=dark] .crm-link:hover,:root[data-theme=dark] .crm-link:focus-visible,:root[data-theme=dark] .crm-link:visited,:root[data-theme=dark] .crm-link:active{color:#60a5fa}:root[data-theme=dark] .auth-card h1{color:#f8fafc}:root[data-theme=dark] .cell-input::placeholder{color:#94a3b8}:root[data-theme=dark] .type-badge{color:#8de3dd;background:#153b45;border-color:#286b70}:root[data-theme=dark] .notice--error{color:#fecaca;background:#451f2a;border-color:#7f3442}:root[data-theme=dark] .monitor-note span{background:#183d48}@media (width<=760px){.data-table th.col-container,.data-table td.col-container{z-index:10;background:var(--bg-card,#fff);position:sticky;left:0;box-shadow:2px 0 5px #0000000d}.topbar{align-items:flex-start}.topbar-actions{flex-direction:column;align-items:flex-end;gap:8px}.connection-state{font-size:10px}.workspace{padding-top:20px}.mode-switch{width:100%;margin-bottom:25px}.mode-switch button{flex:1;justify-content:center;padding-inline:7px}.mode-switch em{display:none}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.metric-card{min-height:135px;padding:15px}.metric-value{font-size:34px}.section-heading{align-items:flex-start}.table-controls{flex-direction:column;align-items:stretch}.quick-search{min-width:0}.table-tip{display:none}.table-toolbar{align-items:flex-start}.pagination{flex-wrap:wrap;align-items:flex-start}.brand-lockup h1{font-size:17px}.theme-toggle__label{display:none}}@media (width<=430px){.topbar{min-height:73px;padding-inline:15px}.brand-mark--small{width:38px;height:38px;font-size:12px}.workspace{padding-inline:16px}.section-heading{margin-bottom:17px}.section-heading .button{padding:8px 10px}.metric-label{font-size:11px}.filter-tabs button{padding-inline:12px}.auth-card{padding-inline:23px}}