:root{color-scheme:light;--bg: #f4f4f6;--card: #ffffff;--ink: #151519;--muted: #8c93a1;--soft: #a5a9b4;--line: #e5e7ec;--header: #111113;--input-bg: #ffffff;--control-bg: #f2f3f6;--switch-bg: #d1d3d9;--switch-thumb: #ffffff;--media-bg: #eceef2;--fallback-bg: #f1f2f4;--accent: #ffc22f;--accent-soft: #fff4d5;--danger: #d92d20;--good-bg: #e8f3ea;--good: #3d8841;--work-bg: #fff5df;--work: #e8a31b;--new-bg: #fff0e8;--new: #ff7a22}:root[data-theme=dark]{color-scheme:dark;--bg: #17181c;--card: #24262c;--ink: #f5f6f8;--muted: #a8afbd;--soft: #7f8794;--line: #383b44;--header: #09090b;--input-bg: #1d1f25;--control-bg: #30333b;--switch-bg: #4a4d56;--switch-thumb: #f5f6f8;--media-bg: #30333b;--fallback-bg: #2c2f37;--accent: #ffc22f;--accent-soft: #473a18;--danger: #ff6b5e;--good-bg: #203427;--good: #8fd198;--work-bg: #3a2d12;--work: #ffc04d;--new-bg: #3b241a;--new: #ff9b55}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{border:0;border-radius:18px;background:var(--accent);color:var(--ink);font-weight:700;padding:13px 20px;cursor:pointer}button:disabled{opacity:.45;cursor:default}.app-shell,.login-screen{width:min(430px,100vw);min-height:100vh;margin:0 auto;background:var(--bg)}.topbar{min-height:112px;padding:calc(env(safe-area-inset-top) + 18px) 16px 14px;background:var(--header);color:#fff;display:flex;align-items:center;gap:12px}.topbar.compact{position:sticky;top:0;z-index:10}.main-header{justify-content:flex-start}.login-topbar{align-items:flex-end}.topbar h1{margin:0;font-size:22px;line-height:1.05;font-weight:700;letter-spacing:0}.topbar span{display:block;margin-top:2px;color:#ffffffb8;font-size:12px;font-weight:500}.telegram-browser-warning{position:sticky;top:0;z-index:50;padding:14px 16px;background:#d92d20;color:#fff;text-align:center;font-size:16px;font-weight:800}.header-title-block{min-width:0}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.eads-logo{width:72px;height:40px;object-fit:contain;flex:0 0 auto}.back-button{width:42px;height:42px;padding:0 0 4px;flex:0 0 auto;border-radius:50%;background:#e4e4e7;color:#111113;font-size:34px;line-height:38px;font-weight:700}.settings-button{font-size:26px}.header-icon-button{position:relative;width:42px;height:42px;margin-left:0;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:#ffffff1a;color:#fff;display:inline-grid;place-items:center}.notification-button{font-size:22px}.notification-icon{width:22px;height:22px;fill:currentColor}.theme-button{font-size:22px;line-height:1}.notification-button b{position:absolute;right:-3px;top:-3px;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--header);border-radius:999px;background:var(--accent);color:var(--ink);font-size:10px;line-height:14px}.eads-card,.login-card,.ticket-card{margin:12px 14px;padding:14px;background:var(--card);border-radius:16px;box-shadow:0 1px #0a0a0c05}.login-card{margin-top:14px}.login-card h1,.settings-card h2{margin:2px 0 12px;font-size:22px;line-height:1.1}.login-card textarea{min-height:120px;margin-bottom:10px}.login-card>button{width:100%;margin-top:8px}.profile-name{font-weight:700;margin-bottom:10px}.phone-type-row,.device-mode-row,.shift-row,.archive-row,.route-card-title-row,.connection-row,.profile-actions{display:flex;align-items:center;gap:12px}.shift-row,.archive-row,.route-card-title-row,.phone-type-row,.device-mode-row{justify-content:space-between}.phone-type-row{margin:12px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.phone-type-row b,.device-mode-row span{font-size:15px;font-weight:700}.phone-type-row p{margin:4px 0 0}.device-mode-row{margin-bottom:12px}.shift-link{width:auto;padding:0;background:transparent;color:var(--accent);font-size:15px}.shift-summary{margin-top:10px}.shift-title{font-size:17px;font-weight:700}.muted,.quiet,.created-at,.executor,.empty-text{color:var(--muted);font-size:13px;line-height:1.35;font-weight:500}.profile-card p,.settings-card p{margin:6px 0}.connection-row{margin-top:10px;color:var(--muted);font-size:13px;font-weight:500}.connection-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.connection-dot.checking{background:var(--muted)}.connection-dot.global{background:#32a852}.connection-dot.dedicated{background:var(--accent)}.connection-dot.offline{background:var(--danger)}.profile-actions{margin-top:14px;align-items:center;flex-wrap:wrap}.primary-pill{border-radius:24px;padding:13px 22px}.link-button,.outline-action{background:transparent;color:var(--accent);border:0;padding:8px 0}.outline-action{width:100%;border:2px solid var(--accent);border-radius:16px;color:var(--ink);padding:12px 18px}.outline-action.danger{margin-top:10px;border-color:#ffd9d6;color:var(--danger)}.native-link{font-size:13px}.company-title{padding:18px 16px 6px;color:var(--muted);font-size:15px;font-weight:700;text-transform:uppercase}.routes-list{padding-bottom:22px}.route-card{position:relative;display:block;width:auto;text-align:left;border:2px solid transparent;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.route-card h2{margin:0 0 8px;font-size:22px;line-height:1.12;font-weight:700}.route-card p{margin:0;color:var(--muted);font-size:13px;font-weight:500}.route-card.dragging{z-index:2;opacity:.98;transform:scale(1.025);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 16px 34px #00000024}.routes-list.drag-active .route-card:not(.dragging){transition-duration:.2s}.route-card.drop-target{border-color:#ffd45c;transform:translateY(4px)}.route-card.drop-target:before{content:"";position:absolute;top:-10px;left:16px;right:16px;height:5px;border-radius:999px;background:var(--accent);box-shadow:0 4px 12px #ffc22f7a}.route-card.dragging .drag-handle{background:var(--accent-soft)}.drag-handle{width:36px;height:36px;padding:8px;flex:0 0 auto;display:grid;align-content:center;gap:4px;border-radius:12px;background:transparent;cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.drag-handle span{display:block;width:20px;height:2px;border-radius:999px;background:#c6c9d0}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.badges button,.tabs button{padding:8px 11px;border-radius:11px;background:var(--control-bg);color:var(--muted);font-size:13px;font-weight:600}.badges button:nth-child(1){background:var(--new-bg);color:var(--new)}.badges button:nth-child(2){background:var(--work-bg);color:var(--work)}.badges button:nth-child(3){background:var(--good-bg);color:var(--good)}.route-control-card b{display:block;margin-bottom:12px}.notifications-control-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.notifications-control-card b{display:block;margin-bottom:4px}.read-all-button{width:auto;flex:0 0 auto;padding:10px 14px}.notifications-list{padding:0 14px 24px}.notification-item{margin:12px 0;padding:12px 14px}.notification-item.unread{box-shadow:inset 4px 0 0 var(--accent)}.notification-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:600}.notification-meta span{padding:5px 9px;border-radius:999px;background:var(--accent-soft);color:var(--work)}.notification-text{display:block;width:100%;padding:0;border-radius:0;background:transparent;color:var(--ink);text-align:left;font-weight:500}.notification-text b,.notification-text span{display:block}.notification-text b{margin-bottom:4px;font-size:16px;line-height:1.15}.notification-text span{color:var(--muted);font-size:14px;line-height:1.25;white-space:pre-line}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px}.tabs button.active{background:var(--accent);color:var(--ink)}.search,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;resize:vertical;background:var(--input-bg);color:var(--ink)}.archive-row{margin-top:12px}.archive-switch-group{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.help-badge{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:8px;background:var(--control-bg);color:var(--muted);font-size:12px}.archive-link{display:inline-block;margin-top:8px;background:transparent;color:var(--accent);padding:0}.native-switch{width:54px;height:30px;padding:2px;border-radius:999px;background:var(--switch-bg);transition:background .15s ease}.native-switch span{display:block;width:26px;height:26px;border-radius:50%;background:var(--switch-thumb);box-shadow:0 1px 3px #0000002e;transition:transform .15s ease}.native-switch.checked{background:var(--accent)}.native-switch.checked span{transform:translate(24px)}.ticket-list{padding:0 14px 24px}.ticket-card{position:relative;display:block;width:100%;text-align:left;margin:12px 0;color:var(--ink)}.ticket-card h2,.ticket-detail h2{margin:0 86px 12px 0;font-size:24px;line-height:1.08;font-weight:700;letter-spacing:0}.ticket-card b{display:block;margin-bottom:8px;font-size:16px}.ticket-card p,.ticket-detail p{margin:0;color:var(--muted);font-weight:500;line-height:1.18;white-space:pre-line}.phone-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.created-at,.executor{display:block;margin-top:10px;color:#4b5563;white-space:pre-line}.status-pill{position:absolute;top:14px;right:14px;padding:9px 13px;border-radius:14px;font-size:13px;font-weight:600}.status-pill.new{background:var(--new-bg);color:var(--new)}.status-pill.work{background:var(--work-bg);color:var(--work)}.status-pill.closed{background:var(--good-bg);color:var(--good)}.ticket-detail{position:relative}.timeline-row{margin-top:14px}.timeline-row p{margin-bottom:8px}.ticket-photo{display:block;width:100%;border-radius:12px;margin-top:8px;background:var(--media-bg)}.photo-fallback{display:grid;place-items:center;min-height:180px;margin-top:8px;border-radius:12px;background:var(--fallback-bg);color:var(--muted);font-weight:600}.ticket-audio{width:100%;margin-top:8px}.audio-fallback{margin-top:8px;color:var(--muted);font-weight:600}.actions-panel{display:grid;gap:10px;margin-bottom:calc(env(safe-area-inset-bottom) + 16px)}.actions-panel textarea{min-height:92px}.file-button{position:relative;display:block;text-align:center;border:2px solid var(--accent);border-radius:18px;padding:12px 20px;font-weight:700;overflow:hidden}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.camera-button{width:100%;background:var(--input-bg)}.camera-actions{display:grid;gap:10px;margin-top:12px}.owner-summary,.sending-row{margin:0}.toast-inline{margin:0;color:var(--danger);font-size:13px;font-weight:700}.empty-text{padding:20px 4px}.error-text,.toast{color:var(--danger);font-weight:700}.toast{position:fixed;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:40;width:min(398px,calc(100vw - 32px));margin:0 auto;padding:12px 14px;border-radius:14px;background:var(--card);box-shadow:0 14px 40px #00000029}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:grid;place-items:center;padding:18px;background:#11111380}.shift-dialog{width:min(398px,calc(100vw - 36px));margin:0}.shift-dialog h2{margin:0 0 10px;font-size:22px}.field-label{display:grid;gap:8px;margin:12px 0;font-weight:700}.field-label input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;background:var(--input-bg);color:var(--ink)}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.dialog-actions .outline-action{margin:0}.install-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#11111394}.install-card{width:min(398px,calc(100vw - 36px));margin:0}.install-title-row{display:flex;gap:12px;align-items:center;margin-bottom:14px}.install-title-row h2{margin:0 0 4px;font-size:22px;line-height:1.08}.install-title-row p,.ios-install-guide{margin:0;color:var(--muted);font-size:13px;font-weight:600;line-height:1.35}.install-card button{width:100%;margin-top:10px}.ios-install-guide{padding:12px;border-radius:14px;background:var(--accent-soft);color:var(--ink)}.ios-install-guide ol{margin:8px 0 0;padding-left:20px}.ios-install-guide li+li{margin-top:5px}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#1111138c}.scanner-panel{width:min(430px,100vw);min-height:100vh;background:var(--bg)}.scanner-body{position:relative;margin:14px;padding:14px;border-radius:18px;background:var(--card)}.scanner-video{display:block;width:100%;min-height:330px;border-radius:14px;background:#111;object-fit:cover}.scanner-frame{position:absolute;inset:92px 54px auto;height:220px;border:3px solid var(--accent);border-radius:18px;pointer-events:none}.scanner-body p{margin:12px 0 0;color:var(--muted);font-weight:600;text-align:center}@media(max-width:430px){.app-shell,.login-screen,.scanner-panel{width:100vw}}
