:root {
  --bg:#05070b; --panel:#0c121b; --panel2:#111a26; --text:#f4f7fb;
  --muted:#9ca9ba; --line:rgba(255,255,255,.11); --blue:#1168ff; --blue2:#53a4ff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
h1,h2{font-family:Rajdhani,Inter,sans-serif;margin:0 0 12px}
h1{font-size:2.6rem} h2{font-size:2rem}
p{color:var(--muted);line-height:1.6}
.eyebrow{color:var(--blue2);text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:800;margin:0 0 8px}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(17,104,255,.2),transparent 35%)}
.login-card{width:min(440px,100%);padding:34px;background:rgba(12,18,27,.96);border:1px solid var(--line);border-radius:16px}
.login-card img{width:210px;height:100px;object-fit:cover;display:block;margin:0 auto 25px}
.login-card form,.settings-card{display:grid;gap:16px}
label{display:grid;gap:7px;color:#dce4ef;font-size:.88rem}
input,select,textarea{width:100%;padding:12px 13px;background:#080d14;border:1px solid var(--line);border-radius:8px;color:white;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--blue)}
.primary-btn,.secondary-btn,.danger-btn,.logout-btn,.side-link,.icon-btn{
  border-radius:8px;padding:12px 17px;border:1px solid transparent;font-weight:800;text-decoration:none
}
.primary-btn{background:linear-gradient(135deg,var(--blue),#004bd6);color:white}
.secondary-btn{background:transparent;border-color:var(--line);color:white}
.danger-btn{background:#4d1015;color:#ffd5d9;border-color:#8f2832}
.message{font-size:.82rem;min-height:1.2em;color:#ffb7bd}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}
.sidebar{position:sticky;top:0;height:100vh;background:#080d14;border-right:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column}
.sidebar img{width:190px;height:90px;object-fit:cover;margin-bottom:30px}
.sidebar nav{display:grid;gap:8px}
.side-link{display:block;width:100%;background:transparent;color:#cdd6e2;text-align:left}
.side-link:hover,.side-link.active{background:#111b29;color:white;border-color:rgba(83,164,255,.25)}
.logout-btn{margin-top:auto;background:transparent;border-color:var(--line);color:#cdd6e2}
.admin-main{padding:38px;min-width:0}
.admin-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.stats-grid article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}
.stats-grid span{display:block;font-family:Rajdhani;font-size:2.1rem;font-weight:700}
.stats-grid small{color:var(--muted)}
.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px}
.toolbar input{max-width:390px}
.toolbar select{max-width:210px}
.table-wrap{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse;min-width:780px}
th,td{padding:15px;text-align:left;border-bottom:1px solid var(--line)}
th{color:#aab6c5;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.vehicle-cell{display:flex;align-items:center;gap:13px}
.vehicle-cell img{width:76px;height:52px;object-fit:cover;border-radius:7px;background:#151c26}
.status-pill{display:inline-block;padding:5px 9px;border:1px solid rgba(83,164,255,.4);border-radius:999px;color:#bfdbff;font-size:.75rem}
.action-btn{background:transparent;border:1px solid var(--line);color:white;border-radius:7px;padding:8px 11px}
.settings-card{max-width:750px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px}
.inline-btn{display:inline-block;width:max-content}
.connection-status{padding:13px;border-radius:8px;background:#080d14;color:#cbd7e6}
dialog{width:min(820px,calc(100% - 24px));background:#0b111a;color:white;border:1px solid var(--line);border-radius:14px;padding:0}
dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(4px)}
dialog form{padding:28px}
.dialog-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}
.icon-btn{width:40px;height:40px;padding:0;background:#05070b;border-color:var(--line);color:white;font-size:1.5rem}
.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.full-label{margin-top:15px}
.checkbox-row{display:flex;gap:25px;margin:18px 0}
.checkbox-row label{display:flex;align-items:center;gap:8px}
.checkbox-row input{width:auto}
.dialog-actions{display:flex;align-items:center;gap:10px}
.spacer{flex:1}
@media(max-width:900px){
  .admin-shell{grid-template-columns:1fr}
  .sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:12px}
  .sidebar img{width:130px;height:60px;margin:0}
  .sidebar nav{display:flex;flex:1}
  .logout-btn{margin:0}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .form-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .admin-main{padding:22px}
  .sidebar{flex-wrap:wrap}
  .sidebar nav{order:3;width:100%}
  .admin-header,.toolbar{align-items:stretch;flex-direction:column}
  .toolbar input,.toolbar select{max-width:none}
  .stats-grid{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .checkbox-row{flex-direction:column}
}

.lead-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.lead-details>div{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#f9fafb}
.lead-details small{color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.lead-details p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){.lead-details{grid-template-columns:1fr}}

.field-help{display:block;margin-top:7px;color:#6b7280;line-height:1.45;font-weight:500}
#description{min-height:260px;resize:vertical;line-height:1.55;font-family:Inter,Arial,sans-serif}
