:root{--yellow:#f5bd12;--yellow-2:#ffd557;--bg:#090909;--surface:#131313;--surface-2:#1c1c1c;--surface-3:#242424;--text:#f8f2e7;--muted:#b5ae9c;--faint:#827c6f;--border:rgba(255,255,255,.08);--success:#49c97e;--danger:#f06c6c;--radius:22px;--shadow:0 16px 40px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',sans-serif;background:radial-gradient(circle at top right,rgba(245,189,18,.12),transparent 24%),linear-gradient(180deg,#090909,#111);color:var(--text);line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 32px),1280px);margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(8,8,8,.8);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.04)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.9rem;color:var(--text)}.brand-mark{width:56px;height:56px;border-radius:18px;background:linear-gradient(180deg,var(--yellow-2),var(--yellow));display:grid;place-items:center;color:#111;font-weight:900;box-shadow:var(--shadow)}.brand strong{display:block;font-size:1rem}.brand small{display:block;color:var(--muted);font-size:.8rem}.nav-links,.nav-actions{display:flex;align-items:center;gap:1rem}.nav-links a{color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--yellow-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:46px;padding:.85rem 1.15rem;border-radius:999px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg,var(--yellow-2),var(--yellow));color:#111;box-shadow:0 12px 24px rgba(245,189,18,.25)}.btn-secondary{border-color:rgba(245,189,18,.35);background:rgba(255,255,255,.03);color:var(--text)}.btn-ghost{border-color:var(--border);background:rgba(255,255,255,.03);color:var(--muted)}.hero{padding:3rem 0}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:1.5rem;align-items:center}.hero-media,.section-card,.service-card,.fleet-card,.project-card,.admin-card,.website-card,.area-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow)}.hero-media{min-height:600px;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.7)),url('https://images.unsplash.com/photo-1519003722824-194d4455a60c?auto=format&fit=crop&w=1600&q=80') center/cover}.hero-copy h1{font-size:clamp(2.5rem,4vw,4.8rem);line-height:1.05;margin:.6rem 0 1rem}.accent{color:var(--yellow-2)}.eyebrow{display:inline-flex;padding:.45rem .85rem;border-radius:999px;background:rgba(245,189,18,.14);color:var(--yellow-2);border:1px solid rgba(245,189,18,.22);font-size:.8rem;font-weight:800}.lead{color:var(--muted);max-width:62ch}.hero-actions,.hero-tags,.meta,.admin-toolbar,.actions-row,.filter-row{display:flex;flex-wrap:wrap;gap:.8rem}.tag,.mini-note,.badge,.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .8rem;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--muted);font-size:.8rem}.section{padding:4rem 0}.section-title{font-size:clamp(1.8rem,2.5vw,3rem);margin:.8rem 0 1rem}.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.service-card img,.fleet-card img,.project-card img{aspect-ratio:4/3;object-fit:cover;width:100%;border-top-right-radius:28px;border-top-left-radius:28px}.service-card .content,.fleet-card .content,.project-card .content,.area-card,.admin-card,.website-card .content{padding:1rem}.fleet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.areas-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.map-visual{min-height:360px;padding:1.5rem;position:relative;overflow:hidden}.map-visual:before{content:'';position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:28px 28px}.area-points{position:relative;display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.area-points span{padding:.8rem 1rem;border-radius:15px;background:rgba(0,0,0,.36);border:1px solid rgba(245,189,18,.18)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cta-band{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 1.5rem;background:linear-gradient(90deg,rgba(245,189,18,.18),rgba(255,255,255,.03));border:1px solid rgba(245,189,18,.22);border-radius:28px}.mobile-preview{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.2rem;align-items:center}.phone{width:min(100%,340px);margin-inline:auto;background:#0a0a0a;padding:12px;border-radius:38px;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 50px rgba(0,0,0,.45)}.phone-screen{overflow:hidden;border-radius:28px;min-height:680px;background:#111;position:relative}.phone-top{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(180deg,var(--yellow-2),var(--yellow));color:#111;font-weight:900}.phone-hero{min-height:220px;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.7)),url('https://images.unsplash.com/photo-1502877338535-766e1452684a?auto=format&fit=crop&w=900&q=80') center/cover}.phone-body{padding:1rem}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0}.quick-grid div,.bottom-bar div{text-align:center;padding:.8rem .3rem;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-size:.78rem;color:var(--muted)}.bottom-bar{position:absolute;right:0;left:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,8,8,.95);border-top:1px solid rgba(255,255,255,.06)}.admin-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#101010,#161616);padding:1.2rem;border-left:1px solid rgba(255,255,255,.05)}.side-link{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;border-radius:16px;color:var(--muted);background:rgba(255,255,255,.02);margin-bottom:.5rem}.side-link.active{background:linear-gradient(180deg,var(--yellow-2),var(--yellow));color:#111;font-weight:900}.admin-main{background:linear-gradient(180deg,#0b0b0b,#121212)}.admin-top{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;gap:1rem;position:sticky;top:0;background:rgba(9,9,9,.84);backdrop-filter:blur(10px)}.admin-content{padding:1.5rem;display:grid;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-box{padding:1.2rem;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}.stat-box strong{display:block;color:var(--yellow-2);font-size:1.8rem;font-variant-numeric:tabular-nums;margin-top:.35rem}.admin-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.05)}.input,.select{min-height:44px;padding:.8rem .95rem;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);color:var(--text)}table{width:100%;border-collapse:collapse}th,td{padding:.95rem 1rem;text-align:right;border-bottom:1px solid rgba(255,255,255,.05)}th{color:var(--muted);font-size:.92rem}td{font-size:.94rem}.thumb{width:56px;height:42px;border-radius:10px;background:linear-gradient(135deg,rgba(245,189,18,.45),rgba(255,255,255,.07));display:inline-block;border:1px solid rgba(255,255,255,.08)}.status-badge.live{background:var(--success);color:#111;border-color:transparent}.status-badge.hidden{background:var(--yellow-2);color:#111;border-color:transparent}.status-badge.dev{background:#39414b;color:#fff;border-color:transparent}.website-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.website-shot{min-height:160px;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.55)),linear-gradient(135deg,rgba(245,189,18,.4),rgba(255,255,255,.05));border-top-left-radius:28px;border-top-right-radius:28px}.site-footer{padding:2rem 0;background:#0b0b0b;border-top:1px solid rgba(255,255,255,.05);margin-top:4rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}.footer-grid h3,.footer-grid h4{margin-top:0}.footer-grid p,.footer-grid li,.footer-grid a{color:var(--muted)}.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.copy-button{white-space:nowrap}@media (max-width:1180px){.hero-grid,.areas-grid,.mobile-preview,.admin-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(3,1fr)}.fleet-grid,.stats-grid,.website-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:1fr}.sidebar{border-left:0;border-bottom:1px solid rgba(255,255,255,.05)}}@media (max-width:860px){.nav{padding:1rem 0;flex-wrap:wrap}.nav-links{order:3;width:100%;overflow:auto}.services-grid,.projects-grid,.website-grid,.fleet-grid,.stats-grid,.quick-grid{grid-template-columns:1fr}.cta-band,.admin-top{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.hero-media{min-height:420px}}@media (max-width:640px){.container{width:min(calc(100% - 20px),1280px)}.nav-actions{width:100%}.nav-actions .btn{flex:1}.brand{width:100%}}

.flash-message{padding:1rem 1.1rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.flash-message.success{color:var(--yellow-2);border-color:rgba(245,189,18,.22)}
.flash-message.error{color:#ff9d9d;border-color:rgba(240,108,108,.25)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.form-grid .full{grid-column:1/-1}.thumb-preview{width:100%;max-width:180px;aspect-ratio:16/10;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.table-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-danger{background:rgba(240,108,108,.14);border-color:rgba(240,108,108,.35);color:#ffd2d2}
.sort-hint{font-size:.82rem;color:var(--muted)}
@media (max-width:860px){.form-grid{grid-template-columns:1fr}}

.login-wrap{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:2rem}.login-card{width:min(100%,460px);padding:1.4rem}.order-form{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.2rem}.order-form .full{grid-column:1/-1}.textarea{min-height:120px;resize:vertical}.quick-order{padding:1.4rem}.admin-stat-note{color:var(--muted);font-size:.85rem}.welcome-chip{display:inline-flex;padding:.4rem .8rem;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:var(--muted)}
@media (max-width:860px){.order-form{grid-template-columns:1fr}}

.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.setting-box{padding:1rem}.setting-box h3{margin-top:0}.small-note{font-size:.82rem;color:var(--muted)}
@media (max-width:860px){.settings-grid{grid-template-columns:1fr}}

.page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.rich-text{white-space:pre-line}.page-hero{padding:2rem}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--muted);font-size:.9rem;margin-bottom:1rem}
@media (max-width:860px){.page-grid{grid-template-columns:1fr}}

.landing-hero{padding:2.2rem;position:relative;overflow:hidden}.landing-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left, rgba(246,193,0,.18), transparent 50%);pointer-events:none}.landing-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.lead-tracking{display:grid;gap:.8rem}.stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.mini-box{padding:.9rem;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);text-align:center}
@media (max-width:860px){.landing-grid{grid-template-columns:1fr}.stats-mini{grid-template-columns:1fr}}

