:root{--ink: #0A1A1F;--deep: #0F2D35;--mid: #15323b;--border: #1E4D5C;--white: #F4F8F9;--muted: #7A9BA5;--teal: #0E7C8B;--clear: #4ECDC4;--red: #E8394A;--amber: #E0A93B;--panel: #0c2129;--row-sel: #143540;--border-soft: #143038;--badge-active-bg: #123a2f;--bubble-mine: #123a44}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--ink: #F4F8FA;--deep: #FFFFFF;--mid: #E7EFF1;--border: #C7D6DA;--white: #0A1A1F;--muted: #55707B;--teal: #0E7C8B;--clear: #158577;--red: #C7293A;--amber: #A6740C;--panel: #EEF4F5;--row-sel: #DCEAEC;--border-soft: #D5E1E4;--badge-active-bg: #C9EEE3;--bubble-mine: #DCEAEC}}:root[data-theme=light]{--ink: #F4F8FA;--deep: #FFFFFF;--mid: #E7EFF1;--border: #C7D6DA;--white: #0A1A1F;--muted: #55707B;--teal: #0E7C8B;--clear: #158577;--red: #C7293A;--amber: #A6740C;--panel: #EEF4F5;--row-sel: #DCEAEC;--border-soft: #D5E1E4;--badge-active-bg: #C9EEE3;--bubble-mine: #DCEAEC}*{box-sizing:border-box}body,html,#root{margin:0;height:100%}body{background:var(--ink);color:var(--white);font:14px/1.4 -apple-system,Segoe UI,Roboto,sans-serif}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit;background:var(--mid);color:var(--white);border:1px solid var(--border);border-radius:6px;padding:8px 10px}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--red)}.pad{padding:16px}.login-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px}.login-card{background:var(--deep);border:1px solid var(--border);border-radius:14px;padding:28px;width:100%;max-width:340px}.login-card h1{font-size:18px;margin:0 0 18px}.login-card form{display:flex;flex-direction:column;gap:8px}.install-banner{width:340px;max-width:100%;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--muted)}.install-banner>span{flex:1}.install-banner button.link{padding:0;white-space:nowrap}.login-card label{font-size:12px;color:var(--muted);margin-top:6px}button.primary{background:var(--teal);color:#fff;border:0;border-radius:8px;padding:10px 14px;font-weight:700}button.primary:disabled{opacity:.5;cursor:default}button.link{background:none;border:0;color:var(--clear);padding:6px}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--deep);border-bottom:1px solid var(--border)}.brand{font-weight:800}.spacer{flex:1}.main{flex:1;display:flex;min-height:0;position:relative}.menu-btn{display:none;background:none;border:0;color:var(--white);font-size:20px;padding:2px 4px}.list-close,.list-backdrop{display:none}.list-pane{width:300px;border-right:1px solid var(--border);overflow-y:auto;background:var(--panel);display:flex;flex-direction:column}.filters{display:flex;gap:6px;padding:10px;flex-wrap:wrap}.chip{background:var(--mid);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:4px 12px}.chip.on{background:var(--teal);color:#fff;border-color:var(--teal)}.section-label{padding:10px 12px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.inc-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--border-soft);padding:10px 12px;color:var(--white)}.inc-row:hover{background:var(--mid)}.inc-row.sel{background:var(--row-sel)}.inc-row .title{flex:1}.badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px}.st-active{background:var(--badge-active-bg);color:var(--clear)}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.online-dot.on{background:var(--clear)}.detail-pane{flex:1;display:flex;flex-direction:column;min-width:0}.detail-head{padding:14px 20px;border-bottom:1px solid var(--border)}.detail-head h2{margin:0;font-size:16px}.thread{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.msg-row{max-width:70%}.msg-row.mine{align-self:flex-end;text-align:right}.msg-meta{display:flex;gap:8px;align-items:baseline;margin-bottom:2px}.msg-row.mine .msg-meta{justify-content:flex-end}.msg-body{background:var(--deep);border:1px solid var(--border);border-radius:10px;padding:8px 12px;white-space:pre-wrap;word-break:break-word}.msg-row.mine .msg-body{background:var(--bubble-mine)}.compose{display:flex;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid var(--border);background:var(--deep)}.compose input{flex:1}.compose select{flex:0 0 auto}.qm-grid{padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow-y:auto}.qm-btn{text-align:left;background:var(--deep);border:1px solid var(--border);border-radius:12px;padding:14px 16px;color:var(--white);display:flex;flex-direction:column;gap:4px}.qm-btn:hover:not(:disabled){background:var(--mid)}.qm-btn:disabled{opacity:.7;cursor:default}.qm-emoji{font-size:22px}.qm-label{font-weight:700;font-size:14px}.qm-sub{font-size:11px;color:var(--muted)}.qm-sub.qm-warn{color:var(--amber)}.qm-sub.qm-ok{color:var(--clear);font-weight:700}.qm-urgent{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset}.qm-urgent .qm-label{color:var(--red)}.qm-sent{border-color:var(--clear);box-shadow:0 0 0 1px var(--clear) inset}@media (max-width: 520px){.qm-grid{grid-template-columns:1fr}}@media (max-width: 860px){.menu-btn{display:inline-flex}.brand{font-size:14px}.topbar .muted.small{display:none}.list-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.list-pane{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;width:86vw;max-width:340px;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 16px #0006}.list-pane.open{transform:translate(0)}.list-close{display:block;align-self:flex-end;margin:6px 10px 0 0;background:none;border:0;color:var(--muted);font-size:18px;padding:6px}.detail-pane{width:100%}.qm-grid{padding:14px;gap:10px;grid-template-columns:1fr 1fr}.qm-btn{padding:16px}.compose{padding:10px 12px}.compose input{padding:11px 12px}button.primary{padding:12px 16px}}@media (max-width: 420px){.qm-grid{grid-template-columns:1fr}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--deep);border:1px solid var(--border);border-radius:14px;padding:22px;width:360px;max-width:100%;display:flex;flex-direction:column;gap:8px}.modal h2{margin:0 0 8px;font-size:16px}.modal label{font-size:12px;color:var(--muted);margin-top:6px}.row.end{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.veh-history-list{max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.veh-history-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--border-soft)}