@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{
 --bg:#070a09;--surface:#0d1210;--surface2:#111814;--surface3:#151d18;
 --line:rgba(255,255,255,.075);--line2:rgba(255,255,255,.11);
 --text:#f1f5f2;--muted:#7f8d85;--green:#55e68c;--green2:#2fbd6d;
 --shadow:0 20px 55px rgba(0,0,0,.28);--radius:16px
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:
radial-gradient(900px 500px at 75% -10%,rgba(55,180,105,.10),transparent 60%),
radial-gradient(700px 500px at 5% 20%,rgba(55,180,105,.055),transparent 60%),var(--bg);
color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px;min-height:100vh}
a{color:inherit}.layout{display:flex;min-height:100vh}
.sidebar{width:246px;background:rgba(9,13,11,.82);backdrop-filter:blur(22px);border-right:1px solid var(--line);
padding:25px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand{font-family:Manrope,Inter,sans-serif;font-size:28px;font-weight:800;letter-spacing:-1.4px;padding:2px 12px 34px}
.brand span{color:var(--green)}.brand small{display:block;font:600 9px Inter,sans-serif;color:#647169;letter-spacing:3px;margin-top:3px}
.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px 13px;text-decoration:none;color:#7f8c84;border:1px solid transparent;border-radius:11px;display:flex;align-items:center;gap:10px;transition:.18s}
.sidebar nav a:hover{background:rgba(255,255,255,.035);color:#dfe9e2}.sidebar nav a.active{background:linear-gradient(135deg,rgba(67,210,126,.15),rgba(67,210,126,.045));border-color:rgba(85,230,140,.16);color:#e9f8ee;box-shadow:inset 3px 0 0 var(--green)}
.side-bottom{margin-top:auto;color:#819087}.userbox{padding:14px 12px;border-top:1px solid var(--line);margin-bottom:10px}.userbox b,.userbox small{display:block}.userbox b{color:#dce7e0}.userbox small{color:#647169;margin-top:3px}.side-bottom>a{padding:10px 12px;display:block;color:#7f8c84;text-decoration:none}

.main{flex:1;padding:34px 38px;max-width:1600px;width:100%}
header,.profile-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}
.eyebrow{font-size:10px;color:var(--green);letter-spacing:2.3px;font-weight:800}
h1,h2{font-family:Manrope,Inter,sans-serif}h1{font-size:36px;letter-spacing:-1.6px;margin:5px 0}h2{font-size:18px;letter-spacing:-.4px;margin:0}.sub,.muted{color:var(--muted)}

.btn,button,.primary{border:1px solid var(--line2);background:rgba(255,255,255,.035);color:#dfe9e2;border-radius:10px;padding:10px 14px;text-decoration:none;cursor:pointer;font:600 13px Inter,sans-serif;transition:.18s}
.btn:hover,button:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.primary{background:linear-gradient(135deg,#4ddd86,#2dbd6d);border-color:#63ee9a;color:#05100a;box-shadow:0 8px 24px rgba(45,189,109,.17)}
.primary:hover{filter:brightness(1.06);box-shadow:0 10px 28px rgba(45,189,109,.24)}

.panel,.form-card{background:linear-gradient(145deg,rgba(17,24,20,.92),rgba(10,15,12,.94));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 10px 35px rgba(0,0,0,.12);margin-bottom:16px}
.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px}
.stat{position:relative;overflow:hidden;background:linear-gradient(145deg,#111914,#0b110e);border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-decoration:none;box-shadow:var(--shadow);transition:.2s}
.stat:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-90px;background:rgba(85,230,140,.07)}
.stat:hover{transform:translateY(-2px);border-color:rgba(85,230,140,.2)}.stat span,.stat small{display:block;color:#77867d}.stat b{display:block;font:800 32px Manrope,sans-serif;letter-spacing:-1px;margin:5px 0}

.main-performance-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.performance-tab{position:relative;overflow:hidden;min-height:150px;display:block;padding:23px;border:1px solid var(--line);background:linear-gradient(145deg,#111914,#0b110e);border-radius:var(--radius);text-decoration:none;box-shadow:var(--shadow);transition:.2s}
.performance-tab:after{content:"";position:absolute;right:-60px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:rgba(85,230,140,.08)}
.performance-tab:hover{transform:translateY(-3px);border-color:rgba(85,230,140,.24)}.performance-tab span{display:block;font-size:10px;letter-spacing:2px;color:var(--green);font-weight:800}.performance-tab b{display:block;font:800 24px Manrope,sans-serif;margin-top:8px}.performance-tab small{display:block;color:#718078;margin-top:7px}.performance-tab strong{display:inline-block;margin-top:18px;font-size:10px;letter-spacing:1px;color:#82e9a8}

.tablewrap{overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#6f7d75;font-size:10px;text-transform:uppercase;letter-spacing:1px}tbody tr{transition:.15s}tbody tr:hover{background:rgba(255,255,255,.022)}
.record{color:#8be8ae;text-decoration:none}.pill,.tag{display:inline-flex;align-items:center;padding:5px 9px;border-radius:99px;background:rgba(85,230,140,.08);border:1px solid rgba(85,230,140,.14);color:#8be8ae;font-size:10px;font-weight:700}
.tabs{display:flex;gap:6px;margin:0 0 16px;border-bottom:1px solid var(--line);padding-bottom:8px}.tab{padding:9px 13px;border-radius:9px;text-decoration:none;color:#77867d;font-size:12px;font-weight:600}.tab:hover,.tab.active{background:rgba(85,230,140,.09);color:#91edb3}.tab.active{box-shadow:inset 0 -2px var(--green)}
.searchbar{display:flex;gap:8px;margin-bottom:15px}.searchbar input,.searchbar select,.form-card input,.form-card select,.form-card textarea,.form-grid input,.form-grid select,.assignment-form select{background:rgba(4,8,6,.72);color:#dce7e0;border:1px solid var(--line2);border-radius:10px;padding:11px 12px;outline:none;transition:.18s}.searchbar input:focus,.searchbar select:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.form-grid input:focus,.form-grid select:focus{border-color:rgba(85,230,140,.45);box-shadow:0 0 0 3px rgba(85,230,140,.07)}.searchbar input{flex:1}
.center{min-height:100vh;display:grid;place-items:center;padding:24px}.form-card{width:min(850px,100%)}.form-card .brand{padding-left:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.form-card label{display:block;color:#89978f;font-size:11px;font-weight:600}.form-grid input,.form-grid select,.form-card input,.form-card select{width:100%;margin-top:6px}.form-card textarea{width:100%;margin-top:6px;min-height:110px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.profile{width:min(1120px,100%)}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-grid>div{background:rgba(4,8,6,.55);border:1px solid var(--line);border-radius:12px;padding:14px}.detail-grid small{display:block;color:#68766f;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.detail-grid b{display:block;margin-top:5px}.back{color:#84958b;text-decoration:none;display:inline-block;margin-bottom:17px;font-size:12px}.success{background:rgba(45,189,109,.10);color:#91edb3;border:1px solid rgba(85,230,140,.17);padding:11px;border-radius:10px;margin-bottom:12px}.alert{background:rgba(210,70,80,.09);color:#ffadb4;border:1px solid rgba(210,70,80,.18);padding:11px;border-radius:10px;margin-bottom:12px}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.module{display:block;padding:16px;border:1px solid var(--line);background:rgba(4,8,6,.5);border-radius:11px;text-decoration:none}.module b{display:block}.module span{display:block;color:#718078;font-size:12px;margin-top:6px}
.miliva-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.info-block{padding:16px;background:rgba(4,8,6,.5);border:1px solid var(--line);border-radius:11px}.info-block small{display:block;color:#69776f;text-transform:uppercase;font-size:9px;letter-spacing:1px}.info-block b{display:block;font-size:15px;margin-top:6px}.info-block p{margin:6px 0 0;color:#718078;font-size:12px;line-height:1.45}
.rank{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(85,230,140,.09);color:#8be8ae;font-weight:800}
.dispatcher-layout{display:grid;grid-template-columns:330px 1fr;gap:15px;align-items:start}.dispatcher-card{text-align:center;min-height:520px}.avatar-wrap{display:flex;justify-content:center;margin:8px 0 17px}.dispatcher-avatar{width:190px;height:190px;border-radius:50%;object-fit:cover;border:3px solid #294434;box-shadow:0 20px 45px rgba(0,0,0,.32)}.avatar-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#18251d,#0d1510);color:#72df9c;font-size:72px;font-weight:800}.dispatcher-name{font-size:24px;margin:0 0 16px}.dispatcher-meta{display:grid;gap:9px;text-align:left}.dispatcher-meta>div{background:rgba(4,8,6,.55);border:1px solid var(--line);border-radius:10px;padding:11px}.dispatcher-meta small{display:block;color:#68766f;font-size:9px;text-transform:uppercase;letter-spacing:.8px}.dispatcher-meta b{display:block;margin-top:4px;word-break:break-word}.dispatcher-status{margin:15px 0}.avatar-form{display:grid;gap:7px;justify-items:center}.avatar-form small{color:#68766f;font-size:10px}.avatar-form input[type=file]{display:none}.upload-btn{display:inline-block;padding:10px 14px;border:1px solid var(--line2);background:rgba(255,255,255,.035);color:#dce7e0;border-radius:10px;cursor:pointer;font-size:12px;font-weight:600}
.driver-list{display:grid;gap:8px}.driver-row{display:flex;align-items:center;gap:11px;padding:13px;background:rgba(4,8,6,.5);border:1px solid var(--line);border-radius:11px;text-decoration:none;transition:.18s}.driver-row:hover{border-color:rgba(85,230,140,.25);transform:translateX(2px)}.driver-mini-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#16251c;color:#83e7aa;font-weight:800;flex:0 0 40px}.driver-row-main{flex:1;min-width:0}.driver-row-main b,.driver-row-main small{display:block}.driver-row-main small{color:#718078;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{padding:35px;text-align:center;color:#718078;border:1px dashed #29382f;border-radius:11px}
.assignment-form{display:flex;gap:8px;align-items:center}.assignment-form select{flex:1}.assignment-panel,.status-panel,.assign-driver-panel{border-color:rgba(85,230,140,.12)}
.status-active{background:rgba(45,189,109,.10);border-color:rgba(45,189,109,.18);color:#86e7aa}.status-vacation{background:rgba(180,150,50,.10);border-color:rgba(210,180,70,.16);color:#e7d47b}.status-out-of-service{background:rgba(210,70,80,.10);border-color:rgba(210,70,80,.18);color:#ff9da7}.status-repairs{background:rgba(90,120,150,.10);border-color:rgba(90,120,150,.18);color:#a9c0d4}
@media(max-width:1000px){.detail-grid,.miliva-info-grid{grid-template-columns:1fr 1fr}.dispatcher-layout{grid-template-columns:1fr}.dispatcher-card{min-height:auto}}
@media(max-width:700px){.sidebar{width:190px}.main{padding:23px 18px}h1{font-size:30px}.main-performance-tabs,.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}
@media(max-width:520px){.layout{display:block}.sidebar{position:relative;width:auto;height:auto}.main{padding:18px 13px}.detail-grid,.miliva-info-grid{grid-template-columns:1fr}.searchbar,.assignment-form{flex-direction:column;align-items:stretch}.head-actions{width:100%}}

.login-card{box-shadow:0 30px 90px rgba(0,0,0,.45);background:linear-gradient(145deg,rgba(17,24,20,.97),rgba(8,12,10,.98));border-color:rgba(255,255,255,.09)}

.sidebar nav a.active{background:linear-gradient(135deg,rgba(67,210,126,.16),rgba(67,210,126,.055));border-color:rgba(85,230,140,.20);color:#effaf2;box-shadow:inset 3px 0 0 var(--green),0 5px 20px rgba(0,0,0,.10)}

.main-performance-tabs .performance-tab strong{position:relative;z-index:2}.performance-tab.rpm{border-color:rgba(85,230,140,.18)}

.info-feed{max-width:980px;display:grid;gap:14px}.info-post{overflow:hidden;background:linear-gradient(145deg,rgba(17,24,20,.94),rgba(9,14,11,.96));border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.info-post-image{display:block;width:100%;max-height:360px;object-fit:cover}.info-post-content{padding:21px}.post-meta{display:flex;gap:12px;color:#65db91;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800}.post-meta span+span{color:#65736b;font-weight:600}.info-post h2{font-size:24px;margin:9px 0 10px}.post-body{color:#c7d1cb;line-height:1.7;font-size:14px}.post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;border-top:1px solid var(--line);color:#68766e}

.performance-hero-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 15px}.performance-hero-tabs>a{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#111914,#0b110e);text-decoration:none;transition:.18s}.performance-hero-tabs>a:hover,.performance-hero-tabs>a.selected{border-color:rgba(85,230,140,.3);box-shadow:0 12px 35px rgba(0,0,0,.18)}.performance-hero-tabs>a.selected{background:linear-gradient(145deg,rgba(38,78,53,.7),#0d1510)}.performance-hero-tabs span{font-size:28px}.performance-hero-tabs b{display:block;font:800 19px Manrope,sans-serif}.performance-hero-tabs small{display:block;color:#718078;margin-top:4px}.performance-filter{display:flex;justify-content:flex-end;margin-bottom:14px}.performance-filter label{font-size:10px;color:#728078;text-transform:uppercase;letter-spacing:.8px;font-weight:700}.performance-filter select{display:block;margin-top:5px;background:#0b110e;color:#dce7e0;border:1px solid var(--line2);border-radius:9px;padding:9px 12px}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.podium-card{position:relative;text-align:center;padding:22px 15px;background:linear-gradient(145deg,#111914,#0a100d);border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 45px rgba(0,0,0,.18)}.podium-card.rank-1{border-color:rgba(230,195,75,.28);transform:translateY(-5px)}.podium-card.rank-2{border-color:rgba(180,190,200,.20)}.podium-card.rank-3{border-color:rgba(175,120,70,.20)}.medal{font-size:28px}.podium-rank{font-size:9px;color:#6e7c74;letter-spacing:1.5px;font-weight:800;margin-top:4px}.podium-name{font:800 18px Manrope,sans-serif;margin-top:7px}.podium-truck{color:#6f7d75;font-size:11px;margin-top:3px}.podium-value{font:800 25px Manrope,sans-serif;color:#8ce9ad;margin-top:15px}.podium-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#68766f;margin-top:3px}@media(max-width:700px){.performance-hero-tabs,.podium{grid-template-columns:1fr}.podium-card.rank-1{transform:none}}



.rate-summary{grid-template-columns:repeat(4,1fr)}.import-preview{padding:2px}.import-preview .success{margin:0}@media(max-width:900px){.rate-summary{grid-template-columns:1fr 1fr}}

.shop-summary{grid-template-columns:repeat(3,1fr)}.cell-note{display:block;color:#69776f;font-size:10px;margin-top:4px;max-width:240px}.shop-summary .stat b{color:#8ce9ad}@media(max-width:800px){.shop-summary{grid-template-columns:1fr}}

.account-link{text-decoration:none;color:inherit;display:block}.account-link:hover{color:inherit}.account-link.active .userbox{border-color:rgba(85,230,140,.25);background:rgba(85,230,140,.06)}.account-card{max-width:860px}.account-role{margin-bottom:18px}

.dispatcher-group td{padding:14px 12px 8px!important;border-bottom:1px solid rgba(85,230,140,.16)!important;background:rgba(85,230,140,.025);color:#dfe9e3}.dispatcher-group-title{font-size:8px;letter-spacing:1.4px;color:#62d98c;font-weight:800;margin-right:10px}.dispatcher-spacer td{height:14px!important;padding:0!important;border:0!important;background:transparent!important}

.dispatcher-group-title{display:inline-block;margin-right:14px;letter-spacing:1.5px}.dispatcher-group-name{font-weight:800;font-size:14px;color:#eef6f0}

.checkbox-row{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;margin-top:16px}.checkbox-row input{width:16px!important;height:16px!important}.avatar-placeholder{width:84px;height:84px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#1d3326,#0d1510);border:1px solid rgba(85,230,140,.2);font:800 30px Manrope,sans-serif;color:#8ce9ad}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.profile-fields small{display:block;color:#6d7a73;font-size:9px;letter-spacing:1px}.profile-fields b{display:block;margin-top:5px;font-size:13px}.profile-card{background:linear-gradient(145deg,#111914,#0b110e);border:1px solid var(--line);border-radius:18px;padding:24px}.profile-card h2{margin:15px 0 8px}.profile-grid{display:grid;grid-template-columns:360px 1fr;gap:16px}@media(max-width:900px){.profile-grid{grid-template-columns:1fr}.profile-fields{grid-template-columns:1fr}}

.header-actions{display:flex;gap:10px;align-items:center}.btn.small{padding:8px 12px;font-size:11px}

.full{grid-column:1/-1}.form-help{display:block;color:#6d7a73;margin-top:6px;font-size:10px}.assigned-readonly{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.assigned-readonly small{font-size:9px;letter-spacing:1px;color:#6d7a73}.assigned-readonly span{font-size:10px;color:#6d7a73}.assignment-current{display:flex;align-items:center;gap:12px}.assignment-current b{font-size:15px}

.warning-text{color:#e6b86a!important}

/* =========================================================
   Miliva CRM — Responsive UI v39
   Adapts to viewport width, browser zoom and Windows scaling.
   ========================================================= */
html{width:100%;overflow-x:hidden}
body{min-width:0;width:100%;overflow-x:hidden}
.layout{width:100%;min-height:100vh}
.main{min-width:0;width:100%;box-sizing:border-box}
.main>*{max-width:100%;box-sizing:border-box}
header{gap:20px;flex-wrap:wrap}
header>div{min-width:0}
header h1,.sub{overflow-wrap:anywhere}
.panel,.form-card,.profile-card,.stat,.cards{max-width:100%;box-sizing:border-box}
.tablewrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tablewrap table{min-width:760px}
.form-grid{min-width:0}
.form-grid>*{min-width:0}
input,select,textarea,button{max-width:100%;box-sizing:border-box}
img{max-width:100%;height:auto}
.btn,.primary{white-space:nowrap}
.header-actions,.form-actions{display:flex;flex-wrap:wrap;gap:10px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.profile-grid{min-width:0}
.profile-grid>*{min-width:0}

/* Large screens */
@media (min-width:1600px){
  .main{max-width:none}
  .panel,.form-card{width:100%}
}

/* Medium desktop / laptops */
@media (max-width:1200px){
  .sidebar{width:220px;flex:0 0 220px}
  .main{padding:26px}
  .profile-grid{grid-template-columns:minmax(250px,320px) minmax(0,1fr)}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Smaller laptops */
@media (max-width:900px){
  .layout{display:block}
  .sidebar{position:relative;width:100%;height:auto;min-height:0;padding:14px 16px}
  .sidebar nav{display:flex;flex-wrap:wrap;gap:6px}
  .sidebar nav a{flex:0 0 auto}
  .side-bottom{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .main{padding:20px 16px}
  header{align-items:flex-start}
  header h1{font-size:30px}
  .profile-grid{grid-template-columns:1fr}
  .profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid{grid-template-columns:1fr 1fr}
}

/* Tablet / narrow browser */
@media (max-width:700px){
  .main{padding:16px 12px}
  header h1{font-size:26px}
  .sub{font-size:12px}
  .cards{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .profile-fields{grid-template-columns:1fr}
  .header-actions,.form-actions{width:100%}
  .header-actions .btn,.form-actions .btn,.form-actions button{flex:1 1 auto}
  .tablewrap table{min-width:680px}
}

/* Phone */
@media (max-width:520px){
  .sidebar{padding:10px}
  .brand{margin-bottom:10px}
  .sidebar nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}
  .sidebar nav a{white-space:nowrap}
  .side-bottom{font-size:11px}
  .main{padding:12px 10px}
  header{gap:12px}
  header h1{font-size:23px}
  .cards{grid-template-columns:1fr}
  .stat{padding:14px}
  .panel,.form-card,.profile-card{border-radius:14px;padding:14px}
  .tablewrap table{min-width:620px}
  .btn,.primary{font-size:11px}
}

/* Prevent long database values from breaking layout */
td,th{overflow-wrap:anywhere}

.view-as-banner{margin-top:12px;padding:11px 12px;border:1px solid rgba(230,184,106,.22);background:rgba(230,184,106,.06);border-radius:12px;display:flex;flex-direction:column;gap:4px;font-size:11px}.view-as-banner span{font-size:8px;text-transform:uppercase;letter-spacing:1.2px;color:#cba45e}.view-as-banner a{margin-top:5px;color:#e6c57d;text-decoration:none;font-weight:700}.view-note{margin-top:18px;padding:14px;border:1px solid rgba(85,230,140,.14);border-radius:12px;background:rgba(85,230,140,.04);display:flex;flex-direction:column;gap:5px}.view-note span{font-size:11px;color:#87938d}

.status-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#111914,#0b110e)}.status-form select{min-width:150px}.stat small{display:block;margin-top:5px;color:#7d8983;font-size:10px}.status-card h2{margin:4px 0}.status-card .sub{margin:0}.status-form{margin:0}
@media(max-width:600px){.status-card{align-items:flex-start;flex-direction:column}.status-form,.status-form select{width:100%}}

.analytics-selectors{margin-bottom:18px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}
.analytics-select-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.5fr);gap:14px;align-items:end}
.analytics-select-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#7d8983}
.analytics-select-form select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#0d1410;color:inherit;font:inherit;letter-spacing:normal;text-transform:none}
.analytics-current{display:flex;flex-direction:column;gap:5px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#0d1410}
.analytics-current span{font-size:9px;color:#7d8983;letter-spacing:1px}
.analytics-current b{font-size:14px;color:#e7eee9}
.analytics-driver-head{margin:12px 0 16px}
.analytics-driver-head h2{margin:4px 0 8px}
.analytics-meta{display:flex;gap:8px;flex-wrap:wrap;color:#7d8983;font-size:11px}
.analytics-meta span{padding:5px 9px;border:1px solid var(--line);border-radius:999px}
.analytics-chart-panel{margin-top:18px}
.analytics-chart-wrap{width:100%;height:390px}
#performanceChart{width:100%;height:100%;display:block}
.chart-grid{stroke:rgba(255,255,255,.07);stroke-width:1}
.chart-axis{fill:#748078;font-size:11px}
.chart-gross,.chart-rpm{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.chart-gross{stroke:var(--viz-series-1,var(--viz-accent))}
.chart-rpm{stroke:var(--viz-series-2,#8a9890);stroke-dasharray:7 6}
.chart-gross-dot{fill:var(--viz-series-1,var(--viz-accent))}
.chart-rpm-dot{fill:var(--viz-series-2,#8a9890)}
.analytics-legend{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a9690}
.gross-dot,.rpm-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.gross-dot{background:var(--viz-series-1,var(--viz-accent))}
.rpm-dot{background:var(--viz-series-2,#8a9890);margin-left:8px}
.analytics-chart-note{padding:0 18px 18px;color:#707b75;font-size:10px}
.analytics-empty{padding:42px 20px;text-align:center;color:#7b8680}
@media(max-width:800px){.analytics-select-form{grid-template-columns:1fr}.analytics-chart-wrap{height:300px}}
@media(max-width:520px){.analytics-chart-wrap{height:250px}.analytics-chart-note{padding-left:0;padding-right:0}.analytics-legend{margin-top:8px}}

.analytics-summary-panel{margin-bottom:18px}.analytics-summary-cards{margin:0 0 18px}.analytics-summary-panel .panel-title{margin-bottom:16px}

.analytics-select-help{display:block;margin-top:6px;color:#68756e;font-size:9px;letter-spacing:0;text-transform:none}

.company-info-panel{margin-bottom:18px}
.company-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.company-info-item{padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);display:flex;flex-direction:column;gap:6px}
.company-info-item span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#748078}
.company-info-item b{font-size:13px;color:#e7eee9}
.company-info-address{grid-column:span 2}
@media(max-width:850px){.company-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-info-address{grid-column:span 2}}
@media(max-width:520px){.company-info-grid{grid-template-columns:1fr}.company-info-address{grid-column:span 1}}

/* Main Page — friendly company welcome */
.main-welcome{position:relative;margin-top:28px;padding:30px 32px 26px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:radial-gradient(circle at 90% 0%,rgba(120,255,180,.075),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 18px 55px rgba(0,0,0,.18);overflow:hidden}
.main-welcome:before{content:"";position:absolute;left:-100px;bottom:-150px;width:330px;height:330px;border-radius:50%;background:rgba(120,255,180,.035);filter:blur(10px);pointer-events:none}
.welcome-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
.welcome-top h2{margin:7px 0 8px;font-size:25px;line-height:1.2;letter-spacing:-.6px;color:#edf4ef}
.welcome-top p{margin:0;max-width:650px;color:#89948e;font-size:12px;line-height:1.6}
.welcome-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);font-size:10px;color:#b9c4be;white-space:nowrap}
.welcome-badge span{width:7px;height:7px;border-radius:50%;background:#7ff0ad;box-shadow:0 0 12px rgba(127,240,173,.5)}
.welcome-divider{height:1px;margin:24px 0;border-top:1px solid rgba(255,255,255,.065)}
.welcome-company{display:flex;align-items:center;justify-content:space-between;gap:20px}
.welcome-brand{display:flex;align-items:center;gap:13px}
.welcome-logo{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:20px;color:#0b120e;background:linear-gradient(145deg,#b8ffd1,#65e69a);box-shadow:0 8px 25px rgba(90,230,150,.15)}
.welcome-brand strong{display:block;font-size:15px;color:#e9f1ec}
.welcome-brand small{display:block;margin-top:3px;color:#748079;font-size:10px}
.welcome-meta{display:flex;gap:10px}
.welcome-meta div{min-width:100px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(0,0,0,.12)}
.welcome-meta span,.location-card span{display:block;color:#6f7b74;text-transform:uppercase;letter-spacing:1px;font-size:8px;margin-bottom:5px}
.welcome-meta b{font-size:12px;color:#dce5df}
.welcome-locations{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}
.location-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.018);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.location-card:hover{transform:translateY(-2px);border-color:rgba(127,240,173,.16);background:rgba(255,255,255,.027)}
.location-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:rgba(127,240,173,.08);color:#8ef1b3;font-size:14px}
.location-card b{display:block;color:#cbd5cf;font-size:11px;font-weight:600}
@media(max-width:760px){.welcome-top,.welcome-company{flex-direction:column}.welcome-badge{align-self:flex-start}.welcome-meta{width:100%}.welcome-meta div{flex:1}.welcome-locations{grid-template-columns:1fr}}
@media(max-width:480px){.main-welcome{padding:22px 18px}.welcome-top h2{font-size:21px}.welcome-meta{flex-direction:column}.welcome-meta div{width:auto}.welcome-company{gap:16px}}

.main-welcome{display:block!important;visibility:visible!important;opacity:1!important;width:100%;box-sizing:border-box;margin:30px 0 0;padding:30px 32px 26px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(145deg,#121a16,#0d1310);color:#e9f1ec}
.main-welcome *{box-sizing:border-box}.main-welcome .welcome-top{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.main-welcome h2{margin:7px 0 8px;color:#edf4ef;font-size:25px}.main-welcome p{margin:0;color:#89948e;font-size:12px;line-height:1.6}.main-welcome .welcome-badge{padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#cbd5cf}.main-welcome .welcome-divider{height:1px;margin:24px 0;background:rgba(255,255,255,.08)}.main-welcome .welcome-company{display:flex;justify-content:space-between;align-items:center;gap:20px}.main-welcome .welcome-brand{display:flex;align-items:center;gap:13px}.main-welcome .welcome-logo{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#8df0b1;color:#09100c;font-weight:800;font-size:20px}.main-welcome .welcome-brand strong{display:block;color:#e9f1ec;font-size:15px}.main-welcome .welcome-brand small{display:block;margin-top:3px;color:#748079;font-size:10px}.main-welcome .welcome-meta{display:flex;gap:10px}.main-welcome .welcome-meta div{min-width:100px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(0,0,0,.15)}.main-welcome .welcome-meta span,.main-welcome .location-card span{display:block;color:#7b8780;font-size:8px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.main-welcome .welcome-meta b,.main-welcome .location-card b{color:#dce5df;font-size:12px}.main-welcome .welcome-locations{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.main-welcome .location-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.02)}.main-welcome .location-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:10px;background:rgba(141,240,177,.08);color:#8df0b1}.main-welcome .location-card b{display:block;font-weight:600}.main-welcome .eyebrow{color:#8df0b1}
@media(max-width:760px){.main-welcome .welcome-top,.main-welcome .welcome-company{flex-direction:column}.main-welcome .welcome-locations{grid-template-columns:1fr}.main-welcome .welcome-meta{width:100%}}

.main-welcome .welcome-spacer{min-height:1px}

/* v62: remove obsolete welcome copy */
.main-welcome .welcome-top,.main-welcome .welcome-badge{display:none!important}

.claims-add{margin-bottom:18px}.claim-form{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:13px}.claim-form label{display:flex;flex-direction:column;gap:7px;color:#7d8983;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.claim-form input,.claim-form select,.claim-form textarea{font:inherit;letter-spacing:normal;text-transform:none;color:#e7eee9;background:#0d1410;border:1px solid var(--line);border-radius:10px;padding:10px 11px}.claim-description{grid-column:span 3}.claim-actions{grid-column:span 2;display:flex;align-items:end}.claim-actions button{width:100%;padding:11px 14px}@media(max-width:900px){.claim-form{grid-template-columns:repeat(2,1fr)}.claim-description{grid-column:span 2}.claim-actions{grid-column:span 2}}@media(max-width:520px){.claim-form{grid-template-columns:1fr}.claim-description,.claim-actions{grid-column:span 1}}

.us-date{display:flex;gap:6px;align-items:center}.us-date select{flex:1;min-width:0}.date-fixed-year{height:38px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#0d1410;color:#cfd8d2;font-size:11px}.claim-file{grid-column:span 2}.claim-file small{font-size:8px;color:#69756e;text-transform:none;letter-spacing:0}.claims-add .claim-form{grid-template-columns:repeat(4,minmax(130px,1fr))}.claims-add .claim-description{grid-column:span 2}.claims-add .claim-file{grid-column:span 2}.claims-add .claim-actions{grid-column:span 4}@media(max-width:900px){.claims-add .claim-form{grid-template-columns:repeat(2,1fr)}.claims-add .claim-description,.claims-add .claim-file,.claims-add .claim-actions{grid-column:span 2}}@media(max-width:520px){.claims-add .claim-form{grid-template-columns:1fr}.claims-add .claim-description,.claims-add .claim-file,.claims-add .claim-actions{grid-column:span 1}.us-date{width:100%}}

.edit-mode-note{margin:-4px 0 15px;padding:10px 12px;border:1px solid rgba(141,240,177,.15);border-radius:10px;background:rgba(141,240,177,.045);color:#9bb1a3;font-size:10px}.panel .btn{position:relative;z-index:5;pointer-events:auto;cursor:pointer}

.claim-list-head{align-items:flex-start}.claim-tabs{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.claim-tabs a{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;color:#7f8b84;text-decoration:none;font-size:9px;background:rgba(255,255,255,.015)}.claim-tabs a span{font-size:8px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.05);color:#9ba7a0}.claim-tabs a.active{border-color:rgba(141,240,177,.25);background:rgba(141,240,177,.07);color:#b8f3cb}.claim-tabs a.active span{background:rgba(141,240,177,.12);color:#a9efbf}@media(max-width:800px){.claim-list-head{flex-direction:column}.claim-tabs{justify-content:flex-start}}

.invitation-panel{margin-bottom:18px}.invite-success{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid rgba(141,240,177,.15);background:rgba(141,240,177,.045);border-radius:12px}.invite-success b{color:#b8f3cb}.invite-success span{font-size:10px;color:#7e8b84}.invite-success input{width:100%;box-sizing:border-box;padding:10px;border-radius:9px;border:1px solid var(--line);background:#0b120e;color:#b9c7bf}.auth-page{min-height:100vh;display:grid;place-items:center;background:#0a0f0c;padding:25px}.auth-card{width:min(430px,100%);padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(145deg,#121a16,#0c120f);box-shadow:0 25px 70px rgba(0,0,0,.35)}.auth-card .brand{margin-bottom:30px}.auth-card h1{margin:8px 0 10px;color:#edf4ef;font-size:27px}.auth-form{display:flex;flex-direction:column;gap:15px;margin-top:22px}.auth-form label{display:flex;flex-direction:column;gap:7px;color:#84918a;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.auth-form input{padding:12px;border-radius:10px;border:1px solid var(--line);background:#0a110d;color:#e5eee8}.auth-form button{margin-top:4px}

.invite-link{display:block;padding:11px 12px;border:1px solid rgba(141,240,177,.18);border-radius:10px;background:#0a110d;color:#9fe9b8;text-decoration:none;font-size:11px;word-break:break-all}.invite-link:hover{border-color:rgba(141,240,177,.35);background:#0d1712}
.invite-success .btn{align-self:flex-start}

.team-section-spacer{height:34px}.other-team-panel{margin-top:0}.other-team-panel .panel-title{margin-bottom:4px}

.other-team-panel .record{font-weight:600;text-decoration:none}

/* v89 Team Database premium layout */
.team-page{max-width:1180px;margin:0 auto;padding:38px 34px 60px}.team-hero{position:relative;min-height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.hero-center{text-align:center}.hero-center .eyebrow{letter-spacing:2px;font-size:10px;font-weight:800}.hero-center h1{font-size:40px;line-height:1;margin:8px 0 10px;letter-spacing:-1.6px}.hero-center .sub{margin:0;font-size:13px}.team-actions{position:absolute;right:0;top:20px;display:flex;gap:8px}.team-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 22px}.team-stat{position:relative;overflow:hidden;min-height:104px;border:1px solid rgba(141,240,177,.16);border-radius:17px;background:linear-gradient(135deg,rgba(18,30,24,.92),rgba(10,18,14,.92));display:flex;align-items:center;gap:15px;padding:20px 24px;box-sizing:border-box;box-shadow:0 14px 35px rgba(0,0,0,.14)}.team-stat .stat-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(48,230,126,.10);border:1px solid rgba(48,230,126,.13);color:#39eb82;font-size:21px}.team-stat span{display:block;color:#8b9b92;font-size:10px;letter-spacing:1px;font-weight:700}.team-stat b{display:block;font-size:30px;line-height:1.05;color:#f1f6f2;margin:4px 0}.team-stat small{font-size:10px;color:#718078}.stat-watermark{position:absolute;right:18px;top:8px;font-size:70px;line-height:1;color:rgba(48,230,126,.045)}.team-panel{border:1px solid rgba(141,240,177,.13);border-radius:17px;background:linear-gradient(145deg,rgba(16,25,21,.88),rgba(9,15,12,.94));padding:20px 20px 10px;box-shadow:0 18px 45px rgba(0,0,0,.16)}.section-title{display:flex;align-items:center;gap:10px;padding:0 3px 14px}.section-title h2{margin:0;font-size:18px;letter-spacing:-.3px}.section-mark{color:#31e87b;font-size:17px}.team-table{border:1px solid rgba(255,255,255,.055);border-radius:12px;overflow:hidden}.team-row{min-height:58px;display:grid;grid-template-columns:2fr 1.25fr 1.15fr .8fr 70px;align-items:center;border-top:1px solid rgba(255,255,255,.055);padding:0 18px;box-sizing:border-box}.team-row:first-child{border-top:0}.team-row:not(.team-head):hover{background:rgba(48,230,126,.025)}.team-head{min-height:42px;background:rgba(255,255,255,.025);color:#829189;font-size:9px;font-weight:800;letter-spacing:1px}.person-cell{display:flex;align-items:center;gap:12px;min-width:0}.person-cell a{color:#a4f4bf;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:31px;height:31px;flex:0 0 31px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(48,230,126,.35);background:rgba(48,230,126,.035);color:#65ef9b;font-size:9px;font-weight:800}.role-pill,.status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}.role-pill{border:1px solid rgba(48,230,126,.18);background:rgba(48,230,126,.07);color:#58e995}.status-pill.active{border:1px solid rgba(48,230,126,.18);background:rgba(48,230,126,.08);color:#60ee9a}.status-pill.inactive{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:#85928a}.driver-count{color:#52ed94;text-decoration:none;font-size:13px;font-weight:700}.action-cell{text-align:center}.view-btn{display:inline-grid;place-items:center;width:37px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#e1e9e4;text-decoration:none;font-size:14px}.view-btn:hover{border-color:rgba(48,230,126,.3);background:rgba(48,230,126,.07);color:#61ee9b}.roles-panel .team-row{grid-template-columns:2fr 1.5fr .8fr 70px}.roles-panel .role-row{min-height:55px}.team-section-spacer{height:32px}.team-note{width:max-content;max-width:100%;margin:20px auto 0;padding:9px 16px;border:1px solid rgba(48,230,126,.14);border-radius:9px;background:rgba(48,230,126,.035);color:#7e8d84;font-size:10px}.team-note span{color:#61ee9b;margin-right:5px}@media(max-width:900px){.team-page{padding:25px 16px 45px}.team-actions{position:static;margin-top:15px;justify-content:center}.team-hero{flex-direction:column}.team-stats{grid-template-columns:1fr}.team-row{grid-template-columns:1.7fr 1fr .8fr .7fr 50px;padding:0 10px}.roles-panel .team-row{grid-template-columns:1.5fr 1fr .7fr 50px}.team-head{font-size:8px}.avatar{display:none}.person-cell{gap:0}}@media(max-width:620px){.team-page{padding:20px 10px}.hero-center h1{font-size:32px}.team-panel{padding:14px 10px 8px}.team-row{grid-template-columns:1.5fr 1fr 50px!important}.team-row>div:nth-child(3),.team-row>div:nth-child(4){display:none}.team-head>div:nth-child(3),.team-head>div:nth-child(4){display:none}}

/* v90 Team column alignment + initials avatars */
.team-table{width:100%}.team-row{grid-template-columns:minmax(280px,2fr) minmax(170px,1.25fr) minmax(150px,1fr) minmax(110px,.8fr) 72px;column-gap:18px}.team-row>div{min-width:0}.team-head>div:nth-child(n){display:flex;align-items:center}.team-head>div:nth-child(2),.team-head>div:nth-child(3),.team-head>div:nth-child(4),.team-head>div:nth-child(5){justify-content:center}.team-row>div:nth-child(2),.team-row>div:nth-child(3),.team-row>div:nth-child(4),.team-row>div:nth-child(5){display:flex;align-items:center;justify-content:center}.person-cell{justify-content:flex-start}.avatar{font-size:10px;letter-spacing:.2px}.roles-panel .team-row{grid-template-columns:minmax(280px,2fr) minmax(230px,1.5fr) minmax(110px,.8fr) 72px}.roles-panel .team-head>div:nth-child(2),.roles-panel .team-head>div:nth-child(3),.roles-panel .team-head>div:nth-child(4){justify-content:center}.roles-panel .team-row>div:nth-child(2),.roles-panel .team-row>div:nth-child(3),.roles-panel .team-row>div:nth-child(4){display:flex;align-items:center;justify-content:center}
@media(max-width:900px){.team-row{grid-template-columns:minmax(220px,1.7fr) minmax(150px,1fr) minmax(110px,.8fr) minmax(95px,.7fr) 55px}.roles-panel .team-row{grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) minmax(95px,.7fr) 55px}}

.profile-photo-edit{display:flex;align-items:center;gap:14px;margin:0 0 20px;padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.02)}.edit-avatar-preview,.profile-avatar-photo{width:76px;height:76px;border-radius:50%;object-fit:cover;border:1px solid rgba(48,230,126,.35);background:rgba(48,230,126,.06)}.edit-avatar-preview{display:grid;place-items:center;color:#64ed9a;font-size:20px;font-weight:800}.photo-upload-label{display:flex!important;flex-direction:column;gap:7px;font-size:10px;color:#9aa89f}.photo-upload-label input{font-size:10px}.profile-avatar-photo{display:block;margin:0 auto 12px}.avatar-photo{object-fit:cover;display:block;padding:0!important}.team-row .avatar-photo{width:31px;height:31px}.profile-card .avatar-placeholder{margin:0 auto 12px}

/* v92 clean Teams header */
.team-page .team-hero{min-height:72px;margin-bottom:18px}.team-page .hero-center{display:none}.team-page .section-title{padding-left:3px}

/* v93 Team Roles aligned with Dispatchers */
.roles-panel .team-row{grid-template-columns:minmax(280px,2fr) minmax(170px,1.25fr) minmax(150px,1fr) minmax(110px,.8fr) 72px}
.roles-panel .team-head>div:nth-child(2),.roles-panel .team-head>div:nth-child(3),.roles-panel .team-head>div:nth-child(4),.roles-panel .team-head>div:nth-child(5){justify-content:center}
.roles-panel .team-row>div:nth-child(2),.roles-panel .team-row>div:nth-child(3),.roles-panel .team-row>div:nth-child(4),.roles-panel .team-row>div:nth-child(5){display:flex;align-items:center;justify-content:center}
.team-role-empty{color:#4d5b53;font-size:11px}
.team-stat .stat-watermark{right:18px}

/* v94 remove pawn/stat chess icon */
.team-page .team-stat .stat-icon{display:none!important}

/* v95 role-specific colors */
.roles-panel .role-pill.role-accounting{color:#c084fc;background:rgba(168,85,247,.10);border-color:rgba(168,85,247,.30)}
.roles-panel .role-pill.role-safety_manager{color:#ff6b6b;background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.30)}
.roles-panel .role-pill.role-operational_manager{color:#f5c542;background:rgba(234,179,8,.10);border-color:rgba(234,179,8,.30)}
.roles-panel .role-pill.role-fleet_repairs{color:#ffd84d;background:rgba(250,204,21,.10);border-color:rgba(250,204,21,.30)}

/* v96 premium team member profile */
.profile-grid{grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.profile-card{border:1px solid rgba(141,240,177,.14)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(17,28,23,.96),rgba(8,15,12,.98))!important;box-shadow:0 20px 55px rgba(0,0,0,.22)!important;padding:28px!important;text-align:center}.profile-card h2{font-size:22px!important;margin:15px 0 5px!important}.profile-avatar-photo,.avatar-placeholder{width:104px!important;height:104px!important;border-radius:50%!important}.profile-card .work-status-pill{display:inline-flex;margin-top:8px;padding:6px 12px;border-radius:999px;font-size:10px;font-weight:800}.work-status-pill.working{color:#58ee99;background:rgba(48,230,126,.09);border:1px solid rgba(48,230,126,.22)}.work-status-pill.vacation{color:#f5c84b;background:rgba(245,200,75,.09);border:1px solid rgba(245,200,75,.25)}.profile-role{display:inline-block;margin:13px 0 20px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:#a5b1aa;font-size:10px;font-weight:700}.profile-contact{display:grid;grid-template-columns:1fr;gap:9px;text-align:left}.contact-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}.contact-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:#55ed96;background:rgba(48,230,126,.07);font-size:13px}.contact-item small{display:block;color:#69786f;font-size:8px;letter-spacing:1px;font-weight:800;margin-bottom:3px}.contact-item b{display:block;color:#d9e3dd;font-size:10px;word-break:break-word}.profile-grid>.panel{border-radius:20px!important;border-color:rgba(141,240,177,.14)!important;background:linear-gradient(145deg,rgba(15,25,20,.92),rgba(8,15,12,.96))!important;box-shadow:0 20px 55px rgba(0,0,0,.18)!important}.profile-grid>.panel .panel-title{padding-bottom:16px}.profile-grid>.panel table tr{height:45px}.profile-grid>.panel table th{font-size:8px;letter-spacing:1px}.profile-grid>.panel table td{font-size:11px}.form-grid select{width:100%}@media(max-width:850px){.profile-grid{grid-template-columns:1fr}.profile-contact{grid-template-columns:1fr 1fr}}@media(max-width:560px){.profile-contact{grid-template-columns:1fr}}

/* v99 Premium Team Member Dashboard */
.tm-dashboard{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start;margin-top:28px}
.tm-profile-card,.tm-main-card{border:1px solid rgba(141,240,177,.14);border-radius:20px;background:linear-gradient(145deg,rgba(16,27,22,.97),rgba(7,13,10,.98));box-shadow:0 22px 60px rgba(0,0,0,.22)}
.tm-profile-card{padding:27px;text-align:center}
.tm-avatar-wrap{display:flex;justify-content:center;margin-bottom:15px}
.tm-avatar-photo,.tm-avatar-fallback{width:108px;height:108px;border-radius:50%;object-fit:cover;border:1px solid rgba(56,232,138,.32);box-shadow:0 0 0 7px rgba(56,232,138,.035)}
.tm-avatar-fallback{display:grid;place-items:center;background:#10231a;color:#63ed9a;font-size:30px;font-weight:800}
.tm-name{margin:0;font-size:23px;letter-spacing:-.7px}
.tm-role{display:inline-flex;margin-top:8px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);color:#a7b4ac;font-size:10px;font-weight:750}
.tm-status{display:inline-flex;align-items:center;gap:7px;margin:15px 0 21px;padding:7px 12px;border-radius:999px;font-size:10px;font-weight:800}
.tm-status span{width:6px;height:6px;border-radius:50%}
.tm-status.working{color:#59eb98;background:rgba(56,232,138,.075);border:1px solid rgba(56,232,138,.2)}
.tm-status.working span{background:#3ce889}
.tm-status.vacation{color:#f3c84d;background:rgba(243,200,77,.08);border:1px solid rgba(243,200,77,.23)}
.tm-status.vacation span{background:#f3c84d}
.tm-contact-list{display:grid;gap:8px;text-align:left}
.tm-contact{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}
.tm-contact-admin{border-color:rgba(255,255,255,.09)}
.tm-contact-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;background:rgba(56,232,138,.065);color:#58ea96;font-size:13px}
.tm-contact small,.tm-mini-card small{display:block;color:#68766e;font-size:8px;letter-spacing:1.2px;font-weight:850;margin-bottom:3px}
.tm-contact strong{display:block;color:#dce5df;font-size:10px;word-break:break-word}
.tm-main-card{padding:24px}
.tm-main-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}
.tm-main-head h2{margin:4px 0 0;font-size:20px;letter-spacing:-.4px}
.tm-driver-count{font-size:10px;color:#77847d;padding-bottom:3px}
.tm-driver-table{overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:14px}
.tm-driver-row{display:grid;grid-template-columns:1.6fr 1fr .75fr;align-items:center;min-height:49px;padding:0 16px;border-top:1px solid rgba(255,255,255,.045)}
.tm-driver-row:first-child{border-top:0}
.tm-driver-head{min-height:40px;background:rgba(255,255,255,.018);color:#6d7b73;font-size:8px;letter-spacing:1.2px;font-weight:850}
.tm-driver-row>div:nth-child(2),.tm-driver-row>div:nth-child(3){text-align:center}
.tm-driver-row a{color:#79e8a7;text-decoration:none;font-size:11px;font-weight:700}
.tm-driver-row>div{font-size:10px;color:#aeb9b2}
.tm-driver-status{color:#55e997}
.tm-empty{padding:28px;text-align:center;color:#69776f;font-size:11px}
.tm-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.tm-mini-card{padding:14px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.016)}
.tm-mini-card strong{display:block;color:#d9e3dd;font-size:11px}
@media(max-width:850px){.tm-dashboard{grid-template-columns:1fr}.tm-profile-card{max-width:none}.tm-bottom-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tm-main-head{align-items:flex-start}.tm-driver-row{grid-template-columns:1.4fr .9fr .75fr;padding:0 10px}.tm-main-card{padding:15px}.tm-profile-card{padding:22px}.tm-bottom-grid{grid-template-columns:1fr}}

/* v101 real-time online presence */
.presence-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:800;padding:5px 9px;border-radius:999px;white-space:nowrap}
.presence-pill i{display:block;width:6px;height:6px;border-radius:50%}
.presence-pill.online{color:#55ed97;background:rgba(56,232,138,.075);border:1px solid rgba(56,232,138,.22)}
.presence-pill.online i{background:#43e98c;box-shadow:0 0 8px rgba(67,233,140,.45)}
.presence-pill.offline{color:#78847d;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
.presence-pill.offline i{background:#59635e}
.tm-presence{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0 0 8px;padding:6px 11px;border-radius:999px;font-size:9px;font-weight:800}
.tm-presence span{width:6px;height:6px;border-radius:50%}
.tm-presence.online{color:#55ed97;background:rgba(56,232,138,.075);border:1px solid rgba(56,232,138,.22)}
.tm-presence.online span{background:#43e98c;box-shadow:0 0 8px rgba(67,233,140,.45)}
.tm-presence.offline{color:#78847d;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
.tm-presence.offline span{background:#59635e}