:root{--bg:#f3f5f8;--card:#fff;--text:#1a2230;--muted:#5d6b7e;--line:#d9dfe7;--primary:#1f4e79;--primary-text:#fff;--danger:#b3261e;--success:#1e7a3c;--radius:12px;--tap:52px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:17px;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2{margin:0}h1{font-size:22px}h2{font-size:18px}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 0;font-size:16px}p{margin:0}.muted{color:var(--muted)}.small{font-size:14px}.error{color:var(--danger);font-weight:500}.success{color:var(--success);font-weight:500}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:16px;display:flex}.btn{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;cursor:pointer;padding:0 18px;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-ghost{color:var(--primary);background:0 0;border-color:#0000}.btn-big{min-height:58px;font-size:18px}.back{align-self:flex-start;padding-left:0}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:15px}input,select{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);width:100%;font:inherit;color:var(--text);background:#fff;padding:0 14px}input:focus,select:focus,.btn:focus-visible{outline-offset:1px;outline:3px solid #9cc3e8}.password-row{gap:8px;display:flex}.password-row input{flex:1}.check{min-height:var(--tap);align-items:flex-start;gap:12px;padding-top:12px;display:flex}.check input{flex:none;width:24px;height:24px;min-height:24px;margin:0}.login{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.login-card{background:var(--card);border-radius:18px;flex-direction:column;gap:18px;width:100%;max-width:400px;padding:28px 20px;display:flex;box-shadow:0 4px 24px #14284614}.login-logo{background:var(--primary);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:20px;font-weight:700;display:flex}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:2;background:var(--primary);color:#fff;padding:calc(env(safe-area-inset-top) + 14px) 16px 14px;position:sticky;top:0}.content{width:100%;max-width:760px;padding:16px 16px calc(96px + env(safe-area-inset-bottom));flex:1;margin:0 auto}.bottom-nav{z-index:2;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-height:64px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--primary)}.nav-icon{font-size:24px;line-height:1}.stack{flex-direction:column;gap:14px;display:flex}.row{flex-wrap:wrap;gap:10px;display:flex}.grow{flex:1}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);padding:16px}.big-name{font-size:20px;font-weight:700}.stub{background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;gap:8px;padding:24px 16px;display:grid}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-item{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;font:inherit;color:inherit;cursor:pointer;gap:4px;padding:12px 14px;display:grid}.list-item.static{cursor:default}.list-title{font-weight:600}.chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{color:#33425a;background:#e8edf3;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}.chip-blue{color:#1f4e79;background:#dce9f7}.chip-red{color:#9b1c15;background:#fbe1df}.chip-orange{color:#8a4b00;background:#fdebd3}textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;font:inherit;color:var(--text);resize:vertical;background:#fff;padding:12px 14px}textarea:focus{outline-offset:1px;outline:3px solid #9cc3e8}.stack-tight{flex-direction:column;gap:8px;display:flex}.section-head{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.small-btn{min-height:44px;padding:0 8px;font-size:15px}.chip.inline{vertical-align:middle;margin-left:8px}.warn{background:#fff8ec;border-color:#f0c27b}.plain{gap:4px;margin:0;padding-left:18px;display:grid}.pre{white-space:pre-wrap}.call{align-items:center;margin-top:4px;text-decoration:none;display:inline-flex}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.row.two>*{flex:140px}.strong{font-weight:700}.code{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:700}.pill{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.pill-arrival{color:#17544d;background:#e0f0ee}.pill-storage{color:#2d4a63;background:#e4e9ee}.pill-transit{color:#8a3a0e;background:#fbe6d6}.pill-shipped{color:#1d5c31;background:#ddefe2}.tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:0 16px;font-weight:600}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.chips-row{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:0 14px;font-size:15px;font-weight:600}.chip-btn.active{color:var(--primary);background:#dce9f7;border-color:#9cc3e8}.summary{border-radius:var(--radius);background:#e8edf3;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:10px 14px;display:flex}.sticky-action{bottom:calc(76px + env(safe-area-inset-bottom));z-index:1;flex-direction:column;display:flex;position:sticky}.sticky-action .btn{box-shadow:0 4px 16px #1428462e}.grid-info{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stepper{align-items:center;gap:8px;display:flex}.stepper .btn{width:52px;padding:0;font-size:24px}.stepper input{text-align:center;width:84px;font-size:20px;font-weight:700}.weight-input{text-align:right;width:140px;font-size:20px;font-weight:700}.diff{border-radius:var(--radius);padding:12px 14px;font-weight:600}.diff-ok{color:#1d5c31;background:#ddefe2}.diff-bad{color:#8a3a0e;background:#fbe6d6}.journal{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.journal li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);gap:2px;padding:10px 14px;display:grid}.journal li.journal-warn{background:#fff8ec;border-color:#f0c27b}.journal-title{font-weight:600}.picked{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:0 4px 0 14px;display:flex}.options{flex-direction:column;gap:4px;display:flex}.option{text-align:left;border:1px solid var(--line);min-height:48px;font:inherit;color:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:0 14px}.option-add{color:var(--primary);border-style:dashed;font-weight:600}.toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toggle-btn{border-radius:var(--radius);border:2px solid var(--line);background:var(--card);min-height:56px;color:var(--text);font:inherit;cursor:pointer;font-weight:700}.toggle-btn.active{border-color:var(--primary);color:var(--primary);background:#dce9f7}.dest{border-radius:8px;justify-self:start;padding:4px 10px;font-size:14px;font-weight:600}.dest-transit{color:#8a3a0e;background:#fbe6d6}.dest-shipped{color:#1d5c31;background:#ddefe2}.link-btn{min-height:40px;font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:6px 2px;font-weight:700;text-decoration:underline}.btn-danger-outline{background:var(--card);border-color:var(--danger);color:var(--danger)}.journal li.journal-cancelled{background:#f1f2f4}.journal li.journal-cancelled .journal-title{color:var(--muted);text-decoration:line-through}.cancel-note{color:var(--danger);font-size:14px;font-weight:600}.pill-cancelled{color:#5d6b7e;background:#eceef1;text-decoration:line-through}.big-number{font-size:32px;font-weight:800;line-height:1.1}.long-note{color:var(--danger);font-weight:600}.long-days{color:var(--danger);font-weight:700}a.btn{justify-content:center;align-items:center;text-decoration:none;display:flex}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.photo{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:0;overflow:hidden}.photo img{object-fit:cover;background:#e8edf3;width:100%;height:130px;display:block}.photo figcaption{gap:2px;padding:6px 8px;display:grid}.hidden-file{opacity:.6}.doc-link{color:var(--primary);word-break:break-word;font-weight:600}.photo-btn{cursor:pointer}.badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:6px;padding:0 6px;font-size:13px;font-weight:700;display:inline-flex}.bottom-nav a{position:relative}.nav-badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:700;display:flex;position:absolute;top:6px;left:calc(50% + 6px)}.chat-item{gap:2px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-view{flex-direction:column;gap:10px;display:flex}.chat-head{align-items:center;gap:8px;display:flex}.chat-head .back{flex:none}.messages{flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.center{text-align:center}.day-sep{color:var(--muted);background:#e8edf3;border-radius:999px;align-self:center;margin:6px 0;padding:2px 10px;font-size:13px}.msg{flex-direction:column;align-items:flex-start;display:flex}.msg.mine{align-items:flex-end}.bubble{background:var(--card);border:1px solid var(--line);border-radius:16px 16px 16px 4px;max-width:85%;padding:8px 12px}.msg.mine .bubble{background:#dce9f7;border-color:#c3d8ef;border-radius:16px 16px 4px}.bubble.deleted .msg-body{color:var(--muted);font-style:italic}.msg-author{color:var(--primary);font-size:13px;font-weight:700}.msg-body{white-space:pre-wrap;word-break:break-word}.msg-meta{color:var(--muted);text-align:right;justify-content:flex-end;align-items:center;gap:4px;font-size:12px;display:flex}.msg-menu-btn{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:18px;line-height:1}.msg-menu{gap:6px;margin-top:4px;display:flex}.msg-failed{color:var(--danger);font-size:13px;font-weight:600}.composer{bottom:calc(68px + env(safe-area-inset-bottom));background:var(--bg);z-index:1;gap:6px;padding:8px 0;display:grid;position:sticky}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer textarea{min-height:var(--tap);resize:none;flex:1;max-height:160px;padding:13px 14px}.send-btn{width:var(--tap);flex:none;padding:0;font-size:22px}.editing-bar{color:var(--primary);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.composer-note{bottom:calc(68px + env(safe-area-inset-bottom));border-radius:var(--radius);text-align:center;color:var(--muted);background:#e8edf3;padding:12px;position:sticky}.ticks{letter-spacing:-2px;color:var(--muted);font-weight:700}.ticks.read{color:#1d6fd1}.read-count{min-height:32px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:4px 6px;font-size:12px;display:inline-flex}.readers{gap:4px;max-width:85%;margin-top:4px;padding:10px 12px;font-size:14px;display:grid}.attach-btn{width:var(--tap);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;font-size:22px;display:flex}.msg-photo{object-fit:cover;background:#e8edf3;border-radius:10px;width:240px;max-width:100%;max-height:320px;display:block}.msg-doc{word-break:break-word;padding:4px 0;display:block}.voice-btn{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.voice-btn.active{transform:scale(1.12)}.voice-bar{min-height:var(--tap);border:2px solid var(--danger);border-radius:var(--radius);z-index:2;background:#fff3f2;align-items:center;gap:10px;padding:0 14px;font-weight:700;display:flex;position:absolute;bottom:8px;left:0;right:64px}.voice-bar.cancelling{border-color:var(--muted);color:var(--muted);background:#eceef1}.voice-hint{color:var(--muted);margin-left:auto;font-size:14px;font-weight:500}.rec-dot{background:var(--danger);border-radius:50%;width:12px;height:12px;animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.composer{position:sticky}.composer-row{position:relative}.voice-notice{color:var(--primary);text-align:center;font-size:14px;font-weight:600}.voice-player{align-items:center;gap:10px;min-width:220px;display:flex}.voice-play{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;width:44px;height:44px;font-size:18px}.voice-track{cursor:pointer;background:#c3d8ef;border-radius:4px;flex:1;height:8px;overflow:hidden}.voice-fill{background:var(--primary);height:100%}.voice-time{color:var(--muted);font-variant-numeric:tabular-nums;min-width:36px;font-size:13px}.system-msg{text-align:center;max-width:90%;color:var(--muted);background:#eef1f5;border-radius:999px;align-self:center;padding:4px 12px;font-size:13px}.people-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);flex-direction:column;max-height:50vh;padding:0 12px;display:flex;overflow-y:auto}.check.person{border-bottom:1px solid var(--line);min-height:var(--tap);align-items:center;padding:10px 0}.archive summary{cursor:pointer;color:var(--muted);padding:10px 0;font-weight:600}.offline-bar{z-index:3;color:#6b4e00;text-align:center;background:#fff3cd;border-bottom:1px solid #f0c27b;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;display:block;position:sticky;top:0}.offline-bar.sending{color:var(--primary);background:#dce9f7;border-color:#9cc3e8}.offline-bar.failed{color:#9b1c15;background:#fbe1df;border-color:#f0a9a3}.toggle-3{grid-template-columns:repeat(3,1fr)}.help-page{max-width:560px;margin:0 auto;padding:16px}.help h1{margin:0;font-size:24px}.help .back{align-self:flex-start;padding-left:0}.steps{gap:10px;margin:0;padding-left:24px;font-size:17px;line-height:1.45;display:grid}.glyph{border:1px solid var(--border,#ccd);text-align:center;border-radius:6px;min-width:1.4em;padding:0 4px;font-weight:700;display:inline-block}.alert-bar{color:#9b1c15;text-align:center;background:#fbe1df;border-bottom:1px solid #f0a9a3;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;display:block}.offline-bar.with-btn{text-align:left;align-items:center;gap:10px;display:flex}.offline-bar.with-btn span{flex:1}.bar-btn{color:#6b4e00;background:#fff;border:1px solid #c79a3a;border-radius:8px;min-height:40px;padding:0 14px;font-size:15px;font-weight:600}.stage-planned{color:#2d4a63;background:#e4e9ee}.stage-loading{color:#17544d;background:#e0f0ee}.stage-transit{color:#8a3a0e;background:#fbe6d6}.stage-unloaded{color:#1d5c31;background:#ddefe2}.stage-cancelled{color:#5d6b7e;background:#eceef1;text-decoration:line-through}.code.big{font-size:22px}.route{border-left:3px solid var(--line);gap:6px;margin:4px 0;padding:0 0 0 14px;font-size:17px;list-style:none;display:grid}.route li{position:relative}.route li:before{content:"";background:var(--primary);border-radius:50%;width:11px;height:11px;position:absolute;top:7px;left:-21px}.route li.unload:before{background:#1d5c31}.facts{grid-template-columns:max-content 1fr;gap:6px 14px;margin:4px 0;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.point-row{gap:6px;display:grid}.batch-pick{border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:4px 12px 12px}.batch-pick legend{color:var(--muted);padding:0 6px}.stages{border-collapse:collapse;width:100%;font-size:16px}.stages th{text-align:left;color:var(--muted);padding:2px 6px;font-size:13px;font-weight:600}.stages td{border-top:1px solid var(--line);padding:6px}.stages td:first-child{font-weight:600}.stages tr.late td{color:#9b1c15}