:root{--color-text: #21201F;--color-text-main: #21201F;--color-text-invert: #FFFFFF;--color-text-minor: rgba(33, 32, 31, .5);--color-text-success: #00CA50;--color-text-attention: #FC5230;--color-text-on-control-main: #21201F;--color-bg-main: #FFFFFF;--color-bg-minor: #F5F4F2;--color-bg-invert: #302F2D;--color-control-main: #FCE000;--color-control-minor: rgba(92, 90, 87, .1);--color-control-error: rgba(252, 82, 48, .1);--color-control-focus: #000000;--color-control-hover: rgba(0, 0, 0, .05);--color-button-main: #FCE000;--color-button-minor: rgba(92, 90, 87, .1);--color-line: rgba(138, 135, 132, .4);--color-divider: rgba(210, 208, 204, .5);--color-link: #4060E3;--color-warmGray-50: #FAF9F7;--color-warmGray-200: #E0DEDA;--color-warmGray-250: #C4C2BE;--color-warmGray-300: #9E9B98;--color-warmGray-350: #8A8784;--color-warmGray-450: #5C5A57;--color-warmGray-500: #42413E;--color-warmGray-600: #21201F;--color-red-normal: #F5523A;--color-red-dark: #CC2D32;--color-red-toxic: #FA3E2C;--color-cinnabar-normal: #FA6A3C;--color-cinnabar-toxic: #FC5230;--color-amber-toxic: #FCB900;--color-orange-dark: #D46408;--color-yellow-light: #FAF055;--color-yellow-normal: #FAE436;--color-yellow-dark: #E6BC26;--color-green-light: #48E65F;--color-green-normal: #1CC052;--color-green-dark: #029154;--color-blue-normal: #169CDC;--color-blue-light: #739EFA;--color-blue-deep: #4060E3;--color-purple-light: #DE86FA;--color-purple-normal: #C044F2;--color-pink-normal: #b2596e;--color-status-positive-text: #2c7d63;--color-status-positive-bg: #e7f4e0;--color-status-neutral-text: #617387;--color-status-neutral-bg: #e4ecf3;--color-status-warning-text: #ab591a;--color-status-warning-bg: #fff4b9;--color-status-negative-text: #bd473c;--color-status-negative-bg: #f5eae1;--color-status-disabled-text: #9e9b98;--color-status-disabled-bg: #f5f4f2;--color-driver-online: #1CC052;--color-driver-online-bg: rgba(28, 192, 82, .2);--color-driver-free: #1CC052;--color-driver-free-bg: rgba(28, 192, 82, .2);--color-driver-busy: #FC5230;--color-driver-busy-bg: rgba(252, 82, 48, .2);--color-driver-in-order: #C044F2;--color-driver-in-order-bg: rgba(192, 61, 247, .2);--color-driver-offline: #8A8784;--color-driver-offline-bg: rgba(138, 135, 132, .2);--color-chart-green: #00CA50;--color-chart-orange: #FA9214;--color-chart-red: #FC5230;--color-chart-amber: #FCB900;--color-chart-blue: #0596FA;--color-chart-gray: #9E9B98;--color-chart-purple: #8822d0;--color-chart-deep-blue: #0668be;--color-chart-yellow: #dc9212;--color-chart-cinnabar: #d4412e;--color-chart-prev-period: rgba(210, 208, 204, 1);--color-table-cell-border: rgba(210, 208, 204, .5);--color-table-row-hover: rgb(245, 245, 245);--color-table-row-highlight: #faf7d7;--color-table-sticky-shadow: rgba(0, 0, 0, .1);--color-hover: rgba(0, 0, 0, .04);--color-pressed: rgba(0, 0, 0, .1);--filter-hover: brightness(.96);--filter-pressed: brightness(.92);--font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--text-big-number-size: 48px;--text-big-number-weight: 300;--text-big-number-lh: 40px;--text-big-number-ls: -.03em;--text-large-title-size: 28px;--text-large-title-weight: 500;--text-large-title-lh: 31px;--text-large-title-ls: -.015em;--text-title-size: 24px;--text-title-weight: 500;--text-title-lh: 27px;--text-title-ls: -.01em;--text-number-size: 24px;--text-number-weight: 300;--text-number-lh: 21px;--text-number-ls: -.01em;--text-h1-size: 20px;--text-h1-weight: 500;--text-h1-lh: 23px;--text-h1-ls: -.01em;--text-h2-size: 16px;--text-h2-weight: 500;--text-h2-lh: 17px;--text-h2-ls: -.005em;--text-body-size: 16px;--text-body-weight: 400;--text-body-lh: 17px;--text-subhead-size: 13px;--text-subhead-weight: 500;--text-subhead-lh: 14px;--text-caption-size: 13px;--text-caption-weight: 400;--text-caption-lh: 14px;--space-none: 0px;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 24px;--space-xl: 32px;--sidebar-width: 64px;--header-height: 60px;--slideover-width: 340px;--min-page-width: 768px;--control-height: 40px;--control-border-width: 2px;--control-border-radius: 16px;--control-disabled-opacity: .5;--button-pill-radius: 100px;--shadow-dropdown: 0 8px 20px rgba(117, 115, 111, .2);--shadow-close: 0 2px 4px rgba(33, 32, 31, .15);--shadow-top: 0 -4px 20px rgba(117, 115, 111, .2);--shadow-inset: inset 0 2px 3px rgba(0, 0, 0, .05);--radius-xs: 4px;--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--radius-xl: 20px;--radius-card: 16px;--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--progressbar-height: 3px;--progress-radius: 2px}@media (prefers-color-scheme: dark){:root{--color-text: #F5F4F2;--color-text-main: #F5F4F2;--color-text-invert: #21201F;--color-text-minor: rgba(245, 244, 242, .5);--color-bg-main: #302F2D;--color-bg-minor: #1F1F1E;--color-bg-invert: #FFFFFF;--color-line: rgba(210, 208, 204, .2);--color-divider: rgba(210, 208, 204, .15);--color-hover: rgba(255, 255, 255, .04);--color-pressed: rgba(255, 255, 255, .1);--color-table-row-hover: rgb(56, 55, 53);--color-table-row-highlight: #4f4e49;--color-table-cell-border: rgba(210, 208, 204, .15);--color-control-hover: rgba(255, 255, 255, .05);--color-control-focus: #FFFFFF;--filter-hover: brightness(1.08);--filter-pressed: brightness(1.15)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-lh);font-variant-numeric:proportional-nums lining-nums;color:var(--color-text-main);background-color:var(--color-bg-minor);min-height:100dvh}a{color:var(--color-link);text-decoration:none}a:hover{filter:var(--filter-hover)}.text-big-number{font-size:var(--text-big-number-size);font-weight:var(--text-big-number-weight);line-height:var(--text-big-number-lh);letter-spacing:var(--text-big-number-ls)}.text-large-title{font-size:var(--text-large-title-size);font-weight:var(--text-large-title-weight);line-height:var(--text-large-title-lh);letter-spacing:var(--text-large-title-ls)}.text-title{font-size:var(--text-title-size);font-weight:var(--text-title-weight);line-height:var(--text-title-lh);letter-spacing:var(--text-title-ls)}.text-number{font-size:var(--text-number-size);font-weight:var(--text-number-weight);line-height:var(--text-number-lh);letter-spacing:var(--text-number-ls)}.text-h1{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-lh);letter-spacing:var(--text-h1-ls)}.text-h2{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);line-height:var(--text-h2-lh);letter-spacing:var(--text-h2-ls)}.text-body{font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-lh)}.text-subhead{font-size:var(--text-subhead-size);font-weight:var(--text-subhead-weight);line-height:var(--text-subhead-lh)}.text-caption{font-size:var(--text-caption-size);font-weight:var(--text-caption-weight);line-height:var(--text-caption-lh)}.text-minor{color:var(--color-text-minor)}.text-success{color:var(--color-text-success)}.text-attention{color:var(--color-text-attention)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:100dvh;min-height:100dvh}.app-sidebar{display:flex;flex-direction:column;justify-content:space-between;height:100dvh;position:sticky;top:0;background-color:var(--color-bg-minor);padding:var(--space-s);z-index:10}.app-sidebar ul{list-style:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.app-content{display:flex;flex-direction:column;min-height:100dvh}.app-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-xl);background-color:var(--color-bg-main);position:sticky;top:0;z-index:5;transition:box-shadow var(--transition-normal)}.app-header.scrolled{box-shadow:-1px 0 0 1px var(--color-line)}.app-main{flex:1;min-height:calc(100dvh - var(--header-height));padding:var(--space-xl)}.nav-icon-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:var(--radius-l);background:transparent;color:var(--color-text-minor);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-icon-btn:hover{background-color:var(--color-hover);color:var(--color-text-main)}.nav-icon-btn.active{color:var(--color-text-main);background-color:var(--color-bg-main)}.nav-icon-btn svg{width:24px;height:24px;fill:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-s);height:var(--control-height);padding:0 var(--space-m);border:none;border-radius:var(--control-border-radius);font-family:var(--font-family);font-size:var(--text-body-size);font-weight:500;line-height:var(--text-body-lh);cursor:pointer;transition:background-color var(--transition-fast),filter var(--transition-fast)}.btn:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.btn-primary{background-color:var(--color-button-main);color:var(--color-text-on-control-main)}.btn-primary:hover:not(:disabled){filter:var(--filter-hover)}.btn-primary:active:not(:disabled){filter:var(--filter-pressed)}.btn-secondary{background-color:var(--color-button-minor);color:var(--color-text-main)}.btn-secondary:hover:not(:disabled){background-color:var(--color-control-hover)}.btn-ghost{background-color:transparent;color:var(--color-text-main)}.btn-ghost:hover:not(:disabled){background-color:var(--color-hover)}.btn-icon{width:var(--control-height);padding:0}.btn svg{width:24px;height:24px;fill:currentColor;flex-shrink:0}.input-wrap{display:inline-flex;align-items:center;height:var(--control-height);border:none;border-radius:var(--control-border-radius);background-color:var(--color-button-minor);padding:0 var(--space-m);gap:var(--space-s);transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.input-wrap:focus-within{background-color:var(--color-bg-main);box-shadow:inset 0 0 0 var(--control-border-width) var(--color-control-focus)}.input-wrap input{border:none;background:transparent;font-family:var(--font-family);font-size:var(--text-body-size);color:var(--color-text-main);outline:none;width:100%}.input-wrap input::placeholder{color:var(--color-text-minor)}.input-wrap svg{width:24px;height:24px;fill:var(--color-text-minor);flex-shrink:0}.checkbox{display:inline-flex;align-items:center;gap:var(--space-s);cursor:pointer;font-size:var(--text-body-size);color:var(--color-text-main)}.checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-text-main)}.select-control{display:inline-flex;align-items:center;height:var(--control-height);padding:0 var(--space-m);border:none;border-radius:var(--control-border-radius);background-color:var(--color-button-minor);font-family:var(--font-family);font-size:var(--text-body-size);color:var(--color-text-main);cursor:pointer;gap:var(--space-s);transition:background-color var(--transition-fast)}.select-control:hover{background-color:var(--color-control-hover)}.select-menu{border:none;border-radius:var(--control-border-radius);background-color:var(--color-bg-main);box-shadow:var(--shadow-dropdown);overflow:hidden;max-height:300px;overflow-y:auto}.select-option{display:flex;align-items:center;padding:10px var(--space-m);cursor:pointer;color:var(--color-text-main);transition:background-color var(--transition-fast)}.select-option:hover{background-color:var(--color-control-hover)}.select-option.selected{filter:var(--filter-pressed)}.select-tag{display:inline-flex;align-items:center;height:28px;padding:0 var(--space-s);border-radius:var(--radius-m);background-color:var(--color-bg-main);font-size:var(--text-caption-size);gap:var(--space-xs)}.card{background-color:var(--color-bg-main);border-radius:var(--radius-card);padding:var(--space-l)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-m)}.card-title{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-lh);letter-spacing:var(--text-h1-ls);color:var(--color-text-main)}.stat-value{font-size:var(--text-title-size);font-weight:var(--text-title-weight);line-height:var(--text-title-lh);letter-spacing:var(--text-title-ls);color:var(--color-text-main)}.stat-label{font-size:var(--text-caption-size);color:var(--color-text-minor);margin-top:var(--space-xs)}.delta{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-caption-size);font-weight:var(--text-subhead-weight)}.delta.positive{color:var(--color-text-success)}.delta.negative{color:var(--color-text-attention)}.delta svg{width:16px;height:16px;fill:currentColor}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);font-size:var(--text-caption-size);font-weight:var(--text-subhead-weight);line-height:var(--text-caption-lh)}.badge-positive{color:var(--color-status-positive-text);background-color:var(--color-status-positive-bg)}.badge-neutral{color:var(--color-status-neutral-text);background-color:var(--color-status-neutral-bg)}.badge-warning{color:var(--color-status-warning-text);background-color:var(--color-status-warning-bg)}.badge-negative{color:var(--color-status-negative-text);background-color:var(--color-status-negative-bg)}.badge-disabled{color:var(--color-status-disabled-text);background-color:var(--color-status-disabled-bg)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background-color:var(--color-driver-online)}.status-dot.free{background-color:var(--color-driver-free)}.status-dot.busy{background-color:var(--color-driver-busy)}.status-dot.in-order{background-color:var(--color-driver-in-order)}.status-dot.offline{background-color:var(--color-driver-offline)}.data-table{width:100%;border-spacing:0}.data-table th{position:sticky;top:0;z-index:1;padding:12px;text-align:start;font-size:var(--text-subhead-size);font-weight:var(--text-subhead-weight);color:var(--color-text-minor);border-bottom:1px solid var(--color-text-minor);background-color:var(--color-bg-main)}.data-table td{padding:12px;border-bottom:1px solid var(--color-table-cell-border);background-color:var(--color-bg-main);font-size:var(--text-body-size);color:var(--color-text-main);transition:background-color var(--transition-fast)}.data-table tr:hover td{background-color:var(--color-table-row-hover)}.data-table tr.highlighted td{background-color:var(--color-table-row-highlight)}.data-table tfoot td{border-top:1px solid var(--color-table-cell-border);font-weight:500}.tabs{display:flex;gap:var(--space-m);border-bottom:1px solid var(--color-divider)}.tab{padding:var(--space-s) 0;color:var(--color-text-minor);font-size:var(--text-body-size);font-weight:400;text-decoration:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.tab:hover{color:var(--color-text-main)}.tab.active{color:var(--color-text-main);border-bottom-color:var(--color-text-main)}.pagination{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-l) 0}.pagination-item{display:flex;align-items:center;justify-content:center;min-width:var(--control-height);height:var(--control-height);border:none;border-radius:var(--control-border-radius);background:var(--color-bg-main);color:var(--color-text-main);font-size:14px;cursor:pointer;transition:background-color var(--transition-fast)}.pagination-item:hover{background-color:var(--color-bg-minor)}.pagination-item.active{border:1px solid var(--color-control-main)}.pagination-item:disabled{color:var(--color-text-minor);cursor:not-allowed}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:500;color:var(--color-text-invert);overflow:hidden;flex-shrink:0}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-md{width:36px;height:36px;font-size:13px}.avatar-lg{width:44px;height:44px;font-size:16px}.avatar img{width:100%;height:100%;object-fit:cover}.progress-track{width:100%;height:var(--progressbar-height);background-color:var(--color-control-minor);border-radius:var(--progress-radius);overflow:hidden}.progress-fill{height:100%;border-radius:var(--progress-radius);background-color:var(--color-text-main);transition:width var(--transition-slow)}.warning-banner{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:var(--color-amber-toxic);color:var(--color-text-invert);font-weight:500}.skeleton{border-radius:var(--control-border-radius);background:var(--color-bg-minor);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#fffc,#fff0);background-size:200% 100%;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.filter-bar{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-m) 0;flex-wrap:wrap}.login-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:var(--color-bg-minor)}.login-card{background:var(--color-bg-main);border-radius:var(--radius-card);padding:var(--space-xl);width:360px;display:flex;flex-direction:column;align-items:center}.login-error{width:100%;padding:var(--space-s) var(--space-m);margin-bottom:var(--space-m);border-radius:var(--radius-s);background:var(--color-status-negative-bg);color:var(--color-status-negative-text);font-size:var(--text-caption-size)}.app-sidebar:after{content:"";position:absolute;top:0;right:-24px;width:24px;height:24px;background:radial-gradient(circle at 0 0,transparent 24px,var(--color-bg-minor) 24px)}
