:root{color:#171717;background:#f5f6f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.public-site{background:#f6f6f2;color:#202020;min-height:100vh}.public-header{align-items:center;background:#151515f0;color:#fff;display:flex;gap:24px;justify-content:space-between;left:0;padding:16px clamp(18px,5vw,64px);position:fixed;right:0;top:0;z-index:10}.public-brand{align-items:center;display:flex;font-weight:900;gap:10px}.public-nav{display:flex;gap:20px}.public-nav a,.admin-link{color:#eee;font-size:14px}.admin-link{background:transparent;border:1px solid rgba(245,197,66,.7);color:#f5c542;cursor:pointer;padding:10px 12px}.public-hero{align-items:flex-end;background:linear-gradient(90deg,#151515db,#1515155c),url(https://images.unsplash.com/photo-1581094288338-2314dddb7ece?auto=format&fit=crop&w=1900&q=80);background-position:center;background-size:cover;color:#fff;display:flex;min-height:92vh;padding:120px clamp(18px,5vw,64px) 80px}.public-hero-content{max-width:760px}.eyebrow{color:#f5c542;font-size:13px;font-weight:900;letter-spacing:0;margin:0 0 12px;text-transform:uppercase}.public-hero h1{font-size:clamp(48px,8vw,96px);line-height:.95;margin-bottom:22px}.public-site h2{font-size:clamp(32px,5vw,56px);line-height:1}.public-site h3{font-size:22px;margin:12px 0}.public-hero p:not(.eyebrow),.public-split p,.contact-section p{color:#e8e8e8;font-size:18px;line-height:1.65;max-width:670px}.public-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.primary-link,.secondary-link,.whatsapp{display:inline-flex;font-weight:900;justify-content:center;padding:14px 18px}.primary-link,.whatsapp{background:#f5c542;color:#151515}.secondary-link{border:1px solid rgba(255,255,255,.55);color:#fff}.stats-band{background:#151515;color:#fff;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px clamp(18px,5vw,64px)}.stats-band article{border-left:1px solid rgba(255,255,255,.2);padding:8px 20px}.stats-band strong{color:#f5c542;display:block;font-size:28px}.stats-band span{color:#d9d9d9}.public-section,.public-split,.contact-section{padding:86px clamp(18px,5vw,64px)}.public-heading{display:grid;gap:12px;margin-bottom:34px;max-width:820px}.service-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.service-grid article{background:#fff;border:1px solid #dedede;border-radius:8px;min-height:260px;padding:22px}.service-grid span{color:#f5c542;font-weight:900}.service-grid p{color:#666;line-height:1.55}.public-split{background:#151515;color:#fff;display:grid;gap:38px;grid-template-columns:1fr 1fr}.fleet-list{display:grid;gap:12px}.fleet-list span{border-bottom:1px solid rgba(255,255,255,.2);color:#f0f0f0;font-size:20px;padding:18px 0}.materials{background:#ecece7}.material-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.material-grid span{background:#fff;border-left:5px solid #f5c542;font-weight:800;padding:18px}.contact-section{background:#f5c542;display:grid;gap:32px;grid-template-columns:1fr 420px}.contact-section .eyebrow,.contact-section p{color:#151515}.contact-card{background:#151515;border-radius:8px;display:grid;gap:14px;padding:24px}.contact-card a{background:#ffffff14;color:#fff;font-weight:900;padding:16px}.contact-card .whatsapp{color:#151515}.public-footer{align-items:center;background:#151515;color:#cfcfcf;display:flex;justify-content:space-between;padding:22px clamp(18px,5vw,64px)}.public-footer span:first-child{color:#f5c542;font-weight:900}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#171717;color:#fff;padding:24px 18px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand span{color:#c8c8c8;display:block;font-size:13px;margin-top:4px}.brand-mark{align-items:center;background:#f5c542;color:#161616;display:flex;font-weight:900;height:42px;justify-content:center;width:42px}.brand-mark.large{height:58px;width:58px}nav{display:grid;gap:6px}nav button{background:transparent;border:0;color:#e9e9e9;cursor:pointer;padding:11px 12px;text-align:left}nav button.active,nav button:hover{background:#2a2a2a;border-left:4px solid #f5c542}.content{padding:28px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:24px;margin-bottom:24px}.topbar-actions{display:flex;flex-wrap:wrap;gap:10px}h1,h2,p{margin:0}.topbar h1{font-size:30px}.topbar p{color:#666;margin-top:6px}.logout,.login-box button,.action-button{background:#171717;border:0;color:#fff;cursor:pointer;padding:11px 16px}.login-box .text-button{background:transparent;color:#171717}.module-view{display:grid;gap:16px}.module-actions{display:flex;flex-wrap:wrap;gap:10px}.action-button{align-items:center;display:inline-flex;gap:8px}.action-button svg{height:18px;width:18px}.filter-box{align-items:center;background:#fff;border:1px solid #d8d8d8;display:inline-flex;flex:1;gap:8px;max-width:360px;padding:0 12px}.filter-box svg{height:18px;width:18px}.filter-box input{border:0;min-width:0;width:100%}.record-form{display:grid;gap:16px}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions{display:flex;flex-wrap:wrap;gap:10px}.ghost-button{background:#fff;border:1px solid #cfcfcf;color:#171717;cursor:pointer;padding:11px 16px}.empty-state{color:#666;padding:18px 0 0}.gps-panel .map-placeholder{min-height:260px}.table-panel{overflow-x:auto}table{border-collapse:collapse;min-width:680px;width:100%}th,td{border-bottom:1px solid #e7e7e7;padding:13px 10px;text-align:left}th{color:#555;font-size:13px;text-transform:uppercase}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.metric{background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:18px}.metric-icon{align-items:center;background:#fff6d6;color:#171717;display:flex;height:40px;justify-content:center;margin-bottom:16px;width:40px}.metric svg{height:21px;width:21px}.metric span{color:#696969;display:block;font-size:14px}.metric strong{display:block;font-size:26px;margin-top:6px}.work-grid{display:grid;gap:16px;grid-template-columns:1.4fr 1fr}.panel{background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:18px}.panel-title{align-items:center;display:flex;gap:10px;margin-bottom:14px}.map-placeholder{align-items:center;background:linear-gradient(90deg,rgba(23,23,23,.12) 1px,transparent 1px),linear-gradient(rgba(23,23,23,.12) 1px,transparent 1px),#eceff1;background-size:42px 42px;display:flex;min-height:360px;justify-content:center}.map-placeholder span{background:#171717;color:#f5c542;font-weight:800;padding:10px 14px}.task-list{color:#333;line-height:1.8;padding-left:20px}.notice,.form-error{background:#fff2cc;color:#5f4500;display:block;margin-bottom:16px;padding:12px}.login-screen{align-items:center;background:linear-gradient(#171717bd,#171717bd),url(https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1800&q=80);background-position:center;background-size:cover;display:flex;min-height:100vh;padding:24px}.login-box{background:#fff;border-radius:8px;display:grid;gap:16px;max-width:430px;padding:28px;width:100%}.login-box h1{font-size:28px}.login-box p{color:#555;line-height:1.5}label{color:#333;display:grid;gap:7px;font-weight:700}input,select{border:1px solid #d2d2d2;padding:12px}@media (max-width: 900px){.public-header{align-items:flex-start;flex-direction:column}.public-nav{flex-wrap:wrap}.public-hero{min-height:88vh;padding-top:180px}.stats-band,.service-grid,.public-split,.material-grid,.contact-section{grid-template-columns:1fr}.public-footer{align-items:flex-start;flex-direction:column;gap:8px}.app-shell{grid-template-columns:1fr}.sidebar{position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid,.work-grid,.form-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}