@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#22382f;background:#f5f5ef;font-synthesis:none;--orange:#d96b37;--line:#dfe4dc;--muted:#738078}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{padding:32px 20px;background:#20392e;color:#eff2e9;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font:800 35px 'Manrope',sans-serif;letter-spacing:-2px}.brand small{display:block;font:600 9px 'DM Sans';letter-spacing:3px;margin:4px 0 40px}.sidebar nav{display:grid;gap:5px}.nav-link{padding:12px 14px;border-radius:9px;color:#bfcec3;font-size:14px;display:flex;gap:12px;align-items:center}.nav-link span{width:20px;font-size:17px}.nav-link:hover,.nav-link.active{background:#344d40;color:#fff}.nav-link.active{box-shadow:inset 3px 0 #ee8953}.side-bottom{margin-top:auto;padding-top:40px;display:grid;gap:20px;font-size:13px;color:#c0cdc2}.main{min-width:0;padding:0 44px 50px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:var(--muted)}.user{font-size:12px;display:flex;gap:16px;align-items:center}.pill{padding:7px 11px;border:1px solid #ddd1b7;background:#f7eed9;border-radius:30px;color:#86652e;font-size:11px;white-space:nowrap}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 26px}h1{font:700 30px 'Manrope';letter-spacing:-1px;margin:0}h2{font:700 16px 'Manrope';margin:0 0 24px}h3{font-size:14px;margin:0 0 12px}.btn{border:0;border-radius:8px;padding:12px 17px;background:#263f32;color:white;font-weight:600;font-size:13px}.btn.orange{background:var(--orange)}.btn.ghost{border:1px solid var(--line);background:transparent;color:inherit}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.card,.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:24px}.card .value{font:700 30px 'Manrope';margin:18px 0 8px;letter-spacing:-1px}.muted,small{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-bottom:24px}.panel{margin-bottom:24px}.grid>.panel{margin-bottom:0}.empty{padding:48px 20px;text-align:center;color:var(--muted);font-size:14px}.empty .empty-icon{display:block;font-size:30px;color:#9aa99d;margin-bottom:16px}.empty p{max-width:360px;margin:12px auto;font-size:12px;line-height:1.7}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:14px 12px;background:#f7f8f4;white-space:nowrap}td{padding:17px 12px;border-bottom:1px solid #edf0e9;vertical-align:top}td small{display:block;margin-top:7px}.status{font-size:11px;padding:5px 9px;background:#eef2e9;border-radius:20px;white-space:nowrap}.fleet-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fleet-card{overflow:hidden;padding:0}.fleet-image{background:#e9ebe2;height:190px;position:relative}.fleet-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.fleet-image .pill{position:absolute;left:20px;top:20px;background:#fff}.fleet-body{padding:24px}.fleet-body h2{margin-bottom:10px}.rule{border:0;border-top:1px solid var(--line);margin:24px 0}label{display:grid;gap:7px;font-size:12px;font-weight:600}input,select,textarea{border:1px solid #d5ddd2;background:white;border-radius:7px;padding:11px;color:#25392f;width:100%;min-width:0}textarea{resize:vertical;min-height:100px}form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{border:0;padding:0;margin:0;display:grid;gap:16px;min-width:0}fieldset:disabled{opacity:.55}.notice-inline{padding:15px 20px;background:#f8edda;border:1px solid #eadcc1;border-radius:9px;font-size:12px;line-height:1.6;margin-bottom:24px}.auth{max-width:450px;margin:60px auto}.auth h1{margin-bottom:25px}.auth .btn{width:100%}.auth-switch{border:0;background:none;color:#476c53;text-decoration:underline;padding:10px}.split{display:flex;justify-content:space-between;align-items:center;gap:16px}.timeline{display:grid;gap:18px}.timeline-item{display:flex;gap:12px;font-size:13px;line-height:1.6}.dot{height:9px;width:9px;background:#d96b37;border-radius:100%;flex-shrink:0;margin-top:6px}.settings-link{font-size:20px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;padding:14px 22px;background:#20392e;color:white;border-radius:9px;box-shadow:0 10px 40px #0002;z-index:20;font-size:13px}#notice:empty{display:none}.error{background:#f8e4dd;color:#8b3e26}.login-note{line-height:1.7}.ticket-message{white-space:pre-wrap;max-width:400px}.wide{grid-column:1/-1}@media(max-width:1100px){.main{padding:0 24px 30px}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:750px){.shell{display:block}.sidebar{position:static;height:auto;padding:18px}.brand{font-size:27px}.brand small{margin-bottom:18px}.sidebar nav{display:flex;overflow:auto;padding-bottom:6px}.nav-link{white-space:nowrap;padding:10px;font-size:12px}.side-bottom{display:none}.main{padding:0 18px 30px}.topbar{height:70px}.user{gap:8px}.user-email{display:none}.page-head{margin:25px 0 20px}h1{font-size:25px}.cards{gap:12px}.card{padding:17px}.card .value{font-size:25px}.fleet-grid,.form-grid{grid-template-columns:1fr}.panel{padding:18px}.eyebrow{font-size:9px}.auth{margin:30px auto}.page-head .pill{white-space:normal;text-align:center}}
.pricing-mode{display:flex;align-items:center;gap:18px;padding:22px 25px;background:#e9eee4;border:1px solid #d6dfce;border-radius:12px;margin-bottom:24px}.pricing-mode p{font-size:13px;margin:6px 0 0;color:#65745f}.pricing-mode .pill{margin-left:auto;background:white}.pricing-symbol{font-size:32px;color:#a85b32}.card .small-value{font-size:23px}.pricing-review-list{display:grid;gap:20px}.pricing-recommendation{border:1px solid var(--line);padding:22px;border-radius:10px}.block{display:block;margin-top:7px}.price-comparison{display:flex;align-items:center;gap:30px;margin:25px 0}.price-comparison small,.price-comparison strong{display:block}.price-comparison strong{font:700 22px 'Manrope';margin-top:6px}.pricing-recommendation details{padding:14px 0;border-top:1px solid var(--line);margin-bottom:12px;font-size:13px}.pricing-recommendation summary{cursor:pointer}.pricing-recommendation li{margin-bottom:10px;line-height:1.6}.pricing-actions{display:flex;gap:10px;flex-wrap:wrap}.pricing-policy{border:1px solid var(--line);border-radius:10px;padding:20px}.pricing-policy small{line-height:1.6}@media(max-width:750px){.pricing-mode{flex-wrap:wrap;padding:18px}.pricing-mode .pill{margin-left:0}.price-comparison{gap:18px;flex-wrap:wrap}.price-comparison strong{font-size:19px}.pricing-recommendation{padding:16px}}
.language-switch{display:flex;gap:3px;border:1px solid var(--line);border-radius:8px;padding:3px;flex-shrink:0}.language-switch button{border:0;background:transparent;color:#5b6b60;font-size:11px;padding:7px 9px;border-radius:5px;white-space:nowrap}.language-switch button[aria-pressed="true"]{background:#263f32;color:#fff}.user{flex-wrap:wrap;justify-content:flex-end}.topbar{min-height:88px;height:auto;padding:16px 0}@media(max-width:750px){.topbar{gap:10px;flex-wrap:wrap}.language-switch button{padding:7px}.topbar .eyebrow{font-size:8px}}
/* Quiet navigation and Avora-style reporting workspaces. */
.settings-control{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:9px;background:transparent;color:#314e3d}.settings-control svg{width:24px;height:24px}.settings-control:hover{background:#eaf0e6}.settings-control:focus-visible{outline:2px solid var(--orange)}.sidebar{overflow-y:auto}.side-bottom{padding-top:24px}.page-head{min-height:38px}.loading-panel{min-height:180px}.loading-line{height:18px;background:#edf0e9;border-radius:5px;width:60%;margin:12px 0}.loading-line.short{width:35%}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.social-card{border:1px solid;padding:20px;border-radius:7px;min-width:0}.social-card h2{font-size:16px;margin:0;display:flex;align-items:center;gap:10px;text-transform:capitalize}.social-icon{font-size:22px;line-height:1;font-weight:800}.social-card.instagram{border-color:#f2c9dd;background:linear-gradient(125deg,#faf3ff,#fff1f5,#fff6e9)}.social-card.facebook{border-color:#bfdbf6;background:#eff6fd}.social-card.tiktok{border-color:#bde9ed;background:linear-gradient(125deg,#edfcfc,#fff,#fff1f6)}.social-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px;margin:24px 0}.social-metrics dd{font-size:26px;font-weight:800;margin:0 0 7px}.social-metrics dt{font-size:12px;color:var(--muted)}.social-card p{line-height:1.6}.platform-link{font-weight:700;font-size:12px;color:#345d4b;display:inline-block;margin-top:10px}.platform-link:hover{text-decoration:underline}.insights .panel{border-radius:7px;padding:20px}.insights .panel h2{margin-bottom:18px}.insights .split h2{margin-bottom:0}.insights .split{margin-bottom:18px}.metric-empty{min-height:120px;display:flex;justify-content:center;align-items:center;color:var(--muted);font-size:13px;text-align:center}.ads-panel{background:linear-gradient(125deg,#f0f5ff,#f6effd);border-color:#d2d9f6}.marketplace-panel{background:#f0f8fd;border-color:#c4e3f5}.marketplace-stats{display:flex;flex-wrap:wrap;gap:50px;margin:24px 0}.marketplace-stats strong{display:block;font-size:26px;margin-bottom:10px}.marketplace-stats small{display:block}.report-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-top:20px;font-size:12px}.campaign-details>summary{font-weight:700;cursor:pointer;font-size:15px}.campaign-details[open]>summary{margin-bottom:24px}.campaign-details .grid{margin-bottom:0}.analytics-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.analytics-cards .card{border-radius:7px;padding:20px}.analytics-cards h2{color:var(--muted);font:600 12px 'DM Sans';letter-spacing:0;margin-bottom:12px}.analytics-cards .value{font-size:27px;margin:14px 0 10px}.analytics-cards small{font-size:11px;line-height:1.6}.period-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.period-controls label{min-width:150px}.period-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto}.period-shortcuts .btn{padding:10px 12px}.funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:20px 0}.funnel li{background:#f5f7f2;border-radius:8px;padding:17px}.funnel small{display:block;min-height:32px}.funnel strong{display:block;font-size:26px;color:#365744;margin-top:15px}.breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.breakdown-grid .panel{margin:0;min-height:280px}.breakdown-grid{margin-bottom:24px}.insights details{font-size:13px;line-height:1.7}.insights summary{cursor:pointer;font-weight:700}.insights table th{background:transparent}.insights table td{border-color:#dce5e7}@media(max-width:1100px){.social-grid{grid-template-columns:1fr}.social-card .social-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.funnel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:750px){.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.breakdown-grid{grid-template-columns:1fr}.funnel{grid-template-columns:1fr 1fr}.period-shortcuts{margin-left:0}.topbar .user{gap:9px}.settings-control{flex-basis:44px}.analytics-cards .card{padding:16px}.analytics-cards .value{font-size:23px}.social-card .social-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}

.account-settings{max-width:760px}.account-details{margin:24px 0}.account-details>div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.account-details dt,.account-language>span{color:var(--muted);font-size:13px}.account-details dd{margin:0;overflow-wrap:anywhere}.account-language{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 28px}@media(max-width:550px){.account-details>div{grid-template-columns:1fr;gap:7px}}

.instagram-admin-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.instagram-admin-feed .insta-post{border:1px solid #dfe5da;border-radius:6px;overflow:hidden;min-width:0}.instagram-admin-feed .insta-head{display:flex;gap:10px;align-items:center;padding:12px}.instagram-admin-feed .insta-media{display:block;aspect-ratio:4/5;background:#edf0e9;position:relative}.instagram-admin-feed img{width:100%;height:100%;object-fit:cover}.instagram-admin-feed .insta-caption{padding:12px;font-size:12px;overflow-wrap:anywhere}.instagram-admin-feed .insta-caption p{white-space:pre-line}.instagram-admin-feed .empty-caption-line{display:block;height:7px;width:76%;background:#e4e8df;margin:8px 0}.instagram-admin-feed .empty-caption-line.short{width:44%}@media(max-width:700px){.instagram-admin-feed{display:flex;overflow-x:auto}.instagram-admin-feed .insta-post{flex:0 0 80%}}

.phone-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.phone-fields select{width:100%;min-width:0}@media(max-width:520px){.phone-fields{grid-template-columns:1fr;gap:0}}

@media(max-width:750px){
 body[data-portal=customer] input,body[data-portal=customer] select,body[data-portal=customer] textarea{font-size:16px;min-height:48px}
 body[data-portal=customer] .nav-link,body[data-portal=customer] .btn,body[data-portal=customer] .language-switch button{min-height:44px}
 body[data-portal=customer] .split{flex-wrap:wrap}
 body[data-portal=customer] .split h2{margin-bottom:0}
 body[data-portal=customer] .trip-detail{overflow-wrap:anywhere}
 body[data-portal=customer] .trip-detail>.btn{margin:6px 4px 6px 0}
}
@media(max-width:750px){
 body[data-portal=customer] .sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible}
 body[data-portal=customer] .nav-link{justify-content:center;padding:10px 4px;text-align:center;white-space:normal;gap:5px}
 body[data-portal=customer] .nav-link span{display:none}
}

.auth-shell .auth{margin:24px auto}.auth-shell .sidebar nav{display:none}.auth .auth-switch{display:inline-block;font-size:13px}.auth form>small{margin-top:-8px}

/* Customer authentication stays focused on the task, separate from the account dashboard. */
.customer-auth{min-height:100svh;background:#f5f5ef}.auth-header{max-width:1160px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.auth-header .brand{font-size:30px}.auth-header .brand small{margin:3px 0 0;font-size:8px}.auth-back{font-size:13px;color:#52665a}.auth-back:hover{text-decoration:underline}.auth-main{padding:24px 20px 56px}.customer-auth .auth{max-width:440px;margin:0 auto;padding:32px;border-color:#e0e5dc;box-shadow:0 8px 32px #22382f05}.customer-auth .auth h1{font-size:27px;letter-spacing:-.8px;margin:0 0 24px}.customer-auth .auth:has(.auth-subtitle) h1{margin-bottom:8px}.auth-subtitle{font-size:14px;line-height:1.55;color:#6a796f;margin:0 0 26px}.auth-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-field{position:relative}.password-field input{padding-right:70px}.password-toggle{position:absolute;right:10px;bottom:10px;border:0;padding:2px;background:none;color:#536b5a;font-size:12px}.auth-forgot{border:0;background:none;justify-self:end;padding:0;color:#526b59;font-size:12px;margin-top:-6px}.customer-auth .auth .btn{min-height:46px}.auth-alternative{font-size:13px;text-align:center;color:#6a796f;margin:24px 0 0}.auth-alternative button{border:0;background:none;padding:0;color:#22382f;font-weight:600;text-decoration:underline;text-underline-offset:3px}.auth-error{margin:0;color:#943c28;font-size:13px;line-height:1.5}.auth-error[hidden]{display:none}.customer-auth input{min-height:44px}.customer-auth .auth-switch{padding:18px 0 0}.customer-auth #password-help{font-size:11px;margin-top:-8px}
@media(max-width:520px){.auth-header{padding:20px}.auth-header .brand{font-size:26px}.auth-main{padding:16px 20px 40px}.customer-auth .auth{padding:24px 20px}.customer-auth .auth h1{font-size:25px}.customer-auth input{font-size:16px}.auth-back{font-size:12px}}

/* Keep account actions comfortably separated on touch screens. */
@media(max-width:720px){
 .customer-auth .auth-forgot{min-height:44px;padding:8px 0;margin-top:0}
 .customer-auth .auth-alternative button{min-height:44px;padding:8px 4px}
 .customer-auth .auth-name-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .customer-auth .auth-name-fields label,.customer-auth .auth-name-fields input{min-width:0}
 .auth-back{min-height:44px;display:flex;align-items:center}
}
@media(max-width:360px){.customer-auth .auth-name-fields{grid-template-columns:1fr}}