:root{font-family:Inter,Segoe UI,Arial,sans-serif;--app-bg: #eef3f5;--surface: #ffffff;--surface-muted: #eef5f7;--surface-message: #f3f7f8;--surface-message-own: #dceff3;--text: #17252a;--text-muted: #61727a;--text-soft: #71858c;--border: #dce5e8;--border-strong: #c9d6da;--sidebar-bg: #102b33;--sidebar-text: #ffffff;--sidebar-muted: #a9bdc4;--sidebar-hover: rgba(255, 255, 255, .11);--primary: #1e4f5f;--primary-strong: #244955;--primary-text: #ffffff;--accent: #d14f36;--good: #187b45;--warn: #9b5b00;--danger-bg: #fff1f1;--danger-border: #ffcaca;--danger-text: #a12626;--shadow: rgba(8, 32, 38, .28);color:var(--text);background:var(--app-bg)}:root[data-theme=dark]{--app-bg: #0d1f25;--surface: #142d35;--surface-muted: #203d47;--surface-message: #1b3842;--surface-message-own: #254f5b;--text: #edf6f8;--text-muted: #a9bdc4;--text-soft: #8fa8b1;--border: #25424b;--border-strong: #31515b;--sidebar-bg: #08181d;--sidebar-text: #f6fbfc;--sidebar-muted: #95adb5;--sidebar-hover: rgba(255, 255, 255, .13);--primary: #3f9fb2;--primary-strong: #62b9ca;--primary-text: #07171b;--accent: #e36a4f;--good: #66c48c;--warn: #f0b15a;--danger-bg: #3b1d22;--danger-border: #70333b;--danger-text: #ffb1b1;--shadow: rgba(0, 0, 0, .38)}*{box-sizing:border-box}body{background:var(--app-bg);margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading-screen,.login-page{align-items:center;background:linear-gradient(115deg,#124958eb,#1d534cdb),url(/app/images/russian-fuel-truck-login.jpg);background-position:center;background-size:cover;display:flex;min-height:100vh;justify-content:center;padding:24px}.loading-screen{color:#fff;flex-direction:column;gap:16px}.login-panel{background:color-mix(in srgb,var(--surface) 95%,transparent);border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:8px;box-shadow:0 18px 60px var(--shadow);max-width:440px;padding:28px;width:100%}.login-theme{display:flex;justify-content:flex-end;margin:-8px -8px 14px 0}.login-brand,.sidebar-brand,.topbar,.user-pill{align-items:center;display:flex}.login-brand{gap:14px;margin-bottom:28px}.login-brand h1{font-size:28px;line-height:1.1;margin:0}.login-brand p,.topbar p,.sidebar-brand span{color:var(--text-muted);margin:4px 0 0}.brand-mark{align-items:center;background:var(--primary);border-radius:8px;color:var(--primary-text);display:inline-flex;font-weight:800;height:44px;justify-content:center;width:44px}.login-form{display:grid;gap:16px}.login-form label{color:var(--text-muted);display:grid;font-size:14px;gap:7px}.login-form input{background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;color:var(--text);min-height:42px;padding:9px 11px}.checkbox-row{align-items:center;display:flex!important;gap:10px!important}.checkbox-row input{min-height:auto}.primary-button,.logout-button,.section-nav button{align-items:center;border:0;display:inline-flex;gap:10px}.primary-button{background:var(--primary);border-radius:6px;color:var(--primary-text);justify-content:center;min-height:44px;padding:10px 16px}.primary-button:disabled{cursor:not-allowed;opacity:.55}.form-error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:6px;color:var(--danger-text);margin:0;padding:10px 12px}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;gap:22px;padding:18px}.sidebar-brand{gap:12px}.sidebar-brand span{color:var(--sidebar-muted);display:block;font-size:13px}.section-nav{display:grid;gap:6px}.section-nav button,.logout-button{background:transparent;border-radius:6px;color:color-mix(in srgb,var(--sidebar-text) 86%,transparent);min-height:40px;padding:10px;text-align:left}.section-nav button.active,.section-nav button:hover,.logout-button:hover{background:var(--sidebar-hover)}.logout-button{margin-top:auto}.workspace{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;min-height:76px;padding:16px 24px}.topbar-actions{align-items:center;display:flex;gap:10px}.topbar h1{align-items:center;display:flex;font-size:22px;gap:10px;line-height:1.2;margin:0}.user-pill{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;gap:8px;min-height:36px;padding:8px 12px}.theme-toggle{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;display:inline-flex;gap:2px;min-height:36px;padding:3px}.theme-toggle button{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--text-muted);display:inline-flex;height:28px;justify-content:center;min-width:28px;padding:0}.theme-toggle button.active{background:var(--primary);color:var(--primary-text)}.nav-badge{align-items:center;background:var(--accent);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;height:20px;justify-content:center;margin-left:auto;min-width:20px;padding:0 6px}.content-surface{padding:24px}.view-stack{display:grid;gap:18px}.toolbar,.compose-row,.comment-row,.card-actions,.compact-toolbar{align-items:center;display:flex;gap:10px}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:space-between;padding:12px}.toolbar label{align-items:center;color:var(--text-muted);display:flex;gap:10px}select,input,textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;color:var(--text);min-height:38px;padding:8px 10px}textarea{min-height:74px;resize:vertical}.icon-button,.comment-row button,.card-actions button,.toast button{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:6px;color:var(--primary-strong);display:inline-flex;height:38px;justify-content:center;min-width:38px}.split-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.list-card{background:var(--surface);border:1px solid var(--border);border-radius:8px}.panel{min-width:0;padding:16px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.panel-header h2{font-size:18px;margin:0}.panel-header span,.card-main small,.thread-item small,.messages small{color:var(--text-soft)}.data-table,.list-stack,.messages{display:grid;gap:8px}.table-row{align-items:start;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:1.2fr 1fr 1fr .8fr;min-height:44px;padding:8px 0}.table-row span{min-width:0}.table-row small{color:var(--text-soft);display:block;margin-top:3px}.table-head{color:var(--text-muted);font-size:13px;font-weight:700;min-height:auto}.good{color:var(--good)}.warn{color:var(--warn)}.compact{padding:16px}.inline-error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:6px;color:var(--danger-text);margin:0;padding:10px 12px}.compose-row input{flex:1}.list-card{display:grid;gap:14px;padding:14px}.list-card h3,.list-card p{margin:0}.list-card.muted{opacity:.65}.done-toggle{align-items:flex-start;display:flex;gap:10px}.done-toggle input{margin-top:2px;min-height:auto}.comments{border-top:1px solid var(--border);display:grid;gap:8px;padding-top:10px}.comments p{color:var(--text-muted)}.meta-pill{align-items:center;background:var(--surface-muted);border-radius:999px;color:var(--text-muted);display:inline-flex;gap:5px;justify-self:start;padding:4px 8px}.comment-row input,.card-actions input{flex:1}.task-form{display:grid;gap:12px}.form-grid{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.priority-high,.priority-critical{border-left:4px solid var(--accent)}.priority-low{border-left:4px solid var(--good)}.chat-layout{display:grid;gap:18px;grid-template-columns:320px minmax(0,1fr)}.chat-list,.dialog{min-height:calc(100vh - 124px)}.thread-item,.search-results button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--text);display:flex;gap:10px;justify-content:space-between;padding:10px;text-align:left;width:100%}.thread-item.active,.thread-item:hover,.search-results button:hover{background:var(--surface-muted)}.thread-item span{display:grid;gap:3px;min-width:0}.thread-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-item b{background:var(--accent);border-radius:999px;color:#fff;font-size:12px;min-width:20px;padding:3px 6px;text-align:center}.search-results{border-bottom:1px solid var(--border);display:grid;gap:4px;margin-bottom:8px;padding-bottom:8px}.dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.messages{align-content:start;overflow:auto;padding-right:4px}.messages article{background:var(--surface-message);border-radius:8px;justify-self:start;max-width:min(620px,92%);padding:10px 12px}.messages article.own-message{background:var(--surface-message-own);justify-self:end}.messages p{margin:5px 0;white-space:pre-wrap}.toasts{bottom:18px;display:grid;gap:10px;max-width:360px;position:fixed;right:18px;z-index:50}.toast{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px var(--shadow);display:flex;gap:12px;justify-content:space-between;padding:12px}.toast p{color:var(--text-muted);margin:4px 0 0}.empty-state{background:var(--surface);border:1px dashed var(--border-strong);border-radius:8px;color:var(--text-muted);margin:0;padding:28px}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:grid;gap:12px;grid-template-columns:1fr}.section-nav{display:flex;overflow-x:auto}.section-nav button span,.logout-button span{white-space:nowrap}.topbar{align-items:flex-start;flex-direction:column;gap:12px}.topbar-actions{align-items:flex-start;flex-wrap:wrap;width:100%}.split-grid,.chat-layout,.form-grid{grid-template-columns:1fr}.toolbar,.compose-row,.card-actions{align-items:stretch;flex-direction:column}.table-row{grid-template-columns:1fr}}.app-shell{display:block;min-height:100vh;padding-bottom:78px}.workspace{min-height:100vh}.topbar{background:var(--sidebar-bg);color:var(--sidebar-text);display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;min-height:82px;padding:14px clamp(14px,4vw,24px)}.topbar h1,.topbar p{color:inherit}.topbar p{color:var(--sidebar-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-title{min-width:0}.menu-button{align-items:center;background:transparent;border:0;color:var(--sidebar-text);display:inline-flex;height:44px;justify-content:center;padding:0;width:44px}.topbar-actions{justify-content:flex-end}button.user-pill,.connection-pill,.notification-pill{border-radius:0;color:var(--sidebar-text)}.connection-pill{min-width:92px}.notification-pill{position:relative}.content-surface{padding:16px clamp(14px,4vw,24px) 24px}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);bottom:0;display:grid;grid-template-columns:repeat(4,1fr);left:0;min-height:72px;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:45}.bottom-nav button{align-items:center;background:transparent;border:0;color:var(--text-muted);display:grid;font-size:12px;gap:3px;justify-items:center;min-height:72px;padding:7px 4px 8px;position:relative}.bottom-nav button.active{color:var(--primary)}.bottom-nav button.active:before{background:var(--primary);content:"";height:4px;left:28%;position:absolute;right:28%;top:0}.bottom-nav-icon{display:inline-flex;position:relative}.bottom-nav .nav-badge{margin:0;position:absolute;right:-13px;top:-8px}.app-drawer{inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .16s ease;z-index:70}.app-drawer.open{opacity:1;pointer-events:auto}.drawer-panel{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:18px;height:100%;max-width:min(318px,86vw);padding:18px;position:relative;transform:translate(-100%);transition:transform .18s ease;z-index:2}.app-drawer.open .drawer-panel{transform:translate(0)}.drawer-backdrop{background:#00000059;border:0;inset:0;position:absolute}.drawer-close{margin-left:auto}.drawer-nav button,.drawer-action{background:var(--surface-muted);border:1px solid var(--border);border-radius:0;color:var(--text);min-height:48px;width:100%}.drawer-nav button.active{background:color-mix(in srgb,var(--primary) 18%,var(--surface))}.drawer-section{border-top:1px solid var(--border);display:grid;gap:10px;padding-top:16px}.drawer-section-title{align-items:center;color:var(--text);display:flex;font-weight:700;gap:8px}.drawer-action{justify-content:center}.push-panel{background:var(--surface-muted);border:1px solid var(--border);display:grid;gap:10px;padding:10px}.push-status{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:8px;line-height:1.35}.push-actions{display:grid;gap:8px;grid-template-columns:1fr 42px}.push-test-button{background:var(--surface);border:1px solid var(--border);color:var(--text);min-height:42px}.push-actions button:disabled{cursor:not-allowed;opacity:.55}.drawer-panel .logout-button{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);justify-content:center;margin-top:auto}.mobile-filterbar,.price-filterbar{background:var(--surface);border:1px solid var(--border);display:flex;gap:8px;overflow-x:auto;padding:10px}.mobile-filterbar button,.kanban-tabs button,.primary-compact{align-items:center;background:var(--surface-muted);border:1px solid var(--border-strong);color:var(--text);display:inline-flex;gap:6px;min-height:34px;padding:7px 12px;white-space:nowrap}.mobile-filterbar button.active,.kanban-tabs button.active,.primary-compact{background:var(--primary);color:var(--primary-text)}.kanban-tabs{display:flex;gap:8px;overflow-x:auto}.kanban-tabs b{font-size:12px}.kanban-board{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(230px,1fr))}.kanban-lane{background:var(--surface-muted);border:1px solid var(--border);display:grid;gap:12px;min-width:0;padding:12px}.kanban-lane header{align-items:center;display:flex;justify-content:space-between}.kanban-lane h2{font-size:18px;margin:0}.kanban-cards{display:grid;gap:10px}.task-card,.price-row-card{background:var(--surface);border:1px solid var(--border);color:var(--text);display:grid;gap:8px;padding:12px;text-align:left}.task-card.is-new,.price-row-card.is-new,.board-card.is-new,.thread-item.is-new{border-color:var(--good);box-shadow:inset 3px 0 0 var(--good)}.task-card-head,.task-card-actions{align-items:center;display:flex;gap:8px}.task-card h3,.task-card p{margin:0}.task-card small{color:var(--text-soft)}.task-card-actions input{flex:1;min-width:0}.task-card-actions button{align-items:center;background:var(--surface-muted);border:1px solid var(--border);color:var(--primary-strong);display:inline-flex;height:34px;justify-content:center;min-width:34px}.new-chip{background:color-mix(in srgb,var(--good) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--good) 45%,var(--border));color:var(--good);font-size:12px;justify-self:start;padding:3px 8px}.price-filterbar{align-items:end;justify-content:space-between}.price-filterbar label{color:var(--text-muted);display:grid;flex:1;font-size:13px;gap:5px;min-width:110px}.refresh-button{flex:0 0 auto}.price-list,.exchange-list{display:grid;gap:10px}.price-row-card{grid-template-columns:minmax(0,1fr) auto;min-height:74px;position:relative}.price-row-card .new-chip{position:absolute;right:24px;top:10px}.price-main,.price-value{display:grid;gap:4px}.price-main small,.price-value small,.exchange-row span,.exchange-row small{color:var(--text-soft)}.price-value{justify-items:end}.price-change{font-size:12px;grid-column:2;justify-self:end;line-height:1.1}.exchange-row{border-bottom:1px solid var(--border);display:grid;gap:4px;grid-template-columns:.7fr 1fr auto;padding:8px 0}.exchange-row small{grid-column:1 / -1}.price-detail-overlay{align-items:end;background:#00000052;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:60}.price-detail{max-height:min(760px,calc(100vh - 32px));max-width:520px;overflow:auto;width:100%}.price-detail-total{display:grid;gap:4px;margin-bottom:16px}.price-detail-total strong{font-size:30px}.price-chart-card{background:var(--surface-muted);border:1px solid var(--border);padding:12px}.price-chart-card h3{margin:0 0 8px}.price-chart{color:var(--primary);display:block;height:auto;width:100%}.price-chart text{fill:var(--text-soft);font-size:11px}.price-detail-grid{display:grid;gap:8px 12px;grid-template-columns:auto minmax(0,1fr);margin-top:16px}.price-detail-grid span{color:var(--text-muted)}.messenger-layout{grid-template-columns:360px minmax(0,1fr)}.thread-item{border:1px solid transparent;display:grid;grid-template-columns:auto minmax(0,1fr) auto}.thread-avatar{align-items:center;background:var(--primary);color:var(--primary-text);display:inline-flex;font-weight:800;height:36px;justify-content:center;width:36px}.thread-copy{display:grid;gap:3px;min-width:0}.thread-meta{align-items:end;display:grid;gap:5px;justify-items:end}.messenger-dialog{background:color-mix(in srgb,var(--surface-muted) 78%,var(--surface))}.dialog-header{background:var(--surface);border-bottom:1px solid var(--border);margin:-16px -16px 12px;padding:12px 16px}.mobile-back{display:none}.messenger-messages article{border:1px solid var(--border);border-radius:0;min-width:min(290px,86%)}.messenger-messages article.own-message{background:color-mix(in srgb,var(--good) 14%,var(--surface))}.messenger-messages small{display:block;text-align:right}.messenger-compose{background:var(--surface);border-top:1px solid var(--border);margin:12px -16px -16px;padding:12px 16px}.send-button span{display:inline}@media(max-width:760px){.topbar{align-items:center;grid-template-columns:auto minmax(0,1fr) auto}.topbar h1{font-size:22px}.topbar h1 svg{display:none}.topbar p,.connection-pill span{display:none}.connection-pill{min-width:72px}.content-surface{padding:16px 14px 20px}.panel,.list-card,.toolbar,select,input,textarea,.primary-button,.icon-button,.thread-item,.task-card,.price-row-card,.price-chart-card,.kanban-lane,.mobile-filterbar,.price-filterbar{border-radius:0}.kanban-board{grid-template-columns:1fr}.kanban-lane{display:none}.kanban-lane.active{display:grid}.mobile-sheet{position:relative}.task-form-grid{grid-template-columns:1fr}.chat-layout{display:block}.messenger-layout .dialog,.messenger-layout.dialog-open .chat-list{display:none}.messenger-layout.dialog-open .dialog{display:grid;min-height:calc(100vh - 170px)}.mobile-back{display:inline-flex}.dialog-header{align-items:center;justify-content:flex-start}.messenger-messages article{min-width:0;width:min(290px,88%)}.messenger-compose{flex-direction:row}.send-button{min-width:48px;padding:0 14px}.send-button span{display:none}.price-detail-overlay{align-items:stretch;padding:0}.price-detail{border-radius:0;max-height:100vh}}@media(min-width:761px){.app-shell{padding-bottom:0}.bottom-nav{left:50%;margin:0 auto;max-width:520px;transform:translate(-50%)}.content-surface{padding-bottom:96px}}