.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.analytics-stack{display:grid;gap:1rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.kpi-card{padding:1rem;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}.kpi-card strong{display:block;font-size:1.6rem;margin-top:.4rem}.chart-list{display:grid;gap:.7rem}.chart-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.bar-track{height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--yellow),#ffd84d);border-radius:999px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--muted)}
@media (max-width:980px){.analytics-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.kpi-grid{grid-template-columns:1fr}}

.filter-bar{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end}.filter-bar .field{display:grid;gap:.35rem;min-width:180px}.filter-bar label{font-size:.8rem;color:var(--muted)}.export-note{font-size:.82rem;color:var(--muted)}
@media (max-width:760px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .field{min-width:100%}}

.user-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.role-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;background:rgba(246,193,0,.12);color:#ffd95b;border:1px solid rgba(246,193,0,.24)}
@media (max-width:980px){.user-grid{grid-template-columns:1fr}}

.timeline{display:grid;gap:.9rem}.timeline-item{padding:1rem 1.1rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.timeline-top{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.timeline-meta{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}

.areas-grid{display:flex;flex-wrap:wrap;gap:.8rem}.area-pill{padding:.85rem 1rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text);text-decoration:none}.area-pill:hover{background:rgba(246,193,0,.14);border-color:rgba(246,193,0,.34)}
.contact-band{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.compact .hero-grid{min-height:auto;padding-block:2rem}

.hero-card img{width:100%;height:220px;object-fit:cover;border-radius:18px;margin-bottom:.8rem;border:1px solid rgba(255,255,255,.08)}
.dark-industrial{} .premium-yellow{background:linear-gradient(135deg, rgba(246,193,0,.12), rgba(255,255,255,.02))}.minimal-dark{background:linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,.01))}

.cms-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.cms-card{display:grid;gap:.85rem}.cms-thumb{height:180px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08)}.cms-thumb img{width:100%;height:100%;object-fit:cover}.cms-placeholder{font-size:3rem;font-weight:800;color:#f6c100}.cms-head{display:flex;justify-content:space-between;gap:.7rem;align-items:center}.cms-meta{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;color:var(--muted);font-size:.85rem}

.table-inline-form{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:.45rem;align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.stat-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1rem;display:grid;gap:.55rem;box-shadow:0 12px 30px rgba(0,0,0,.22)}.stat-card strong{color:var(--muted);font-size:.92rem}.stat-card span{font-size:2rem;font-weight:800;color:#f6c100}