:root{--navy:#06284f;--navy2:#031d39;--blue:#0d7bd8;--sky:#dff1ff;--yellow:#ffd400;--ink:#152033;--muted:#6e7b8f;--surface:#f5f7fb;--border:#dfe5ee;--success:#198754;--danger:#dc3545}*{box-sizing:border-box}body{font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:#fff}.navbar-brand img{width:220px;height:72px;object-fit:contain}.navbar .nav-link{font-weight:600;color:#27354b}.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--blue)}h1,h2,h3,.rock-font{font-family:"Times New Roman",Times,serif}.btn-warning{background:var(--yellow);border-color:var(--yellow);color:#091a30}.btn-primary{background:var(--blue);border-color:var(--blue)}.hero-section{position:relative;background:linear-gradient(120deg,#03213f 0%,#0b4d83 57%,#0d7bd8 100%);overflow:hidden}.hero-section:after{content:"";position:absolute;right:-8%;bottom:-34%;width:60%;height:80%;background:rgba(255,255,255,.08);border-radius:50%}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(255,255,255,.13),transparent 35%)}.min-vh-75{min-height:630px}.hero-section h1{font-size:clamp(2.8rem,6vw,5.7rem);line-height:.95;max-width:850px}.hero-section .lead{max-width:720px;font-size:1.25rem}.eyebrow{font-size:.78rem;letter-spacing:.18em;font-weight:700;color:var(--yellow)}.hero-card{background:rgba(255,255,255,.96);color:var(--ink);padding:2rem;border-radius:1.2rem;box-shadow:0 25px 80px rgba(0,0,0,.28)}.hero-card h3{font-size:2rem}.hero-card ul{list-style:none;padding:0;margin:1.5rem 0 0}.hero-card li{padding:.55rem 0}.hero-card i{color:var(--success);margin-right:.6rem}.service-band{background:var(--surface)}.section-heading span{color:var(--blue);font-weight:700;letter-spacing:.14em;font-size:.78rem}.section-heading h2{font-size:2.4rem}.service-card,.service-detail-card,.contact-card{background:#fff;border:1px solid var(--border);border-radius:1rem;padding:1.5rem;box-shadow:0 10px 30px rgba(14,39,67,.06)}.service-card{transition:.2s transform,.2s box-shadow}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(14,39,67,.12)}.service-icon,.service-detail-card>i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--sky);color:var(--blue);font-size:1.25rem}.service-card h3{font-size:1.35rem;margin-top:1rem}.service-card a{text-decoration:none;font-weight:700}.why-section .image-panel{min-height:370px;border-radius:1.5rem;background:linear-gradient(145deg,#e7f1f8,#fff);display:grid;place-items:center;border:1px solid var(--border)}.image-panel img,.brand-display{max-width:90%;padding:2rem}.feature-item{display:flex;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:.8rem;height:100%}.feature-item i{color:var(--blue);font-size:1.3rem}.feature-item small{display:block;color:var(--muted);margin-top:.25rem}.cta-section{background:linear-gradient(120deg,var(--navy2),var(--navy))}.public-footer{background:var(--navy2);color:#d6e2ef}.public-footer img{width:240px}.public-footer a{display:block;color:#d6e2ef;text-decoration:none;margin:.35rem 0}.page-hero{background:linear-gradient(120deg,var(--navy2),var(--navy));color:white;padding:5rem 0}.page-hero h1{font-size:clamp(2.5rem,5vw,4.6rem)}.page-hero p{font-size:1.15rem;max-width:760px}.service-detail-card>i{font-size:1.5rem}.service-detail-card h2{margin-top:1rem}.contact-card i{width:25px;color:var(--blue)}.quote-form .form-control,.quote-form .form-select{padding:.85rem}.auth-body{min-height:100vh;background:linear-gradient(120deg,var(--navy2),var(--navy));}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 520px}.auth-brand{padding:8vw;color:white;display:flex;flex-direction:column;justify-content:center}.auth-brand img{max-width:460px}.auth-brand h1{font-size:4rem;margin-top:2rem}.auth-brand p{font-size:1.2rem;max-width:600px}.auth-card{background:white;margin:3rem;padding:3rem;border-radius:1.4rem;align-self:center;box-shadow:0 30px 80px rgba(0,0,0,.25)}.auth-card>img{width:250px}.auth-card h2{font-size:2.2rem;margin:1.5rem 0}.back-link{display:inline-block;margin-top:2rem;text-decoration:none}.portal-body{background:var(--surface);min-height:100vh}.portal-sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,var(--navy2),var(--navy));color:white;z-index:1020;display:flex;flex-direction:column}.sidebar-brand{height:115px;padding:1rem;border-bottom:1px solid rgba(255,255,255,.12);display:grid;place-items:center}.sidebar-brand img{max-width:205px;max-height:85px;object-fit:contain}.sidebar-nav{padding:1rem}.sidebar-nav a,.sidebar-logout button{display:flex;align-items:center;gap:.9rem;color:#dbe8f4;text-decoration:none;padding:.78rem 1rem;border-radius:.55rem;margin:.2rem 0;width:100%;text-align:left}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--blue);color:white}.sidebar-nav i,.sidebar-logout i{width:20px}.sidebar-logout{padding:1rem;margin-top:auto}.sidebar-logout button{text-decoration:none}.portal-main{margin-left:260px;min-height:100vh}.portal-topbar{height:78px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.5rem;position:sticky;top:0;z-index:1010}.sidebar-toggle{display:none}.portal-search{display:flex;align-items:center;gap:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:.65rem;padding:.55rem .9rem;width:min(560px,45vw)}.portal-search input{border:0;outline:0;background:transparent;width:100%}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.user-chip{display:flex;align-items:center;gap:.6rem;padding-left:.5rem}.user-chip .avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center}.user-chip small{display:block;color:var(--muted)}.portal-content{padding:1.8rem}.page-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-title-row h1{font-size:2.25rem;margin:0}.metric-card,.portal-card{background:white;border:1px solid var(--border);border-radius:1rem;box-shadow:0 7px 24px rgba(14,39,67,.05)}.metric-card{padding:1.35rem;display:flex;justify-content:space-between}.metric-card span,.metric-card a{display:block}.metric-card span{color:var(--muted)}.metric-card strong{font-size:2rem;display:block}.metric-card a{font-size:.8rem;text-decoration:none}.metric-card>i{font-size:2rem}.portal-card{padding:1.4rem}.portal-card h2{font-size:1.5rem}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header-row h2,.card-header-row p{margin:0}.card-header-row p{color:var(--muted);font-size:.9rem}.schedule-item{display:grid;grid-template-columns:85px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border)}.schedule-item:last-child{border:0}.schedule-item time{font-weight:700}.schedule-item span{display:block;color:var(--muted);font-size:.85rem}.status-badge{display:inline-block;padding:.35rem .65rem;border-radius:99px;font-size:.75rem;font-style:normal;white-space:nowrap}.status-scheduled,.status-sent{background:#e7f1ff;color:#0756a5}.status-active,.status-paid,.status-accepted{background:#e6f5ec;color:#146c43}.status-lead,.status-draft{background:#fff3cd;color:#8a6200}.status-overdue{background:#fce8e8;color:#b02a37}.status-in-progress{background:#d9f3ff;color:#08769e}.activity-list{list-style:none;padding:0;margin:0}.activity-list li{display:flex;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--border)}.activity-list span,.portal-table small{display:block;color:var(--muted);font-size:.8rem}.chart-placeholder{height:260px;background:linear-gradient(#fff,#f6f8fb);border-radius:.7rem;padding:1rem}.chart-bars{height:100%;display:flex;align-items:end;gap:2%;border-bottom:1px solid var(--border)}.chart-bars span{flex:1;background:linear-gradient(var(--blue),#6ab8f1);border-radius:5px 5px 0 0}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quick-grid a{padding:1rem;border:1px solid var(--border);border-radius:.7rem;text-decoration:none;color:var(--ink);font-weight:700}.quick-grid i{display:block;color:var(--blue);font-size:1.4rem;margin-bottom:.5rem}.table-toolbar{display:flex;gap:1rem;margin-bottom:1rem}.table-toolbar .input-group{max-width:500px}.table-toolbar .form-select{max-width:190px}.portal-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.portal-table td{padding:.9rem}.estimate-preview>div{display:flex;justify-content:space-between;padding:.65rem 0}.estimate-preview .total{font-size:1.25rem}.job-board{display:grid;gap:1rem}.job-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;border:1px solid var(--border);border-radius:.8rem;padding:1rem}.job-card h3,.job-card p{margin:0}.phone-preview{background:#071a32;border:8px solid #071a32;border-radius:2rem;padding:.8rem;max-width:290px;margin:auto;box-shadow:0 20px 45px rgba(0,0,0,.2)}.phone-top{color:white;text-align:center;font-weight:700;padding:.7rem}.phone-job{background:white;border-radius:.8rem;margin:.65rem 0;padding:.8rem}.phone-job span,.phone-job small{display:block}.phone-job small{color:var(--muted)}.calendar-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.calendar-grid{display:grid;grid-template-columns:70px repeat(5,minmax(130px,1fr));overflow:auto}.cal-head,.cal-time,.cal-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:.6rem;min-height:62px}.cal-head{font-weight:700;background:var(--surface);min-height:auto}.cal-time{font-size:.8rem;color:var(--muted)}.cal-event{display:block;background:#d8f0df;color:#155d32;border-left:3px solid #2ba15c;border-radius:.35rem;padding:.35rem;font-size:.75rem}.cal-event.yellow{background:#fff0b5;color:#755400;border-left-color:#e4b500}.invoice-preview img{width:230px}.invoice-preview>span{float:right;font-weight:700}.invoice-preview>div{margin:1.5rem 0}.invoice-preview small,.invoice-preview strong{display:block}.integration-list>div{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.integration-list i{font-size:1.5rem;color:var(--blue)}.integration-list small{display:block;color:var(--muted)}.integration-list em{font-size:.75rem;color:var(--muted)}.readiness-list{list-style:none;padding:0}.readiness-list li{padding:.65rem 0}.readiness-list i{width:25px}
@media(max-width:991px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{margin:1.5rem}.portal-sidebar{transform:translateX(-100%);transition:.2s}.portal-sidebar.show{transform:translateX(0)}.portal-main{margin-left:0}.sidebar-toggle{display:inline-block}.portal-search{width:45vw}.user-chip span:last-child{display:none}.min-vh-75{min-height:520px}.hero-section h1{font-size:3.8rem}}
@media(max-width:575px){.navbar-brand img{width:170px;height:58px}.hero-section h1{font-size:3rem}.portal-content{padding:1rem}.portal-topbar{padding:0 .75rem}.portal-search{display:none}.page-title-row{align-items:flex-start;gap:1rem}.page-title-row .btn{font-size:.8rem}.metric-card strong{font-size:1.6rem}.job-card{grid-template-columns:1fr}.table-toolbar{flex-direction:column}.table-toolbar .form-select{max-width:none}}
@media print { .portal-sidebar,.portal-topbar,.btn,.alert{display:none!important}.portal-main{margin:0!important}.portal-content{padding:0!important}.printable{box-shadow:none!important;border:0!important}body{background:#fff!important} }
code{display:block;margin:.4rem 0;color:#0b4f8a}.table th{white-space:nowrap}.sticky-lg-top{z-index:1}
.portal-card canvas{max-height:320px}.integration-status{font-size:.8rem}.route-stop{cursor:grab}.document-list a{text-decoration:none}
.dispatch-board{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.dispatch-column{min-width:280px;flex:1;background:#eef2f7;border-radius:14px;padding:.75rem}.dispatch-column-header{font-weight:700;color:#0b3157;padding:.5rem}.dispatch-dropzone{min-height:420px;border:2px dashed transparent;border-radius:10px;padding:.35rem}.dispatch-dropzone.drag-over{border-color:#1473e6;background:#dcecff}.dispatch-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dbe3ec;border-radius:10px;padding:.8rem;margin-bottom:.6rem;box-shadow:0 2px 7px rgba(0,0,0,.05);cursor:grab}.dispatch-card.dragging{opacity:.5}.signature-pad{width:100%;height:180px;border:1px solid #ced4da;border-radius:.5rem;touch-action:none;background:#fff}
/* Phase 15 organized portal navigation */
.portal-sidebar{overflow:hidden}.sidebar-brand{flex:0 0 auto}.sidebar-nav{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;padding:.75rem}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:20px}.sidebar-dashboard{margin-bottom:.55rem!important}.sidebar-group{margin:.18rem 0}.sidebar-group-toggle,.sidebar-collapse-btn{border:0;background:transparent;color:#dbe8f4;width:100%;display:flex;align-items:center;gap:.9rem;padding:.72rem 1rem;border-radius:.55rem;text-align:left;font:inherit}.sidebar-group-toggle:hover,.sidebar-collapse-btn:hover{background:rgba(255,255,255,.08);color:#fff}.sidebar-group-toggle .group-icon{width:20px;text-align:center}.sidebar-group-toggle .group-chevron{width:auto;margin-left:auto;font-size:.7rem;transition:transform .2s}.sidebar-group.is-open .group-chevron{transform:rotate(180deg)}.sidebar-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.sidebar-submenu>*{overflow:hidden}.sidebar-group.is-open .sidebar-submenu{grid-template-rows:1fr}.sidebar-submenu:before{content:"";display:block;min-height:0}.sidebar-submenu a{padding:.62rem .75rem .62rem 2.1rem!important;font-size:.91rem;margin:.08rem 0!important}.sidebar-submenu a i{font-size:.82rem}.sidebar-footer-actions{flex:0 0 auto;border-top:1px solid rgba(255,255,255,.12);padding:.45rem}.sidebar-logout{padding:0;margin:0}.sidebar-collapse-btn{padding:.72rem 1rem}.portal-body.sidebar-collapsed .portal-sidebar{width:78px}.portal-body.sidebar-collapsed .portal-main{margin-left:78px}.portal-body.sidebar-collapsed .sidebar-brand{height:78px;padding:.55rem}.portal-body.sidebar-collapsed .sidebar-brand img{max-width:58px;object-fit:cover;object-position:left}.portal-body.sidebar-collapsed .sidebar-nav span,.portal-body.sidebar-collapsed .sidebar-footer-actions span,.portal-body.sidebar-collapsed .group-chevron{display:none}.portal-body.sidebar-collapsed .sidebar-group-toggle,.portal-body.sidebar-collapsed .sidebar-nav>a,.portal-body.sidebar-collapsed .sidebar-footer-actions button{justify-content:center;padding:.78rem}.portal-body.sidebar-collapsed .sidebar-group{position:relative}.portal-body.sidebar-collapsed .sidebar-submenu{display:none}.portal-body.sidebar-collapsed .sidebar-group:hover .sidebar-submenu{display:block;position:fixed;left:78px;width:250px;background:var(--navy);padding:.5rem;border-radius:0 .6rem .6rem 0;box-shadow:0 10px 30px rgba(0,0,0,.25);grid-template-rows:1fr}.portal-body.sidebar-collapsed .sidebar-group:hover .sidebar-submenu a{padding:.65rem 1rem!important}.portal-body.sidebar-collapsed .sidebar-collapse-btn i{transform:rotate(180deg)}.portal-main,.portal-sidebar{transition:margin-left .2s,width .2s,transform .2s}
@media(max-width:991px){.portal-body.sidebar-collapsed .portal-sidebar{width:260px}.portal-body.sidebar-collapsed .portal-main{margin-left:0}.portal-body.sidebar-collapsed .sidebar-nav span,.portal-body.sidebar-collapsed .sidebar-footer-actions span,.portal-body.sidebar-collapsed .group-chevron{display:inline}.portal-body.sidebar-collapsed .sidebar-submenu{display:grid}.portal-body.sidebar-collapsed .sidebar-group:hover .sidebar-submenu{position:static;width:auto;background:transparent;padding:0;box-shadow:none}.sidebar-collapse-btn{display:none}}