:root{--navy: #0f2a4a;--navy-dark: #081a30;--bg: #eef1f5;--card: #ffffff;--ink: #101418;--muted: #55606c;--line: #d3d8e0;--line-soft: #e6e9ef;--blue: #0b5fff;--blue-ink: #0a4bc9;--green: #0a7a2f;--amber: #9a5b00;--red: #c81e1e;--tint-amber: #fff4d9;--tint-navy: #e9eef6;--tint-blue: #e2ebff;--tint-green: #e4f5ea;--tint-red: #fde5e5;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(15, 42, 74, .05), 0 1px 3px rgba(15, 42, 74, .08);--shadow-md: 0 4px 12px rgba(15, 42, 74, .1), 0 2px 4px rgba(15, 42, 74, .06);--tab-height: 62px}*{box-sizing:border-box}.icon{width:1.15em;height:1.15em;flex-shrink:0;vertical-align:-.16em}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.4;-webkit-text-size-adjust:100%}#root{min-height:100dvh}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;padding-bottom:calc(var(--tab-height) + env(safe-area-inset-bottom) + var(--s3))}.page{padding:var(--s4);max-width:640px;margin:0 auto;width:100%}.page-title{font-size:1.4rem;font-weight:800;letter-spacing:-.015em;margin:var(--s1) 0 var(--s3)}.page-head{display:flex;justify-content:space-between;align-items:center}.page-head .page-title{margin-bottom:var(--s2)}.view-switch-row{display:flex;align-items:center;gap:var(--s2);margin:var(--s1) 0 var(--s3)}.seg{flex:1;display:flex;gap:3px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:3px}.seg-item{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:9px;font-weight:700;font-size:.95rem;color:var(--muted);text-decoration:none;white-space:nowrap}.seg-item .icon{width:17px;height:17px}.seg-item.active{background:var(--navy);color:#fff;box-shadow:var(--shadow-sm)}.btn.refresh-btn{min-width:48px;padding:8px;line-height:1;color:var(--muted)}.btn.refresh-btn .icon{width:21px;height:21px}.brand-bar{background:var(--navy);color:#fff;font-weight:700;font-size:1.02rem;display:flex;align-items:center;justify-content:center;gap:9px;padding:var(--s3) var(--s4);padding-top:max(var(--s3),env(safe-area-inset-top));letter-spacing:.02em;box-shadow:var(--shadow-sm);position:relative;z-index:5}.brand-bar .icon{width:21px;height:21px;opacity:.9}.empty-state{text-align:center;padding:var(--s5) var(--s4);background:var(--card);border:2px dashed var(--line);border-radius:var(--radius);margin-bottom:var(--s3)}.empty-state p{margin:var(--s1) 0;font-weight:600}.section-title{font-size:.8rem;font-weight:800;margin:var(--s5) 0 var(--s2);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;align-items:baseline;gap:var(--s2)}.board-section:first-of-type .section-title{margin-top:var(--s3)}.count{font-weight:600;color:var(--muted)}.center-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s5);text-align:center;gap:var(--s2)}.card{display:block;background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:var(--s4);margin-bottom:var(--s3);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm)}a.card{transition:transform .12s ease,box-shadow .12s ease}a.card:active{transform:scale(.985);box-shadow:var(--shadow-md)}.card-inactive{opacity:.6}.load-card{border-left:6px solid var(--line)}.load-card.accent-requested{border-left-color:var(--amber)}.load-card.accent-not_started{border-left-color:var(--navy)}.load-card.accent-in_progress{border-left-color:var(--blue)}.load-card.accent-completed{border-left-color:var(--green)}.load-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s2)}.load-card-top .page-title{margin:0}.load-title{font-size:1.1rem;font-weight:700}.completed-date{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;color:var(--green);font-weight:700;font-size:.85rem;white-space:nowrap}.completed-date .icon{width:15px;height:15px}.eq-title{display:inline-flex;align-items:center;gap:9px}.eq-title .icon{width:19px;height:19px;color:var(--muted)}.load-route{margin:var(--s2) 0;font-size:1rem;font-weight:600}.load-route.big{font-size:1.15rem}.route-arrow{color:var(--blue);font-weight:800;padding:0 2px}.load-meta{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);color:var(--muted);font-size:.92rem;justify-content:space-between}.load-meta+.load-meta{margin-top:var(--s1)}.load-meta span{display:inline-flex;align-items:center;gap:6px;min-width:0}.meta-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);opacity:.75}.load-meta .icon,.detail-rows .icon{width:15px;height:15px;color:var(--muted);vertical-align:baseline}.detail-rows{display:flex;flex-direction:column;gap:var(--s2);margin:var(--s2) 0;color:var(--muted)}.detail-rows>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.status-requested{background:var(--tint-amber);color:var(--amber)}.status-not_started{background:var(--tint-navy);color:var(--navy)}.status-in_progress{background:var(--tint-blue);color:var(--blue-ink)}.status-completed,.eq-available{background:var(--tint-green);color:var(--green)}.eq-in_use{background:var(--tint-blue);color:var(--blue-ink)}.eq-needs_repair{background:var(--tint-red);color:var(--red)}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s3)}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:4px 10px;font-size:.88rem;font-weight:600}.chip .icon{width:15px;height:15px;color:var(--muted)}.chip-warn{border-color:var(--red);color:var(--red);background:var(--tint-red)}.chip-warn .icon{color:var(--red)}.stack{display:flex;flex-direction:column;gap:var(--s3)}.field{display:flex;flex-direction:column;gap:6px;border:none;padding:0;margin:0;min-width:0}.field>span{font-weight:700;font-size:.95rem}input,textarea,select{font:inherit;padding:12px;min-height:48px;border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);width:100%;transition:border-color .12s ease,box-shadow .12s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0b5fff2e}textarea{min-height:64px;resize:vertical}.check-row{display:flex;align-items:center;gap:var(--s3);min-height:48px;font-size:1rem}.check-row input[type=checkbox]{width:26px;height:26px;min-height:0;accent-color:var(--blue);flex-shrink:0}.btn{font:inherit;font-weight:700;min-height:48px;padding:9px 16px;border-radius:var(--radius-sm);border:1.5px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.15;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,filter .12s ease,background .12s ease}.btn .icon{width:1.1em;height:1.1em;vertical-align:baseline}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--navy);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:active:not(:disabled){background:var(--navy-dark)}.btn-danger{background:var(--red);color:#fff;box-shadow:var(--shadow-sm)}.btn-success{background:var(--green);color:#fff;box-shadow:var(--shadow-sm)}.btn-ghost{background:var(--card);color:var(--navy);border-color:var(--line)}.btn-ghost:active:not(:disabled){background:var(--bg)}.btn-danger-text{color:var(--red)}.btn-block{width:100%}.btn-big{min-height:54px;font-size:1.08rem;margin:var(--s3) 0}.btn-row{display:flex;gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap}.text-link{color:var(--blue);font-weight:700;text-decoration:none}.btn-back{align-self:flex-start;background:transparent;border-color:transparent;color:var(--navy);padding-left:2px;padding-right:10px;margin-bottom:var(--s2);min-height:44px}.btn-back:active:not(:disabled){background:var(--line-soft)}.login-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--s3);background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:var(--s5)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--s2);margin-bottom:var(--s1)}.login-brand .login-logo{width:46px;height:46px;color:#fff;background:var(--navy);border-radius:13px;padding:10px;box-shadow:var(--shadow-sm)}.login-title{text-align:center;color:var(--navy);margin:0;font-size:1.4rem;font-weight:800;letter-spacing:-.01em}.login-subtitle{text-align:center;color:var(--muted);font-weight:700;margin:0 0 var(--s2);text-transform:uppercase;letter-spacing:.14em;font-size:.85rem}.note-card{padding:var(--s3) var(--s4)}.note-head{display:flex;justify-content:space-between;gap:var(--s2);flex-wrap:wrap}.note-body{margin:6px 0 0;white-space:pre-wrap}.note-form{display:flex;gap:var(--s2);align-items:flex-end}.note-form textarea{flex:1}.dispatcher-panel .stack{margin-top:var(--s3)}.dispatcher-panel .load-card-top{align-items:center}.unsaved-hint{color:var(--amber);background:var(--tint-amber);border:1px solid var(--amber);border-radius:var(--radius-sm);padding:8px 12px;margin:0;font-weight:700;font-size:.9rem}.danger-zone{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line-soft);display:flex;justify-content:flex-end}.assign-form{border-top:1px solid var(--line-soft);margin-top:var(--s3);padding-top:var(--s3)}.repair-notes{display:flex;align-items:flex-start;gap:7px;color:var(--red);font-weight:600;margin:var(--s2) 0 0}.repair-notes .icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.my-loads .card{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy),var(--shadow-sm)}.my-loads .section-title{color:var(--navy)}.offline-banner{background:var(--red);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:var(--s3) var(--s4);position:sticky;top:0;z-index:20}.pw-row{display:flex;gap:var(--s2)}.pw-row input{flex:1}.pw-toggle{min-width:54px;color:var(--muted)}.pw-toggle .icon{width:20px;height:20px}.add-load-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-bottom:var(--s4)}.chip-choice-row{display:flex;gap:var(--s2);flex-wrap:wrap}.choice-chip{background:var(--card);border:2px solid var(--line);color:var(--ink);flex:1;min-width:100px}.choice-chip-on{background:var(--navy);border-color:var(--navy);color:#fff}.center{text-align:center}.phone-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;background:var(--tint-green);border:1.5px solid var(--green);color:var(--green);font-weight:700;text-decoration:none;border-radius:999px;padding:6px 14px;margin:2px 0;white-space:nowrap}.phone-link .icon{width:15px;height:15px}.team-phone-input{flex:1;min-width:0}.success-text{color:var(--green);font-weight:700}.saved-flash{display:inline-flex;align-items:baseline;gap:6px}.saved-flash .icon{width:15px;height:15px;flex-shrink:0;align-self:flex-start;margin-top:2px}.new-user-done{border-color:var(--green);box-shadow:0 0 0 1px var(--green),var(--shadow-sm)}.cred-line{font-size:1.05rem;margin:0;word-break:break-all}.query-error{border-color:var(--red);box-shadow:0 0 0 1px var(--red),var(--shadow-sm)}.query-error .btn{margin-top:var(--s2)}.confirm-overlay{position:fixed;inset:0;background:#081a308c;display:flex;align-items:center;justify-content:center;padding:var(--s4);z-index:100}.confirm-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:var(--s5) var(--s4);width:100%;max-width:360px}.confirm-msg{margin:0 0 var(--s4);font-size:1.1rem;font-weight:600;line-height:1.35}.confirm-actions{display:flex;flex-direction:column;gap:var(--s2)}.deleted-banner{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber),var(--shadow-sm)}.deleted-banner p{margin:0 0 var(--s2)}.deleted-row .load-title{text-decoration:none}.attach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--s2);margin-bottom:var(--s3)}.attach-card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.attach-preview{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background:var(--bg);text-decoration:none;overflow:hidden}.attach-preview img{width:100%;height:100%;object-fit:cover}.attach-preview-dead{opacity:.5;cursor:default}.attach-file-icon{display:flex;color:var(--muted)}.attach-file-icon .icon{width:34px;height:34px}.attach-meta{padding:6px 8px;display:flex;flex-direction:column;gap:2px;min-width:0}.attach-name{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-del{min-height:44px;border-top:1px solid var(--line-soft);border-radius:0;font-size:.9rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error-text{color:var(--red);font-weight:700}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tab-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--navy);display:flex;z-index:10;box-shadow:0 -2px 10px #081a302e}.tab{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 2px;color:#a9b8cc;text-decoration:none;font-size:.8rem;font-weight:700;white-space:nowrap;transition:color .12s ease,background .12s ease}.tab.active{color:#fff;background:var(--navy-dark);box-shadow:inset 0 3px #4d9fff}.tab-icon{display:flex;align-items:center;justify-content:center;line-height:1}.tab-icon .icon{width:25px;height:25px}.tab.active .tab-icon .icon{stroke-width:2.25}@media(min-width:640px){.page{padding:var(--s5)}}