*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#07111f;color:#e5e7eb}button,input,textarea,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#1e3a8a,#07111f 45%,#020617)}.login-card{width:min(460px,92vw);padding:34px;border:1px solid rgba(255,255,255,.1);background:rgba(15,23,42,.82);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.45);backdrop-filter:blur(16px)}.brand{font-size:30px;font-weight:900}.tag,.hint,.small,.label{color:#94a3b8}.field{display:flex;flex-direction:column;gap:7px;margin:10px 0}.field label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}input,textarea,select{width:100%;border:1px solid rgba(148,163,184,.25);background:#0b1627;color:#e5e7eb;border-radius:14px;padding:11px 13px;outline:none}textarea{min-height:86px;resize:vertical}.app{display:grid;grid-template-columns:282px 1fr;min-height:100vh}.side{background:#050b14;border-right:1px solid rgba(255,255,255,.08);padding:22px;position:sticky;top:0;height:100vh}.logo{font-size:23px;font-weight:900;margin-bottom:18px}.user{background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(14,165,233,.12));border:1px solid rgba(125,211,252,.16);padding:14px;border-radius:18px;margin-bottom:16px}.nav{display:grid;gap:8px}.nav button{border:0;text-align:left;padding:12px 14px;border-radius:14px;background:transparent;color:#cbd5e1;cursor:pointer}.nav button:hover,.nav button.active{background:#1d4ed8;color:white}.main{padding:28px;overflow:auto}.top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.top h1{margin:0;font-size:34px}.lang{display:flex;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:14px;padding:10px 14px;background:#2563eb;color:white;cursor:pointer;font-weight:700;margin:3px}.btn:hover{filter:brightness(1.12)}.secondary{background:#1f2937}.danger{background:#dc2626}.good{background:#059669}.cards{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:16px;margin-bottom:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:rgba(15,23,42,.86);border:1px solid rgba(148,163,184,.14);border-radius:22px;padding:20px;box-shadow:0 18px 55px rgba(0,0,0,.22)}.card.full{grid-column:1/-1}.metric{font-size:30px;font-weight:900}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.search{max-width:360px}.table-wrap{overflow:auto;border-radius:16px;border:1px solid rgba(148,163,184,.13)}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:12px;border-bottom:1px solid rgba(148,163,184,.12);text-align:left;vertical-align:top}th{font-size:12px;color:#93c5fd;text-transform:uppercase;background:#0b1627;position:sticky;top:0}tr:hover td{background:rgba(37,99,235,.08)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px}.field.full{grid-column:1/-1}.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#243244;color:#dbeafe;margin:3px}.pill.good{background:rgba(5,150,105,.18);color:#86efac}.pill.warn{background:rgba(245,158,11,.16);color:#fde68a}.error{color:#fca5a5;margin-top:10px}.ai-box{white-space:pre-wrap;background:#050b14;border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:14px;min-height:80px;color:#dbeafe;overflow:auto}a{color:#93c5fd}@media(max-width:1100px){.app{grid-template-columns:1fr}.side{position:relative;height:auto}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.top{flex-direction:column}}
.bad{background:#3b1016;color:#ffb4c0;border-color:#7f1d1d}.good{background:#0b2e20;color:#9ff0c8;border-color:#146c43}.mini{white-space:pre-wrap;font-size:11px;max-width:360px;max-height:120px;overflow:auto;margin:0}.table-wrap table pre{font-family:ui-monospace,Consolas,monospace}.toolbar input[type=date],.toolbar select{background:#0b1220;color:#e5eefc;border:1px solid #22304a;border-radius:12px;padding:10px}

.logo-preview{display:block;max-width:220px;max-height:110px;margin-top:10px;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:#fff;padding:8px}.table-wrap td .btn{padding:7px 9px;font-size:12px}.field input[type=file]{padding:14px;background:#0b1627}


/* Driver assignment / viewer portal */
.viewer-portal{display:grid;gap:16px}.viewer-load-card{background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(8,20,36,.96));border:1px solid rgba(34,211,238,.28);border-radius:24px;padding:22px;box-shadow:0 0 28px rgba(34,211,238,.08),0 20px 55px rgba(0,0,0,.28)}.viewer-load-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.viewer-load-head h2{margin:0 0 6px;text-shadow:0 0 14px rgba(96,165,250,.32)}.viewer-load-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px 18px;margin:12px 0;color:#cbd5e1}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.timeline div{position:relative;padding:15px;border-radius:18px;background:rgba(37,99,235,.12);border:1px solid rgba(96,165,250,.24)}.timeline b{display:block;color:#67e8f9;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.timeline span{display:block;margin-top:5px;color:#e5e7eb}.nav button{display:flex;align-items:center;gap:10px}.nav button::before{filter:drop-shadow(0 0 6px rgba(34,211,238,.7));animation:tabPulse 2.2s ease-in-out infinite}.nav button:nth-child(1)::before{content:'📊'}.nav button:nth-child(2)::before{content:'👥'}.nav button:nth-child(3)::before{content:'🚚'}.nav button:nth-child(4)::before{content:'🚛'}.nav button:nth-child(5)::before{content:'💬'}.nav button:nth-child(6)::before{content:'🧾'}.nav button:nth-child(7)::before{content:'✅'}.nav button:nth-child(8)::before{content:'🤖'}.nav button:nth-child(9)::before{content:'🛠️'}.nav button:nth-child(10)::before{content:'⚙️'}@keyframes tabPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.18);opacity:1}}@media(max-width:900px){.viewer-load-grid,.timeline{grid-template-columns:1fr}.viewer-load-head{flex-direction:column}}

.dashboard-update-card{cursor:pointer;position:relative;overflow:hidden;border-color:rgba(34,211,238,.35)!important;box-shadow:0 0 24px rgba(34,211,238,.16), inset 0 0 18px rgba(37,99,235,.12)}
.dashboard-update-card:hover{transform:translateY(-2px);box-shadow:0 0 34px rgba(34,211,238,.30),0 0 60px rgba(37,99,235,.20)}
.updates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.update-mini{padding:14px;border:1px solid rgba(34,211,238,.25);border-radius:16px;background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(37,99,235,.08));cursor:pointer;display:grid;gap:5px}.update-mini:hover{border-color:rgba(125,211,252,.75);box-shadow:0 0 22px rgba(14,165,233,.20)}.update-mini b{font-size:18px;color:#e0f2fe;text-shadow:0 0 10px rgba(56,189,248,.65)}.update-mini span{color:#93c5fd;font-weight:800}.update-mini small{color:#a5b4fc}.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(10px);z-index:9999;display:grid;place-items:center;padding:24px}.modal-panel{width:min(980px,96vw);max-height:88vh;overflow:auto;background:#08111f;border:1px solid rgba(34,211,238,.26);border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 40px rgba(34,211,238,.16);padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid rgba(148,163,184,.16);padding-bottom:12px;margin-bottom:14px}.updates-timeline{position:relative;display:grid;gap:14px;margin-left:12px}.updates-timeline:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:linear-gradient(#22d3ee,#2563eb,transparent)}.timeline-item{position:relative;display:grid;grid-template-columns:26px 1fr;gap:10px}.dot{width:18px;height:18px;border-radius:999px;background:#22d3ee;box-shadow:0 0 18px #22d3ee;margin-top:18px}.timeline-card{border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(15,23,42,.86);padding:14px}.timeline-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.timeline-top b{font-size:18px;color:#bfdbfe}.timeline-top span{color:#67e8f9;font-weight:800}.timeline-top small{color:#94a3b8;margin-left:auto}.changes{margin-top:8px}

.readonly-field{opacity:.85;background:rgba(15,23,42,.72)!important;border-style:dashed!important}

/* PRO v4 freight intelligence additions */
.nav button{position:relative;overflow:hidden}.nav button::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 12px #38bdf8;margin-right:8px;vertical-align:middle}.pro-click{cursor:pointer;transition:.2s}.pro-click:hover,.dashboard-update-card:hover{transform:translateY(-3px);box-shadow:0 0 35px rgba(56,189,248,.25)}
.pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.pro-card,.pro-mini,.comm-card{border:1px solid rgba(56,189,248,.2);background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(15,23,42,.9));border-radius:18px;padding:16px;box-shadow:0 14px 40px rgba(0,0,0,.18)}.pro-card h3,.pro-mini b,.comm-card h3{color:#e0f2fe;text-shadow:0 0 14px rgba(56,189,248,.35)}.pro-mini{display:flex;flex-direction:column;gap:6px}.comm-card{margin:12px 0}.comm-stats{display:flex;gap:8px;flex-wrap:wrap}.comm-stats span{padding:7px 10px;border-radius:999px;background:rgba(59,130,246,.18);color:#bfdbfe}.cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.cost-grid div{padding:16px;border-radius:16px;background:#0b1627;border:1px solid rgba(148,163,184,.18)}.cost-grid span{display:block;color:#94a3b8;font-size:12px;text-transform:uppercase}.cost-grid b{font-size:22px;color:#e0f2fe}.cost-grid .grand{border-color:rgba(34,197,94,.35);box-shadow:0 0 25px rgba(34,197,94,.12)}details summary{cursor:pointer;color:#93c5fd;margin-top:10px}.small-timeline{margin-top:12px}


/* Fast UI + premium startup/timeline/communication enhancements */
.btn.neon{background:linear-gradient(135deg,#0891b2,#2563eb);box-shadow:0 0 18px rgba(34,211,238,.28)}
.btn.neon:hover{box-shadow:0 0 28px rgba(34,211,238,.45)}
.comm-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.startup-panel{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(34,211,238,.16),rgba(8,17,31,.97) 38%,rgba(2,6,23,.98));border-color:rgba(103,232,249,.45);box-shadow:0 0 50px rgba(34,211,238,.18),0 35px 120px rgba(0,0,0,.65)}
.startup-glow{position:absolute;inset:-40%;background:conic-gradient(from 120deg,transparent,rgba(34,211,238,.13),transparent,rgba(37,99,235,.16),transparent);animation:startupSpin 9s linear infinite;pointer-events:none}
.startup-panel>*:not(.startup-glow){position:relative;z-index:1}
.startup-title{font-size:32px;text-shadow:0 0 18px rgba(103,232,249,.9),0 0 32px rgba(37,99,235,.7);letter-spacing:.03em}
.startup-phone{font-size:26px;margin:8px 0;color:#67e8f9;text-shadow:0 0 18px rgba(34,211,238,.8)}
.startup-sub{text-transform:uppercase;letter-spacing:.12em;color:#bfdbfe;font-weight:900}
.startup-kpis{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:12px;margin:18px 0}
.startup-kpis div,.timeline-summary div{padding:16px;border-radius:18px;background:rgba(15,23,42,.78);border:1px solid rgba(96,165,250,.28);box-shadow:inset 0 0 18px rgba(37,99,235,.12)}
.startup-kpis b{display:block;font-size:30px;color:#e0f2fe;text-shadow:0 0 14px rgba(34,211,238,.7)}
.startup-kpis span,.timeline-summary span{display:block;color:#93c5fd;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.startup-loads{display:grid;gap:10px;max-height:280px;overflow:auto;padding-right:4px}
.startup-load{padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(14,165,233,.08));border:1px solid rgba(34,211,238,.22);animation:floatCard 2.8s ease-in-out infinite}
.startup-load b{display:block;color:white;font-size:17px}.startup-load span{display:block;color:#dbeafe;margin:4px 0}.startup-load small{color:#a5b4fc}
.timeline-modal{max-width:1050px}.timeline-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.timeline-summary b{display:block;color:#e0f2fe;font-size:18px}
@keyframes startupSpin{to{transform:rotate(360deg)}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:850px){.startup-kpis,.timeline-summary{grid-template-columns:1fr}.startup-title{font-size:24px}}


/* Clean timeline details */
.clean-timeline-card p{line-height:1.45;color:#e5e7eb}.timeline-detail-list{list-style:none;margin:12px 0 4px;padding:0;display:grid;gap:8px}.timeline-detail-list li{display:grid;grid-template-columns:150px 1fr 24px 1fr;gap:8px;align-items:center;padding:10px;border:1px solid rgba(125,211,252,.14);border-radius:12px;background:rgba(15,23,42,.55)}.timeline-detail-list span{color:#93c5fd;font-weight:800}.timeline-detail-list b{color:#fca5a5;font-weight:700;word-break:break-word}.timeline-detail-list em{font-style:normal;color:#67e8f9;text-align:center}.timeline-detail-list strong{color:#86efac;word-break:break-word}.email-modal{width:min(840px,96vw)}.email-preview-note{border:1px solid rgba(96,165,250,.25);background:rgba(37,99,235,.10);border-radius:14px;padding:12px;margin:10px 0 14px;color:#dbeafe}.startup-modal{animation:startupFade .18s ease-out}.startup-panel{animation:startupPop .26s ease-out}@keyframes startupFade{from{opacity:0}to{opacity:1}}@keyframes startupPop{from{transform:scale(.96);opacity:.3}to{transform:scale(1);opacity:1}}@media(max-width:760px){.timeline-detail-list li{grid-template-columns:1fr}.timeline-detail-list em{text-align:left}}

/* Mobile app responsive mode - desktop remains unchanged */
.mobile-header{display:none}.mobile-menu-overlay{display:none}
@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;background:#07111f}
  .app{display:block;min-height:100vh;width:100%;overflow-x:hidden}
  .side{position:fixed!important;top:0;left:0;width:min(86vw,330px);height:100vh;z-index:10020;transform:translateX(-105%);transition:transform .22s ease;overflow-y:auto;padding:18px;background:#050b14;box-shadow:20px 0 60px rgba(0,0,0,.55)}
  .app.mobile-menu-open .side{transform:translateX(0)}
  .mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(2,6,23,.68);backdrop-filter:blur(4px);z-index:10010}
  .app.mobile-menu-open .mobile-menu-overlay{display:block}
  .mobile-header{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:9000;margin:-14px -14px 14px;padding:12px 14px;background:rgba(5,11,20,.92);border-bottom:1px solid rgba(148,163,184,.16);backdrop-filter:blur(14px)}
  .mobile-menu-btn{border:1px solid rgba(34,211,238,.35);background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-radius:14px;padding:10px 14px;font-weight:900;box-shadow:0 0 18px rgba(34,211,238,.18)}
  .mobile-title{font-weight:900;color:#e0f2fe;text-shadow:0 0 12px rgba(34,211,238,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .main{padding:14px;width:100%;overflow-x:hidden}
  .top{margin-bottom:14px;gap:10px}.top h1{font-size:26px;line-height:1.15}.top p{font-size:13px;line-height:1.35}.lang{width:100%;gap:6px}.lang .btn{flex:1;margin:0;padding:10px 8px}
  .logo{font-size:21px}.user{font-size:14px}.nav{gap:9px}.nav button{width:100%;padding:14px 15px;font-size:15px;border:1px solid rgba(148,163,184,.10);background:rgba(15,23,42,.72)}
  .cards{grid-template-columns:1fr!important;gap:12px}.grid{grid-template-columns:1fr!important;gap:12px}.card{border-radius:18px;padding:15px;width:100%;overflow:hidden}.card.full{grid-column:auto}.metric{font-size:26px}
  .toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}.toolbar .search,.toolbar input,.toolbar select,.toolbar button,.toolbar .btn{max-width:none;width:100%;margin:0}.toolbar .search,.toolbar select{grid-column:1/-1}
  .form-grid{grid-template-columns:1fr!important;gap:9px}.field.full{grid-column:auto}input,textarea,select{font-size:16px;padding:11px 12px;border-radius:13px}textarea{min-height:96px}.btn{padding:10px 12px;border-radius:13px}
  .table-wrap{border:0;overflow:visible}.table-wrap table{min-width:0;width:100%;border-collapse:separate;border-spacing:0 12px}.table-wrap thead{display:none}.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}.table-wrap tr{background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.16);border-radius:18px;padding:10px;box-shadow:0 12px 34px rgba(0,0,0,.18)}.table-wrap td{border:0;padding:8px 6px;word-break:break-word}.table-wrap td:last-child{display:flex;flex-wrap:wrap;gap:7px}.table-wrap td .btn{flex:1 1 auto;min-width:88px;text-align:center}
  .viewer-load-grid,.timeline,.timeline-summary,.startup-kpis,.cost-grid,.pro-grid,.updates-grid{grid-template-columns:1fr!important}.viewer-load-card{padding:16px;border-radius:20px}.viewer-load-head{flex-direction:column}.timeline div{padding:13px}.modal-backdrop{padding:10px;align-items:start;overflow:auto}.modal-panel,.email-modal,.timeline-modal{width:100%!important;max-width:100%!important;max-height:none;margin:10px 0;border-radius:20px;padding:14px}.modal-head{align-items:flex-start}.modal-head h2{font-size:20px;line-height:1.2}.startup-panel{width:100%!important}.startup-title{font-size:23px}.startup-phone{font-size:21px}.startup-loads{max-height:48vh}
  .timeline-detail-list li{grid-template-columns:1fr!important}.timeline-detail-list em{text-align:left}.timeline-card{padding:12px}.timeline-top small{margin-left:0;width:100%}.updates-timeline{margin-left:0}.timeline-item{grid-template-columns:22px 1fr}.dot{width:16px;height:16px}
  .comm-actions{display:grid;grid-template-columns:1fr 1fr}.comm-actions .btn{width:100%;margin:0}.comm-card{padding:14px}.comm-stats{display:grid;grid-template-columns:1fr 1fr}.comm-stats span{font-size:12px;text-align:center}
  .login-card{width:94vw;padding:24px;border-radius:22px}.brand{font-size:25px}
}
@media(max-width:420px){.toolbar{grid-template-columns:1fr}.comm-actions,.comm-stats{grid-template-columns:1fr}.top h1{font-size:24px}.main{padding:12px}.card{padding:13px}.modal-panel{padding:12px}.btn{font-size:14px}.startup-title{font-size:21px}}