:root{--plum: #571341;--plum-dark: #36102c;--plum-mid: #7a2158;--plum-soft: #f4edf2;--ink: #241f25;--muted: #6d6670;--cream: #faf8f5;--line: #e8e1e5;--white: #fff;--gold: #e5af56;--gold-soft: #fdf3d7;--green: #1a6b47;--green-soft: #dcfce7;--amber: #b45309;--amber-soft: #fef3c7;--red: #9b1c2e;--red-soft: #fee2e2;--blue: #1e40af;--blue-soft: #dbeafe;--radius: 18px;--radius-sm: 10px;--shadow: 0 16px 50px rgba(54, 16, 44, .12);--shadow-sm: 0 4px 16px rgba(54, 16, 44, .08);--sidebar-w: 240px}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;padding:0}input,select,textarea{font:inherit}ul,ol{margin:0;padding:0;list-style:none}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.55;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}.eyebrow{display:block;font-size:.6rem;font-weight:900;letter-spacing:.15em;color:var(--plum);text-transform:uppercase;margin-bottom:8px}h1{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.05em;line-height:1}h2{font-size:clamp(1.25rem,3vw,1.75rem);letter-spacing:-.04em;line-height:1.05}h3{font-size:1rem;letter-spacing:-.02em;line-height:1.2}.loading-screen{align-items:center;background:var(--cream);display:flex;height:100vh;justify-content:center}.spinner{animation:spin .75s linear infinite;border:2px solid var(--line);border-radius:50%;border-top-color:var(--plum);height:28px;width:28px}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.app-sidebar{background:var(--white);border-right:1px solid var(--line);display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:sticky;top:0;z-index:10}.sidebar-header{border-bottom:1px solid var(--line);padding:20px 18px 16px}.sidebar-brand{align-items:center;color:var(--plum);display:flex;font-size:1rem;font-weight:800;gap:9px;letter-spacing:-.05em}.sidebar-brand img{height:32px;width:auto;display:block}.sidebar-user{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:14px 18px}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:var(--muted);font-size:.65rem;margin-top:1px}.app-nav{display:flex;flex:1;flex-direction:column;gap:2px;padding:10px 8px}.nav-item{align-items:center;border-radius:9px;color:var(--muted);display:flex;font-size:.78rem;font-weight:600;gap:10px;padding:9px 10px;transition:background .12s,color .12s}.nav-item .nav-icon{font-size:1rem;flex-shrink:0;width:18px;text-align:center}.nav-item:hover{background:var(--plum-soft);color:var(--plum)}.nav-item.active{background:var(--plum-soft);color:var(--plum);font-weight:700}.nav-badge{background:var(--plum);border-radius:99px;color:#fff;font-size:.58rem;font-weight:800;margin-left:auto;min-width:17px;padding:2px 4px;text-align:center}.sidebar-bottom{border-top:1px solid var(--line);padding:14px 18px}.btn-signout{align-items:center;color:var(--muted);display:flex;font-size:.74rem;font-weight:600;gap:8px;padding:7px 8px;border-radius:8px;transition:color .12s,background .12s;width:100%}.btn-signout:hover{background:var(--plum-soft);color:var(--plum)}.app-main{background:var(--cream);display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}.app-header{align-items:center;background:var(--white);border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:18px 28px;position:sticky;top:0;z-index:5}.app-header-left{flex:1;min-width:0}.app-header-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.app-header .eyebrow{margin-bottom:2px}.app-header h1{font-size:clamp(1.3rem,2.5vw,1.6rem)}.sidebar-toggle{align-items:center;background:transparent;border-radius:8px;color:var(--ink);display:none;font-size:1.25rem;height:34px;justify-content:center;width:34px}.sidebar-backdrop{background:#241f2573;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9}.panel{flex:1;padding:28px}.panel-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px}.panel-heading-left{flex:1}.panel-heading h2{font-size:clamp(1.4rem,3vw,2rem)}.panel-subtext{color:var(--muted);font-size:.8rem;margin-top:6px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card+.card{margin-top:14px}.card-title{font-size:.9rem;font-weight:700;margin-bottom:4px}.card-sub{color:var(--muted);font-size:.72rem}.btn{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:800;gap:8px;padding:11px 19px;transition:transform .12s,background .12s,border-color .12s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--plum);border-color:var(--plum);color:#fff}.btn-primary:hover:not(:disabled){background:var(--plum-dark);border-color:var(--plum-dark)}.btn-outline{background:transparent;border-color:var(--line);color:var(--ink)}.btn-outline:hover:not(:disabled){border-color:var(--plum);color:var(--plum)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){background:var(--plum-soft);color:var(--plum)}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-sm{font-size:.68rem;padding:7px 13px}.btn-lg{font-size:.82rem;padding:14px 26px}.btn-full{justify-content:center;width:100%}.avatar{align-items:center;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.68rem;font-weight:800;height:34px;justify-content:center;letter-spacing:0;width:34px}.avatar-sm{height:26px;width:26px;font-size:.58rem}.avatar-lg{font-size:1rem;height:56px;width:56px}.avatar-plum{background:var(--plum)}.avatar-gold{background:var(--gold);color:var(--ink)}.avatar-ink{background:var(--ink)}.avatar-green{background:var(--green)}.avatar-muted{background:var(--muted)}.chip{border-radius:999px;display:inline-flex;align-items:center;font-size:.58rem;font-weight:800;gap:4px;letter-spacing:.06em;padding:4px 9px;text-transform:uppercase;white-space:nowrap}.chip-submitted{background:var(--plum-soft);color:var(--plum)}.chip-reviewing{background:#ede9fe;color:#5b21b6}.chip-quote_sent{background:var(--gold-soft);color:var(--amber)}.chip-awaiting_payment{background:var(--red-soft);color:var(--red)}.chip-confirmed{background:var(--green-soft);color:var(--green)}.chip-cancelled,.chip-completed{background:#f3f4f6;color:#6b7280}.chip-en_route,.chip-arrived{background:var(--green-soft);color:var(--green)}.chip-picked_up,.chip-in_transit{background:var(--blue-soft);color:var(--blue)}.chip-dropped_off{background:var(--green-soft);color:var(--green)}.chip-offered{background:var(--gold-soft);color:var(--amber)}.chip-assigned,.chip-accepted{background:var(--blue-soft);color:var(--blue)}.chip-in_progress{background:var(--green-soft);color:var(--green)}.chip-new{background:var(--plum-soft);color:var(--plum)}.chip-contacted{background:var(--blue-soft);color:var(--blue)}.chip-follow_up{background:var(--gold-soft);color:var(--amber)}.chip-closed{background:#f3f4f6;color:#6b7280}.chip-exception{background:var(--red-soft);color:var(--red)}.chip-vendor_assigned{background:var(--gold-soft);color:var(--amber)}.chip-driver_assigned{background:var(--blue-soft);color:var(--blue)}.pulse{animation:pulse-anim 2s infinite;background:currentColor;border-radius:50%;display:inline-block;height:6px;width:6px}@keyframes pulse-anim{0%,to{opacity:1}50%{opacity:.3}}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.form-input{background:var(--cream);border:1px solid var(--line);border-radius:8px;color:var(--ink);outline:none;padding:10px 12px;transition:border-color .12s;width:100%}.form-input:focus{border-color:var(--plum);background:#fff}.form-input::placeholder{color:#c0b9bf}.form-textarea{min-height:90px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%23571341' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.form-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-row-3{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.form-hint{color:var(--muted);font-size:.7rem;margin-top:4px}.form-feedback{font-size:.73rem;margin-top:6px}.form-feedback.success{color:var(--green)}.form-feedback.error{color:var(--red)}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:22px}.metric-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px}.metric-value{color:var(--plum);font-size:2rem;font-weight:800;letter-spacing:-.05em;line-height:1}.metric-label{color:var(--muted);font-size:.65rem;font-weight:700;letter-spacing:.07em;margin-top:4px;text-transform:uppercase}.trip-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;display:grid;gap:14px;grid-template-columns:52px 1fr;padding:18px;transition:border-color .12s,box-shadow .12s}.trip-card:hover{border-color:var(--plum);box-shadow:var(--shadow-sm)}.trip-card+.trip-card{margin-top:10px}.trip-date{align-items:flex-start;display:flex;flex-direction:column;padding-top:4px}.trip-date-day{font-size:1.5rem;font-weight:800;letter-spacing:-.04em;line-height:1}.trip-date-month{color:var(--muted);font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.trip-date.muted .trip-date-day{color:var(--muted)}.trip-topline{align-items:center;display:flex;gap:8px;margin-bottom:5px;flex-wrap:wrap}.trip-ref{color:var(--muted);font-size:.62rem;font-weight:700}.trip-title{font-size:.86rem;font-weight:700;margin-bottom:3px}.trip-detail{color:var(--muted);font-size:.7rem}.trip-route{align-items:center;color:var(--muted);display:flex;font-size:.7rem;gap:5px;margin-top:5px}.trip-actions{align-items:center;display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}.job-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:14px;grid-template-columns:52px 1fr;padding:18px;transition:border-color .12s}.job-card.featured{border-color:var(--plum);border-width:2px}.job-card+.job-card{margin-top:10px}.job-time-display{padding-top:4px}.job-time-display .time-hr{font-size:1.4rem;font-weight:800;letter-spacing:-.04em;line-height:1}.job-time-display .time-ampm{color:var(--muted);font-size:.6rem;font-weight:800}.job-time-display .time-rel{color:var(--plum);font-size:.62rem;font-weight:700;margin-top:4px}.action-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:34px 1fr 14px;padding:12px 0;transition:color .12s;cursor:pointer}.action-row:last-child{border-bottom:none}.action-row:hover{color:var(--plum)}.action-icon{align-items:center;border-radius:8px;display:flex;font-size:.9rem;height:32px;justify-content:center;width:32px}.action-icon.plum{background:var(--plum-soft);color:var(--plum)}.action-icon.gold{background:var(--gold-soft);color:var(--amber)}.action-icon.green{background:var(--green-soft);color:var(--green)}.action-title{font-size:.8rem;font-weight:700}.action-sub{color:var(--muted);font-size:.68rem}.action-chevron{color:var(--muted);font-size:.9rem;justify-self:end}.welcome-banner{background:var(--plum);border-radius:var(--radius);color:#fff;display:grid;gap:16px;grid-template-columns:1fr auto;margin-bottom:22px;min-height:200px;padding:26px}.welcome-banner .eyebrow{color:#eac6dd;margin-bottom:6px}.welcome-banner h2{color:#fff;font-size:clamp(1.3rem,2.5vw,1.8rem)}.welcome-banner p{color:#ddc7d5;font-size:.8rem;margin-top:6px}.banner-stamp{align-items:center;background:#ffffff1a;border-radius:50%;color:#ffffff80;display:flex;flex-direction:column;font-size:.55rem;font-weight:900;height:84px;justify-content:center;letter-spacing:.1em;text-align:center;text-transform:uppercase;width:84px;align-self:center}.banner-stamp strong{font-size:1.1rem;display:block;margin-bottom:2px}.grid-2{display:grid;gap:14px;grid-template-columns:1fr 1fr}.grid-thirds{display:grid;gap:14px;grid-template-columns:2fr 1fr}.grid-3{display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}.filter-tabs{display:flex;gap:4px;margin-bottom:18px}.filter-tab{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.7rem;font-weight:700;padding:6px 13px;transition:background .12s,color .12s,border-color .12s}.filter-tab.active{background:var(--plum);border-color:var(--plum);color:#fff}.filter-tab:hover:not(.active){border-color:var(--plum);color:var(--plum)}.location-box{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-sm);height:180px;margin-bottom:16px;overflow:hidden;position:relative}.location-grid{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:36px 36px;height:100%;opacity:.5;position:absolute;width:100%}.location-content{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;position:relative;z-index:1}.location-pin{align-items:center;background:var(--plum);border-radius:50% 50% 50% 0;color:#fff;display:flex;font-size:.62rem;font-weight:900;height:28px;justify-content:center;transform:rotate(-45deg);width:28px}.location-pin span{transform:rotate(45deg)}.location-label{color:var(--muted);font-size:.72rem}.route-card{background:var(--cream);border-radius:var(--radius-sm);padding:16px;margin-bottom:14px}.route-point{align-items:flex-start;display:flex;gap:12px;padding:8px 0}.route-dot{align-items:center;background:var(--plum-soft);border-radius:50%;color:var(--plum);display:flex;flex-shrink:0;font-size:.6rem;font-weight:900;height:26px;justify-content:center;width:26px}.route-dot.confirmed{background:var(--green-soft);color:var(--green)}.route-line{border-left:2px dashed var(--line);height:18px;margin-left:12px}.route-place{font-size:.82rem;font-weight:700}.route-detail{color:var(--muted);font-size:.7rem;margin-top:2px}.timeline{display:flex;flex-direction:column}.tl-item{display:grid;gap:10px;grid-template-columns:22px 1fr;padding-bottom:14px;position:relative}.tl-item:before{background:var(--line);bottom:0;content:"";left:10px;position:absolute;top:22px;width:1px}.tl-item:last-child:before{display:none}.tl-dot{align-items:center;background:var(--line);border-radius:50%;color:#fff;display:flex;font-size:.5rem;height:20px;justify-content:center;position:relative;width:20px;z-index:1}.tl-dot.done{background:var(--green)}.tl-dot.current{background:var(--plum)}.tl-label{font-size:.78rem;font-weight:600}.tl-time{color:var(--muted);font-size:.68rem}.status-btns{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:14px 0}.status-btn{align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;flex-direction:column;font-size:.7rem;font-weight:700;gap:5px;padding:12px;text-align:center;transition:background .12s,border-color .12s,color .12s}.status-btn:hover:not(:disabled){border-color:var(--plum);color:var(--plum)}.status-btn.done{background:var(--plum-soft);border-color:var(--plum);color:var(--plum)}.status-btn:disabled{opacity:.45;cursor:not-allowed}.status-btn-icon{font-size:1.1rem}.doc-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:12px;grid-template-columns:34px 1fr auto;padding:14px 0}.doc-row:last-child{border-bottom:none}.doc-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:34px;justify-content:center;width:34px}.doc-icon.ok{background:var(--green)}.doc-icon.warn{background:var(--amber)}.doc-icon.error{background:var(--red)}.doc-icon.pending{background:var(--muted)}.doc-name{font-size:.8rem;font-weight:700}.doc-detail{color:var(--muted);font-size:.7rem;margin-top:2px}.message-item{align-items:flex-start;border-bottom:1px solid var(--line);cursor:pointer;display:grid;gap:10px;grid-template-columns:34px 1fr auto;padding:14px 0;transition:background .12s}.message-item:last-child{border-bottom:none}.message-item.unread .message-sender{font-weight:700}.message-item:hover{background:var(--plum-soft);margin:0 -22px;padding:14px 22px;border-radius:8px}.message-sender{font-size:.8rem}.message-preview{color:var(--muted);font-size:.7rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-time{color:var(--muted);font-size:.62rem;white-space:nowrap}.unread-dot{background:var(--plum);border-radius:50%;flex-shrink:0;height:7px;margin-top:5px;width:7px}.activity-item{align-items:flex-start;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:8px 1fr auto;padding:11px 0}.activity-item:last-child{border-bottom:none}.activity-dot{background:var(--plum);border-radius:50%;height:8px;margin-top:4px;width:8px}.activity-dot.green{background:var(--green)}.activity-dot.gold{background:var(--gold)}.activity-title{font-size:.78rem;font-weight:600}.activity-sub{color:var(--muted);font-size:.68rem;margin-top:2px}.activity-time{color:var(--muted);font-size:.62rem;white-space:nowrap}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{border-bottom:1px solid var(--line);color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.08em;padding:8px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid var(--line);font-size:.76rem;padding:11px 12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{cursor:pointer;transition:background .1s}.data-table tbody tr:hover td{background:var(--plum-soft)}.alert{border-radius:var(--radius-sm);display:flex;font-size:.76rem;gap:10px;margin-bottom:14px;padding:12px 14px}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:var(--blue)}.alert-warn{background:var(--amber-soft);border:1px solid #fcd38d;color:var(--amber)}.alert-error{background:var(--red-soft);border:1px solid #fecaca;color:var(--red)}.empty-state{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:.8rem;gap:10px;padding:40px 20px;text-align:center}.empty-icon{font-size:1.8rem;opacity:.35}.login-page{align-items:center;background:var(--cream);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:32px 20px}.login-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-width:400px;padding:36px;width:100%}.login-brand{display:flex;align-items:center;gap:9px;margin-bottom:24px}.login-brand img{height:36px;width:auto;display:block}.login-title{font-size:1.6rem;letter-spacing:-.05em;margin-bottom:6px}.login-sub{color:var(--muted);font-size:.8rem;margin-bottom:24px}.login-divider{border:none;border-top:1px solid var(--line);margin:18px 0}.login-footer-link{color:var(--plum);font-size:.72rem;font-weight:700}.profile-top{align-items:center;display:flex;gap:14px;margin-bottom:22px}.profile-name{font-size:1rem;font-weight:700}.profile-email{color:var(--muted);font-size:.72rem}.toast-wrap{bottom:22px;display:flex;flex-direction:column;gap:6px;left:50%;pointer-events:none;position:fixed;transform:translate(-50%);z-index:200;align-items:center}.toast{background:var(--ink);border-radius:999px;color:#fff;font-size:.76rem;font-weight:600;opacity:0;padding:9px 18px;transform:translateY(6px);transition:opacity .18s,transform .18s;white-space:nowrap}.toast.show{opacity:1;transform:none}.toast.error{background:var(--red)}.toast.success{background:var(--green)}@media(max-width:768px){.app-shell{grid-template-columns:1fr}.app-sidebar{height:100vh;left:-100%;position:fixed;top:0;transition:left .22s;z-index:10}.app-sidebar.open{left:0}.sidebar-backdrop.open{display:block}.sidebar-toggle{display:flex}.app-header{padding:14px 18px}.panel{padding:18px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:8px}.form-row,.form-row-3,.grid-2,.grid-thirds,.grid-3{grid-template-columns:1fr}.welcome-banner{grid-template-columns:1fr;min-height:160px}.banner-stamp{display:none}.status-btns{grid-template-columns:1fr 1fr}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr 1fr}.metric-grid>.metric-card:last-child{grid-column:1 / -1}.status-btns{grid-template-columns:1fr}}