:root{
    --amber:#f7b500;
    --amber-2:#ffd45a;
    --charcoal:#121417;
    --muted:#667085;
    --soft:#f6f7f9;
    --green:#1f9d55;
    --blue:#246bfe;
    --red:#e03131;
    --radius:20px;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:#17191c;font-size:15px}
a{text-decoration:none}.text-muted{color:var(--muted)!important}
.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--amber),var(--amber-2));display:inline-flex;align-items:center;justify-content:center;color:#111;box-shadow:0 8px 20px rgba(247,181,0,.28)}
.navbar{box-shadow:0 8px 30px rgba(18,20,23,.04)}.navbar-brand{letter-spacing:-.03em}.nav-link{font-weight:600;color:#343a40}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 10%, rgba(247,181,0,.22), transparent 35%),linear-gradient(135deg,#111418,#232a31);color:#fff;border-radius:0 0 36px 36px}.hero:after{content:"";position:absolute;right:-80px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:rgba(247,181,0,.12)}
.hero .container{position:relative;z-index:2}.hero h1{font-size:clamp(2rem,4vw,4.5rem);line-height:1.02;letter-spacing:-.06em}.hero p{color:#d8dde3;font-size:1.05rem}.hero-card{background:rgba(255,255,255,.96);color:#111;border-radius:var(--radius);box-shadow:0 24px 60px rgba(0,0,0,.24);padding:24px}.soft-card,.dashboard-card,.table-card{border:1px solid #edf0f3;background:#fff;border-radius:var(--radius);box-shadow:0 14px 35px rgba(18,20,23,.06)}
.soft-card{padding:24px}.icon-chip{width:48px;height:48px;border-radius:15px;background:#fff3cd;color:#1b1b1b;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.section-title{letter-spacing:-.04em}.btn{border-radius:12px}.btn-warning{background:var(--amber);border-color:var(--amber);color:#111}.btn-warning:hover{background:#e7aa00;border-color:#e7aa00}.btn-dark{background:var(--charcoal)}.form-control,.form-select{border-radius:12px;padding:.72rem .9rem;border-color:#d9dee4}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .25rem rgba(247,181,0,.18);border-color:#f7b500}.badge{font-weight:700;letter-spacing:.01em}
.site-footer{background:#f8f9fb;border-top:1px solid #eef1f4}.mobile-action-bar{position:fixed;z-index:1040;left:10px;right:10px;bottom:10px;background:#111418;border-radius:18px;padding:8px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 15px 35px rgba(0,0,0,.25)}.mobile-action-bar a{color:#fff;text-align:center;font-size:.72rem;font-weight:700;display:flex;flex-direction:column;gap:2px}.mobile-action-bar i{font-size:1rem;color:var(--amber)}
.admin-layout{background:#f4f6f8}.admin-shell{min-height:100vh;display:flex}.admin-sidebar{width:270px;background:#111418;color:#fff;padding:18px;position:fixed;left:0;top:0;bottom:0;flex-direction:column;gap:8px}.side-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800;font-size:1.05rem;margin-bottom:18px}.side-section{font-size:.72rem;text-transform:uppercase;color:#8b949e;letter-spacing:.09em;margin:8px 10px}.side-link{display:flex;align-items:center;gap:12px;color:#d6dce2;padding:12px 14px;border-radius:14px;font-weight:650}.side-link:hover,.side-link.active{background:#252b32;color:#fff}.side-link i{color:var(--amber)}.admin-main{margin-left:270px;flex:1;min-width:0}.admin-topbar{height:70px;background:#fff;border-bottom:1px solid #e9edf2;display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:100}.admin-content{padding:24px}.dashboard-card{padding:20px}.dashboard-card .metric{font-size:2rem;font-weight:850;letter-spacing:-.06em}.table-card{padding:0;overflow:hidden}.table-card .table{margin:0}.table th{font-size:.78rem;text-transform:uppercase;color:#667085;letter-spacing:.05em;background:#fafbfc}.table td,.table th{vertical-align:middle;padding:14px}.action-row{display:flex;gap:8px;flex-wrap:wrap}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.login-page{min-height:100vh;background:radial-gradient(circle at top right, rgba(247,181,0,.28), transparent 35%),linear-gradient(135deg,#111418,#252b32);display:flex;align-items:center}.login-card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.32)}.detail-list dt{color:#667085;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.detail-list dd{font-weight:650;margin-bottom:1rem}
@media(max-width:991px){.admin-main{margin-left:0}.admin-content{padding:16px}.page-head{align-items:flex-start;flex-direction:column}.table-card{overflow-x:auto}.hero{border-radius:0 0 24px 24px}.hero-card{padding:18px}body{padding-bottom:72px}}
@media(max-width:575px){.soft-card{padding:18px}.dashboard-card .metric{font-size:1.55rem}.table td,.table th{padding:12px}.hero h1{font-size:2.15rem}}
@media print{.admin-sidebar,.admin-topbar,.btn,.mobile-action-bar,.navbar,.site-footer{display:none!important}.admin-main{margin:0}.admin-content{padding:0}.table-card,.soft-card{box-shadow:none;border:1px solid #ddd}}
.calendar-shell{overflow:hidden}.fc{font-size:.92rem}.fc .fc-toolbar-title{font-weight:850;letter-spacing:-.04em}.fc .fc-button{border-radius:10px!important;background:#121417!important;border-color:#121417!important}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{background:#f7b500!important;border-color:#f7b500!important;color:#111!important}.fc-event{border-radius:10px!important;padding:2px 4px;font-weight:700;cursor:pointer}.fc-daygrid-event{white-space:normal}.calendar-block{opacity:.86}.calendar-block .fc-event-main{color:#fff!important}.fc-list-event-title a,.fc-list-event-time{color:#111!important}@media(max-width:767px){.fc .fc-toolbar{display:block}.fc .fc-toolbar-chunk{margin-bottom:.5rem}.fc .fc-toolbar-title{font-size:1.15rem}.calendar-shell{padding:12px}}
/* Stage 5 tow/towing/transportation theme refinements */
.tow-transport-hero{background:radial-gradient(circle at 78% 14%, rgba(247,181,0,.30), transparent 34%),radial-gradient(circle at 8% 88%, rgba(36,107,254,.14), transparent 30%),linear-gradient(135deg,#101316,#252b32)}
.hero-keywords{display:flex;gap:10px;flex-wrap:wrap}.hero-keywords span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px;font-weight:800;color:#fff}.hero-keywords i{color:var(--amber)}
.tow-card-accent{border-top:6px solid var(--amber)}.service-card{position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;right:-40px;bottom:-40px;width:120px;height:120px;border-radius:50%;background:rgba(247,181,0,.11)}.transport-panel{background:linear-gradient(135deg,#f7f9fc,#fff3cd)}.tow-info-panel{background:radial-gradient(circle at right top,rgba(247,181,0,.20),transparent 40%),#111418!important}.report-card{transition:.18s transform,.18s box-shadow}.report-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(18,20,23,.10)}.manual-content h4{margin-top:1.35rem}.manual-content h4:first-child{margin-top:0}.print-job-order{max-width:1000px;margin:auto}.no-print{}
@media print{.no-print{display:none!important}.print-job-order{box-shadow:none!important;border:none!important}.admin-content{background:#fff}.manual-content,.print-job-order{font-size:12px}.badge{border:1px solid #aaa;color:#111!important;background:#fff!important}}


/* Stage 8 temporary-domain + compact phone-friendly UI refinements */
:root{--radius:14px}
html{font-size:14px}
body{font-size:13px;line-height:1.45}
.staging-banner{background:#fff3cd;border-bottom:1px solid #ffe08a;color:#5f4300;padding:.35rem .75rem}
.navbar{font-size:.88rem}.navbar-brand{font-size:.98rem}.brand-mark{width:32px;height:32px;border-radius:10px}.nav-link{padding:.45rem .55rem!important}.dropdown-menu{font-size:.85rem}.btn{font-size:.84rem;padding:.42rem .72rem}.btn-sm{font-size:.78rem;padding:.32rem .58rem}
.hero{border-radius:0 0 22px 22px}.hero h1{font-size:clamp(1.55rem,4vw,3.1rem);line-height:1.05}.hero p{font-size:.92rem}.hero-card{padding:16px}.soft-card{padding:16px}.icon-chip{width:40px;height:40px;border-radius:12px;font-size:1.05rem}.section-title{font-size:clamp(1.15rem,2.5vw,1.75rem)}
.form-label{font-size:.78rem;font-weight:700;margin-bottom:.22rem}.form-control,.form-select{font-size:.86rem;padding:.52rem .68rem;border-radius:10px}.compact-form .row,.compact-form.row{--bs-gutter-x:.65rem;--bs-gutter-y:.55rem}.badge{font-size:.68rem}.alert{font-size:.86rem;border-radius:12px}.small{font-size:.78rem!important}
.admin-sidebar{width:238px;padding:12px}.admin-main{margin-left:238px}.side-brand{font-size:.92rem;margin-bottom:10px}.side-section{font-size:.62rem;margin:8px 8px 4px}.side-link{font-size:.8rem;padding:7px 9px;border-radius:10px;gap:8px}.side-link i{font-size:.95rem}.admin-topbar{height:54px;padding:0 14px}.admin-content{padding:16px}.dashboard-card{padding:14px}.dashboard-card .metric{font-size:1.45rem}.table th{font-size:.66rem}.table td,.table th{padding:8px 9px;font-size:.8rem}.page-head{margin-bottom:12px}.page-head h1{font-size:1.35rem}.login-card{padding:20px;border-radius:18px}.login-card h1,.login-card h2{font-size:1.4rem}.detail-list dt{font-size:.66rem}.detail-list dd{font-size:.86rem}.manual-content{font-size:.88rem}.manual-content h4{font-size:1rem}.manual-content h5{font-size:.95rem}.manual-content ul{padding-left:1.1rem}
.mobile-action-bar{left:8px;right:8px;bottom:8px;border-radius:14px;padding:7px}.mobile-action-bar a{font-size:.65rem}.mobile-action-bar i{font-size:.9rem}.fc{font-size:.78rem}.fc .fc-toolbar-title{font-size:1.05rem}.fc .fc-button{font-size:.75rem!important;padding:.28rem .48rem!important}
@media(max-width:991px){.admin-main{margin-left:0}.admin-content{padding:12px}.soft-card{padding:14px}.table-card{border-radius:12px}.hero-card{padding:14px}body{padding-bottom:66px}.offcanvas{max-width:82vw}.offcanvas-body .side-link{color:#222}.offcanvas-body .side-link:hover,.offcanvas-body .side-link.active{background:#fff3cd;color:#111}.offcanvas-body .side-section{color:#667085}}
@media(max-width:575px){html{font-size:13.5px}body{font-size:12.5px}.container{padding-left:12px;padding-right:12px}.hero h1{font-size:1.65rem}.hero p{font-size:.86rem}.hero-keywords span{font-size:.72rem;padding:5px 8px}.soft-card{padding:12px;border-radius:12px}.dashboard-card{padding:12px}.page-head h1{font-size:1.18rem}.btn{width:auto}.action-row .btn{font-size:.72rem;padding:.28rem .45rem}.table td,.table th{font-size:.74rem;padding:7px}.form-control,.form-select{font-size:.82rem;padding:.48rem .6rem}.navbar-brand span:last-child{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-action-bar a span{font-size:.62rem}.site-footer{font-size:.8rem}}
@media print{html,body{font-size:12px}.staging-banner{display:none!important}}

/* Stage 10 manuals + admin panel usability check */
.admin-sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 #111418}
.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:#111418}.admin-sidebar::-webkit-scrollbar-thumb{background:#555;border-radius:10px}
.offcanvas-body{overflow-y:auto}.table-sm td,.table-sm th{font-size:.76rem;padding:.45rem .5rem}.manual-content ol{padding-left:1.2rem}.manual-content code{font-size:.8em}.manual-content li{margin-bottom:.18rem}.dashboard-card .metric{line-height:1}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}
@media(max-width:575px){.table-sm td,.table-sm th{font-size:.7rem}.manual-content{font-size:.82rem}.manual-content h4{font-size:.95rem}.manual-content h5{font-size:.9rem}.soft-card .table-responsive{margin-left:-4px;margin-right:-4px}.admin-topbar strong{font-size:.85rem}}

/* Stage 11 service image patch: towing service banners on public website */
.service-showcase-section{position:relative}.service-image-grid{align-items:stretch}.service-col{display:flex}.service-image-card{padding:0;overflow:hidden;display:flex;flex-direction:column;width:100%;transition:.18s transform,.18s box-shadow}.service-image-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(18,20,23,.12)}.service-image-wrap{position:relative;aspect-ratio:4/3;background:#111418;overflow:hidden}.service-image-wrap img{width:100%;height:100%;display:block;object-fit:cover}.service-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 48%,rgba(0,0,0,.42) 100%);pointer-events:none}.service-image-badge{position:absolute;left:12px;bottom:12px;width:38px;height:38px;border-radius:13px;background:var(--amber);color:#111;display:flex;align-items:center;justify-content:center;font-size:1.05rem;box-shadow:0 10px 22px rgba(0,0,0,.22);z-index:2}.service-image-body{padding:14px;display:flex;flex-direction:column;flex:1}.service-image-body h5{font-size:1rem;letter-spacing:-.025em}.service-image-body p{line-height:1.42}.service-image-body .btn{font-size:.76rem;padding:.34rem .54rem}.gallery-service-note{background:linear-gradient(135deg,#fff7dc,#fff);border:1px solid #ffe6a1;border-radius:14px;padding:10px 12px;font-size:.84rem;color:#5f4300}
@media(max-width:575px){.service-image-grid{--bs-gutter-x:.75rem;--bs-gutter-y:.75rem}.service-image-badge{width:34px;height:34px;border-radius:11px;font-size:.95rem;left:10px;bottom:10px}.service-image-body{padding:12px}.service-image-body h5{font-size:.92rem}.service-image-body .btn{font-size:.70rem;padding:.30rem .48rem}.service-image-card{border-radius:12px}}