:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--bg: #f5f5f7;--bg-elevated: #ffffff;--bg-sidebar: rgba(246, 246, 248, .82);--bg-inset: #f0f0f3;--bg-hover: rgba(0, 0, 0, .038);--bg-active: rgba(0, 0, 0, .06);--text: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #98989d;--separator: rgba(0, 0, 0, .09);--separator-strong: rgba(0, 0, 0, .16);--accent: #0071e3;--accent-hover: #0077ed;--accent-soft: rgba(0, 113, 227, .1);--accent-text: #ffffff;--green: #1d8f4e;--green-soft: rgba(29, 143, 78, .12);--orange: #b25000;--orange-soft: rgba(178, 80, 0, .12);--red: #d02b20;--red-soft: rgba(208, 43, 32, .12);--purple: #6a4bbc;--purple-soft: rgba(106, 75, 188, .12);--radius-sm: 7px;--radius: 11px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05), 0 0 0 .5px rgba(0, 0, 0, .04);--shadow: 0 4px 14px rgba(0, 0, 0, .07), 0 0 0 .5px rgba(0, 0, 0, .05);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .18), 0 0 0 .5px rgba(0, 0, 0, .08);--sidebar-width: 232px;--ease: cubic-bezier(.32, .72, 0, 1)}:root[data-theme=dark]{--bg: #1c1c1e;--bg-elevated: #2c2c2e;--bg-sidebar: rgba(28, 28, 30, .8);--bg-inset: #242426;--bg-hover: rgba(255, 255, 255, .06);--bg-active: rgba(255, 255, 255, .1);--text: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #6e6e73;--separator: rgba(255, 255, 255, .1);--separator-strong: rgba(255, 255, 255, .18);--accent: #0a84ff;--accent-hover: #339cff;--accent-soft: rgba(10, 132, 255, .18);--green: #4cd07d;--green-soft: rgba(76, 208, 125, .16);--orange: #ff9f0a;--orange-soft: rgba(255, 159, 10, .16);--red: #ff6961;--red-soft: rgba(255, 105, 97, .16);--purple: #a78bfa;--purple-soft: rgba(167, 139, 250, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 0 0 .5px rgba(255, 255, 255, .06);--shadow: 0 4px 14px rgba(0, 0, 0, .45), 0 0 0 .5px rgba(255, 255, 255, .07);--shadow-lg: 0 18px 50px rgba(0, 0, 0, .6), 0 0 0 .5px rgba(255, 255, 255, .09)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:13.5px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:default}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--separator-strong);border-radius:6px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);background-clip:content-box;border:3px solid transparent}.app{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--bg-sidebar);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-right:1px solid var(--separator);display:flex;flex-direction:column;padding:0 10px 10px}.sidebar__brand{display:flex;align-items:center;gap:9px;padding:18px 10px 16px;-webkit-app-region:drag}.sidebar__logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(145deg,var(--accent),#6a4bbc);display:grid;place-items:center;color:#fff;font-size:14px;flex-shrink:0;box-shadow:var(--shadow-sm)}.sidebar__name{font-size:14px;font-weight:600;letter-spacing:-.01em}.sidebar__nav{display:flex;flex-direction:column;gap:1px;flex:1;overflow-y:auto}.sidebar__section{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:14px 10px 5px}.navitem{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:var(--radius-sm);font-size:13.5px;color:var(--text);border:none;background:transparent;cursor:default;text-align:left;width:100%;font-family:inherit;transition:background .12s var(--ease)}.navitem:hover{background:var(--bg-hover)}.navitem--active{background:var(--accent);color:var(--accent-text);font-weight:500}.navitem--active:hover{background:var(--accent)}.navitem__icon{width:17px;display:grid;place-items:center;flex-shrink:0;opacity:.9}.navitem__badge{margin-left:auto;font-size:11px;font-weight:600;min-width:18px;height:17px;padding:0 5px;border-radius:9px;background:var(--separator-strong);color:var(--text-secondary);display:grid;place-items:center}.navitem--active .navitem__badge{background:#ffffff47;color:#fff}.navitem__badge--alert{background:var(--red);color:#fff}.sidebar__footer{padding:10px;border-top:1px solid var(--separator);font-size:11px;color:var(--text-tertiary);display:flex;flex-direction:column;gap:3px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{display:flex;align-items:center;gap:12px;padding:16px 26px 12px;-webkit-app-region:drag;flex-shrink:0}.topbar>*{-webkit-app-region:no-drag}.topbar__titles{flex:1;min-width:0}.topbar h1{font-size:22px;font-weight:600;letter-spacing:-.022em;line-height:1.2}.topbar__subtitle{font-size:12.5px;color:var(--text-secondary);margin-top:1px}.topbar__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.content{flex:1;overflow-y:auto;padding:4px 26px 34px;min-height:0}.content--flush{padding-bottom:0;display:flex;flex-direction:column}.card{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card__header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--separator)}.card__title{font-size:14px;font-weight:600;letter-spacing:-.01em}.card__subtitle{font-size:12px;color:var(--text-secondary)}.card__body{padding:18px}.card__actions{margin-left:auto;display:flex;gap:7px;align-items:center}.grid{display:grid;gap:14px}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.stat{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:15px 17px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:3px}.stat__label{font-size:11.5px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.stat__value{font-size:26px;font-weight:600;letter-spacing:-.028em;font-variant-numeric:tabular-nums;line-height:1.15}.stat__hint{font-size:11.5px;color:var(--text-tertiary)}.stat--accent .stat__value{color:var(--accent)}.stat--warn .stat__value{color:var(--orange)}.stat--danger .stat__value{color:var(--red)}.stat--ok .stat__value{color:var(--green)}.btn{font-family:inherit;font-size:13px;font-weight:500;padding:6px 13px;border-radius:var(--radius-sm);border:1px solid var(--separator-strong);background:var(--bg-elevated);color:var(--text);cursor:default;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:background .12s var(--ease),transform .08s var(--ease),opacity .12s;box-shadow:var(--shadow-sm)}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{opacity:.42}.btn--primary{background:var(--accent);border-color:transparent;color:var(--accent-text)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--danger{color:var(--red)}.btn--danger:hover:not(:disabled){background:var(--red-soft)}.btn--ghost{background:transparent;border-color:transparent;box-shadow:none}.btn--ghost:hover:not(:disabled){background:var(--bg-hover)}.btn--sm{font-size:12px;padding:3.5px 9px}.btn--icon{padding:5px;width:28px;height:28px}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field__label{font-size:11.5px;font-weight:500;color:var(--text-secondary)}.field__hint{font-size:11px;color:var(--text-tertiary)}.input,.select,.textarea{font-family:inherit;font-size:13px;color:var(--text);background:var(--bg-elevated);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);padding:6px 10px;width:100%;transition:border-color .12s,box-shadow .12s;outline:none}.textarea{resize:vertical;min-height:62px;line-height:1.45}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input--number{font-variant-numeric:tabular-nums;text-align:right}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:26px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%236e6e73' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.search{position:relative;display:flex;align-items:center}.search__icon{position:absolute;left:9px;color:var(--text-tertiary);pointer-events:none;display:grid;place-items:center}.search .input{padding-left:28px;background:var(--bg-inset);border-color:transparent}.search .input:focus{background:var(--bg-elevated);border-color:var(--accent)}.search__clear{position:absolute;right:6px;border:none;background:transparent;color:var(--text-tertiary);cursor:default;padding:2px;border-radius:50%;display:grid;place-items:center}.search__clear:hover{color:var(--text)}.switch{display:inline-flex;align-items:center;gap:9px;cursor:default}.switch__track{width:38px;height:22px;border-radius:11px;background:var(--separator-strong);position:relative;transition:background .2s var(--ease);flex-shrink:0}.switch__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000047;transition:transform .2s var(--ease)}.switch input{display:none}.switch input:checked+.switch__track{background:var(--green)}.switch input:checked+.switch__track .switch__thumb{transform:translate(16px)}.segmented{display:inline-flex;align-self:flex-start;background:var(--bg-inset);border-radius:var(--radius-sm);padding:2px;gap:2px}.segmented button{font-family:inherit;font-size:12.5px;font-weight:500;border:none;background:transparent;color:var(--text-secondary);padding:4px 11px;border-radius:5px;cursor:default;white-space:nowrap;transition:background .12s,color .12s}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:1.5px 7px;border-radius:20px;background:var(--bg-inset);color:var(--text-secondary);white-space:nowrap}.badge--blue{background:var(--accent-soft);color:var(--accent)}.badge--green{background:var(--green-soft);color:var(--green)}.badge--orange{background:var(--orange-soft);color:var(--orange)}.badge--red{background:var(--red-soft);color:var(--red)}.badge--purple{background:var(--purple-soft);color:var(--purple)}.tablewrap{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.045em;color:var(--text-tertiary);padding:9px 14px;border-bottom:1px solid var(--separator);background:var(--bg-elevated);position:sticky;top:0;z-index:1;white-space:nowrap}table.data th.sortable{cursor:default;-webkit-user-select:none;user-select:none}table.data th.sortable:hover{color:var(--text-secondary);background:var(--bg-hover)}table.data th.sortable[aria-sort]:not([aria-sort=none]){color:var(--accent)}.sorticon{display:inline-flex;width:10px;margin-left:5px;opacity:0;transition:opacity .12s;vertical-align:-1px}table.data th.sortable:hover .sorticon,table.data th.sortable[aria-sort]:not([aria-sort=none]) .sorticon{opacity:1}table.data td{padding:9px 14px;border-bottom:1px solid var(--separator);vertical-align:middle}table.data tbody tr{transition:background .1s}table.data tbody tr:hover{background:var(--bg-hover)}table.data tbody tr[data-selected=true]{background:var(--accent-soft)}table.data tbody tr:last-child td{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-size:12px}.muted{color:var(--text-secondary)}.tiny{font-size:11.5px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.row{display:flex;align-items:center;gap:8px}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:13px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:54px 26px;text-align:center;color:var(--text-secondary)}.empty__icon{font-size:30px;opacity:.55}.empty__title{font-size:15px;font-weight:600;color:var(--text)}.empty__text{font-size:13px;max-width:420px;line-height:1.55}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000057;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100;padding:26px;animation:fade .16s var(--ease)}.modal{background:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:min(660px,100%);max-height:min(84vh,860px);display:flex;flex-direction:column;overflow:hidden;animation:pop .2s var(--ease)}.modal--wide{width:min(940px,100%)}.modal__header{padding:17px 21px 13px;border-bottom:1px solid var(--separator);display:flex;align-items:flex-start;gap:12px}.modal__title{font-size:16px;font-weight:600;letter-spacing:-.015em}.modal__subtitle{font-size:12.5px;color:var(--text-secondary);margin-top:2px}.modal__body{padding:19px 21px;overflow-y:auto;flex:1}.modal__footer{padding:13px 21px;border-top:1px solid var(--separator);display:flex;gap:8px;justify-content:flex-end;background:var(--bg-elevated)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.965) translateY(8px)}}.toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:200;max-width:400px}.toast{background:var(--bg-elevated);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:11px 14px;display:flex;gap:10px;align-items:flex-start;animation:slidein .24s var(--ease);border-left:3px solid var(--accent)}.toast--success{border-left-color:var(--green)}.toast--error{border-left-color:var(--red)}.toast--warn{border-left-color:var(--orange)}.toast__body{flex:1;min-width:0}.toast__title{font-size:13px;font-weight:600}.toast__text{font-size:12.5px;color:var(--text-secondary);margin-top:1px;overflow-wrap:anywhere}@keyframes slidein{0%{opacity:0;transform:translate(24px)}}.autocomplete{position:relative}.autocomplete__list{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-elevated);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:60;max-height:268px;overflow-y:auto;padding:4px;animation:pop .14s var(--ease)}.autocomplete__item{padding:7px 10px;border-radius:var(--radius-sm);cursor:default;display:flex;flex-direction:column;gap:1px}.autocomplete__item:hover,.autocomplete__item[data-active=true]{background:var(--accent);color:var(--accent-text)}.autocomplete__item:hover .autocomplete__sub,.autocomplete__item[data-active=true] .autocomplete__sub{color:#ffffffd1}.autocomplete__label{font-size:13px}.autocomplete__sub{font-size:11.5px;color:var(--text-tertiary)}.autocomplete__status{padding:9px 11px;font-size:12.5px;color:var(--text-secondary)}.stops{display:flex;flex-direction:column;gap:6px}.stop{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-sm);transition:box-shadow .14s var(--ease),transform .14s var(--ease),opacity .14s}.stop--pinned{box-shadow:0 0 0 1.5px var(--orange) inset,var(--shadow-sm)}.stop--dragging{opacity:.42}.stop--over{transform:translateY(2px);box-shadow:0 -2px 0 var(--accent),var(--shadow-sm)}.stop__index{width:23px;height:23px;border-radius:50%;background:var(--accent);color:#fff;font-size:11.5px;font-weight:600;display:grid;place-items:center;flex-shrink:0}.stop--pinned .stop__index{background:var(--orange)}.stop--depot .stop__index{background:var(--text-secondary)}.stop__body{flex:1;min-width:0}.stop__title{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stop__sub{font-size:11.5px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stop__meta{font-size:11.5px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0}.stop__handle{color:var(--text-tertiary);cursor:grab;padding:2px;flex-shrink:0}.stop__actions{display:flex;gap:2px;flex-shrink:0}.iconbtn{border:none;background:transparent;color:var(--text-tertiary);padding:4px;border-radius:6px;cursor:default;display:grid;place-items:center;transition:background .12s,color .12s}.iconbtn:hover{background:var(--bg-hover);color:var(--text)}.iconbtn--active{color:var(--orange)}.iconbtn--danger:hover{color:var(--red);background:var(--red-soft)}.costgrid{display:grid;grid-template-columns:1fr auto;gap:7px 14px;font-size:13px}.costgrid dt{color:var(--text-secondary)}.costgrid dd{text-align:right;font-variant-numeric:tabular-nums}.costgrid .total{font-weight:600;font-size:15px;padding-top:8px;border-top:1px solid var(--separator)}.costgrid dt.total{color:var(--text)}.chart{display:flex;align-items:flex-end;gap:5px;height:132px;padding-top:8px}.chart__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.chart__bar{width:100%;max-width:34px;background:linear-gradient(180deg,var(--accent),var(--accent-soft));border-radius:4px 4px 2px 2px;min-height:2px;transition:opacity .14s}.chart__col:hover .chart__bar{opacity:.75}.chart__label{font-size:10px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.divider{height:1px;background:var(--separator);margin:14px 0}.spin{animation:spin .85s linear infinite;display:inline-grid;place-items:center}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:3px;background:var(--separator);border-radius:2px;overflow:hidden}.progress__bar{height:100%;background:var(--accent);transition:width .2s var(--ease)}.qr{width:178px;height:178px;border-radius:var(--radius);background:#fff;padding:8px;box-shadow:var(--shadow-sm);flex-shrink:0}.linkbox{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);background:var(--bg-inset);border-radius:var(--radius-sm);padding:8px 10px;overflow-wrap:anywhere;max-height:74px;overflow-y:auto;-webkit-user-select:text;user-select:text}.warnbox{background:var(--orange-soft);color:var(--orange);border-radius:var(--radius-sm);padding:8px 11px;font-size:12.5px;line-height:1.45}.infobox{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);padding:8px 11px;font-size:12.5px;line-height:1.45}.list{display:flex;flex-direction:column}.list__item{display:flex;align-items:center;gap:11px;padding:9px 18px;border-bottom:1px solid var(--separator)}.list__item:last-child{border-bottom:none}.list__item:hover{background:var(--bg-hover)}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.loginwrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg)}.logincard{display:flex;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:28px;border:1px solid var(--separator);border-radius:14px;background:var(--bg-elevated);box-shadow:0 12px 40px #0000001f}.loginbrand{display:flex;align-items:center;gap:13px;margin-bottom:4px}.loginbrand h1{margin:0;font-size:19px;font-weight:600}.loginbrand p{margin:3px 0 0;font-size:12.5px;line-height:1.4}.loginlogo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;letter-spacing:.5px}.syncpill{display:block;width:100%;margin-bottom:8px;padding:5px 9px;border:none;border-radius:7px;font-size:11.5px;font-weight:600;text-align:left;cursor:pointer}.syncpill--offline{background:var(--orange-soft);color:var(--orange)}.syncpill--pending{background:var(--accent-soft);color:var(--accent)}