:root{--text:#334155;--text-strong:#0f172a;--text-muted:#64748b;--bg:#f8fbff;--surface:#fff;--surface-alt:#f8fafc;--surface-soft:#f1f5f9;--border:#0f172a1f;--accent:#0ea5e9;--accent-bg:#0ea5e91f;--accent-border:#0ea5e947;--shadow:#0f172a1f 0 12px 28px -12px;--sans:"Aptos", "Segoe UI", sans-serif;--heading:"Trebuchet MS", "Segoe UI", sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-strong);background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 42%,#f8fafc 100%);margin:0;overflow-x:hidden}#root{text-align:left;box-sizing:border-box;border:0;width:100%;min-height:100vh;margin:0;display:block;overflow-x:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-.8px;margin:12px 0;font-size:24px}@media (width<=1024px){h1{margin:10px 0;font-size:20px}}h2{letter-spacing:-.2px;margin:0 0 6px;font-size:17px;line-height:118%}@media (width<=1024px){h2{font-size:16px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}main{box-sizing:border-box;background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 42%,#f8fafc 100%);width:100%;min-height:100vh;padding:.55rem .55rem .8rem}.page-footer{box-sizing:border-box;width:100%;max-width:1450px;margin:.75rem auto 0}.dashboard-layout{grid-template-columns:minmax(200px,230px) minmax(0,1fr);align-items:start;gap:.75rem;max-width:1450px;margin:0 auto;display:grid}.dashboard-layout.auth-layout{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;display:grid!important}.dashboard-layout.auth-layout .dashboard-content{width:100%!important;max-width:100%!important;margin:0!important;padding-top:0!important}.auth-content{width:100%;min-width:0}.auth-shell{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:calc(100vh - 2rem);padding:2rem .75rem;display:flex;position:relative;overflow:hidden}.auth-shell:before{content:"";aspect-ratio:620/630;background:var(--bemsa-watermark-url) center / contain no-repeat;filter:contrast(1.7)saturate(1.25);mix-blend-mode:multiply;opacity:.65;pointer-events:none;width:min(62vw,620px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.auth-card{z-index:1;box-sizing:border-box;background:linear-gradient(#ffffffbd 0%,#f8fafccc 100%);border:1px solid #94a3b833;border-radius:24px;width:min(100%,520px);padding:1.5rem 1.4rem;position:relative;box-shadow:0 22px 60px #0f172a1f}.auth-card-header{text-align:center;justify-content:center;align-items:center;gap:.9rem;margin-bottom:1.25rem;display:flex}.auth-card-header .brand-logo{width:11rem;height:auto}.auth-card-header h1{letter-spacing:.02em;color:#0b4ea2;margin:0;font-size:1.8rem;font-weight:800;line-height:1.05}.auth-card-header p{color:#0b4ea2;margin:.2rem 0 0;font-size:.92rem;font-style:italic;font-weight:700}.auth-card-form{gap:1rem;display:grid}.field-stack{gap:.9rem;display:grid}.auth-card-form label{color:#0f172a;gap:.4rem;font-weight:600;display:grid}.auth-card-form span{color:#334155;font-size:.89rem}.auth-card-form input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #94a3b857;border-radius:12px;width:100%;min-height:52px;padding:.9rem 1rem;font-size:1rem}.auth-card-form button{color:#082f49;cursor:pointer;box-sizing:border-box;background:#38bdf8;border:none;border-radius:12px;width:auto;min-width:150px;min-height:52px;padding:.85rem 1.1rem;font-size:1.02rem;font-weight:700}.auth-card-form button.forgot-password{color:#0f172a;background:#fbbf24}.auth-card-form .auth-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.15rem;display:flex}.auth-card-form .link-button{min-height:44px;padding:.6rem .8rem;font-size:.95rem}.maintenance-screen{text-align:center;width:min(100%,760px);min-height:420px;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:0 auto;padding:0;display:flex}.maintenance-icon{background:#0ea5e91a;border-radius:50%;justify-content:center;align-items:center;width:3rem;min-width:3rem;height:3rem;font-size:1.5rem;display:inline-flex;box-shadow:inset 0 0 0 1px #0ea5e91f}.maintenance-title{color:#0a0e27;letter-spacing:-.02em;text-shadow:0 2px 4px #ffffff80;margin:0;font-size:clamp(1.5rem,2vw,2rem);font-weight:800;line-height:1.2}.maintenance-copy{flex-direction:column;align-items:stretch;gap:.8rem;width:100%;max-width:620px;display:flex}.maintenance-paragraph{color:#1e293b;text-align:left;text-shadow:0 1px 2px #ffffff4d;margin:0;font-size:1rem;line-height:1.7}.maintenance-back-button{color:#f8fafc;background:linear-gradient(135deg,#0f172a 0%,#334155 100%);width:auto;min-width:180px;margin-top:1.5rem;margin-left:0;box-shadow:0 12px 22px #0f172a2e}.maintenance-back-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f172a33}.dashboard-layout.auth-layout .topbar,.dashboard-layout.auth-layout .topbar-actions,.dashboard-layout.auth-layout .topbar-auth{display:none}.hero-card,.panel,.brand-panel,.sidebar,.topbar{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #94a3b82e;border-radius:12px;box-shadow:0 8px 24px #0f172a0f}.hero-card,.panel,.brand-panel{padding:.65rem}.sidebar{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #94a3b82e;border-radius:12px;flex-direction:column;gap:.4rem;min-height:auto;padding:.55rem;display:flex;position:sticky;top:.4rem;box-shadow:0 8px 20px #0f172a0f}.logo-trigger{cursor:pointer;background:0 0;border:0;padding:0}.brand-panel .logo-trigger{display:block}.topbar-logo{width:5.25rem;height:auto;display:block}.dashboard-content{gap:.8rem;width:100%;min-width:0;display:grid}.topbar{z-index:40;background:#fffffff2;border-bottom:1px solid #94a3b829;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-content:space-between;align-items:center;gap:.4rem;padding:.38rem .55rem;display:grid;position:sticky;top:0}.topbar-actions{flex-wrap:wrap;grid-column:3;justify-content:flex-end;justify-self:end;align-items:center;gap:.55rem;width:auto;display:flex}.topbar-brand{text-align:center;color:#0b4ea2;flex-direction:column;grid-column:2;justify-self:center;gap:.08rem;min-width:0;display:flex}.topbar-brand strong{letter-spacing:.02em;font-size:.96rem;font-weight:800;line-height:1.05}.topbar-brand em{font-size:.72rem;font-weight:700;line-height:1.05}.topbar-brand.logo-trigger{align-items:center}.topbar-brand.logo-trigger>span{flex-direction:column;gap:.08rem;display:flex}.nav-toggle{display:none}.notification-wrap{justify-content:flex-end;align-items:center;display:flex;position:relative}.notif-bell{cursor:pointer;color:#0f172a;background:0 0;border:none;border-radius:999px;padding:.28rem .4rem;transition:background .18s,transform .18s,box-shadow .18s;position:relative}.notif-bell:hover{background:#3b82f614;transform:translateY(-1px)}.notif-bell:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f629}.notif-bell.active{background:#3b82f61a}.notif-count{color:#fff;background:#ef4444;border-radius:999px;padding:.15rem .35rem;font-size:.7rem;position:absolute;top:-4px;right:-4px;box-shadow:0 4px 10px #ef44443d}.notif-list{z-index:60;opacity:0;transform-origin:100% 0;pointer-events:none;background:#fff;border:1px solid #94a3b82e;border-radius:12px;width:300px;max-height:320px;transition:opacity .18s,transform .18s,box-shadow .18s;position:absolute;top:42px;left:auto;right:0;overflow:auto;transform:translateY(-6px)scale(.98);box-shadow:0 12px 30px #0f172a14}.notif-list.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1);box-shadow:0 16px 36px #0f172a1f}.notif-header{border-bottom:1px solid #94a3b814;justify-content:space-between;align-items:center;padding:.55rem .7rem;display:flex}.notif-item{cursor:pointer;overflow-wrap:anywhere;border-bottom:1px solid #94a3b814;min-width:0;padding:.65rem .8rem;transition:background .16s}.notif-item:hover{background:#f8fafcf2}.notif-item:focus-visible{background:#f1f5f9cc;outline:none}.notif-item.read{opacity:.65}.notif-empty{color:#64748b;padding:.9rem .8rem;font-size:.92rem}.highlight{transition:box-shadow .18s,transform .18s;transform:translateY(-2px);box-shadow:0 0 0 3px #38bdf82e,0 10px 30px #0206170f}.notif-message{color:#0f172a;overflow-wrap:anywhere;word-break:break-word;min-width:0;font-weight:700}.notif-time{color:#64748b;overflow-wrap:anywhere;min-width:0;font-size:.8rem}.topbar-auth{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;display:flex}.topbar-auth input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #94a3b857;border-radius:12px;width:100%;min-width:0;max-width:240px;min-height:52px;padding:.9rem 1rem;font-size:1.05rem}.topbar-auth button{color:#082f49;cursor:pointer;box-sizing:border-box;background:#38bdf8;border:none;border-radius:12px;width:auto;min-width:150px;min-height:52px;padding:.85rem 1.1rem;font-size:1.02rem;font-weight:700}.topbar-auth button.forgot-password{color:#0f172a;background:#fbbf24}.auth-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-top:.15rem;display:flex}.topbar-auth .link-button{min-height:44px;padding:.6rem .8rem;font-size:.95rem}.auth-alert{white-space:pre-wrap;letter-spacing:.01em;border-left:8px solid #0000;border-radius:18px;align-items:flex-start;gap:.9rem;width:100%;margin-bottom:.85rem;padding:1.1rem 1.2rem;font-weight:800;line-height:1.5;display:flex;transform:translateY(0);box-shadow:0 18px 36px #0f172a26}.auth-alert:before{background:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:1.8rem;min-width:1.8rem;height:1.8rem;font-size:1rem;display:inline-flex}.auth-alert-error{color:#7f1d1d;text-shadow:0 0 1px #7f1d1d33;background:linear-gradient(135deg,#fff1f2 0%,#fee2e2 36%,#fecaca 100%);border-left-color:#b91c1c;box-shadow:0 18px 36px #b91c1c33}.auth-alert-error:before{content:"⚠️";background:#fffc;box-shadow:inset 0 0 0 2px #7f1d1d1f}.auth-alert-success{color:#166534;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-left-color:#16a34a;box-shadow:0 14px 30px #22c55e1f}.auth-alert-success:before{content:"✅"}.user-pill{color:#0f172a;background:#38bdf81a;border:1px solid #38bdf833;border-radius:10px;flex-direction:column;gap:.12rem;min-width:0;padding:.35rem .55rem;display:inline-flex}.user-pill span{font-size:.78rem;font-weight:700;line-height:1.1}.user-pill small{opacity:.8;font-size:.68rem;line-height:1.1}.brand-panel{align-items:center;gap:.6rem;padding:.2rem 0 .25rem;display:flex}.brand-logo{flex:none;width:9rem;height:auto;display:block}.brand-title{letter-spacing:.02em;color:var(--text-strong);margin:0;font-size:1.08rem;font-weight:800;line-height:1.08}.brand-subtitle{color:var(--text-muted);margin:.12rem 0 0;font-size:.78rem}.sidebar-nav{gap:.35rem;width:100%;display:grid}.sidebar-activity{gap:.35rem;display:grid}.sidebar-activity-toggle{color:#0b4ea2;cursor:pointer;background:#eaf4ff;border:1px solid #0b4ea224;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.5rem .6rem;font-size:.76rem;font-weight:800;display:flex}.sidebar-activity-toggle:hover{background:#dceeff}.sidebar-activity-toggle>span:last-child{font-size:1rem;line-height:1}.sidebar-activity-panel{background:#eaf4ff94;border:1px solid #0b4ea21f;border-radius:8px;gap:.4rem;padding:.35rem;display:grid}.sidebar-activity-panel .audit-list{gap:.3rem}.sidebar-activity-panel .audit-list li{box-shadow:none;border-radius:7px;grid-template-columns:1fr;gap:.12rem;padding:.48rem}.sidebar-activity-panel .activity-item-clickable{cursor:pointer}.sidebar-activity-panel .activity-item-clickable:hover,.sidebar-activity-panel .activity-item-clickable:focus-visible{background:#eaf4ff;border-color:#0b4ea259;outline:none}.sidebar-activity-panel .audit-list strong{font-size:.7rem}.sidebar-activity-panel .audit-list span,.sidebar-activity-panel .audit-list small{font-size:.66rem}.sidebar-activity-panel .pagination-row{gap:.2rem;margin-top:0}.sidebar-activity-panel .pagination-button{padding:.25rem .35rem;font-size:.58rem}.sidebar-activity-panel .pagination-info{font-size:.58rem}.trip-detail-page{background:linear-gradient(#fff 0%,#f5faff 100%);border:1px solid #0b4ea229;border-radius:14px;gap:1rem;padding:1.1rem;display:grid;box-shadow:0 10px 26px #0f172a0f}.trip-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.trip-detail-grid>div{background:#ffffffc7;border:1px solid #94a3b829;border-radius:9px;gap:.2rem;padding:.75rem;display:grid}.trip-detail-grid span{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:700}.trip-detail-grid strong{color:#0f172a;font-size:.9rem}.nav-link{width:100%;color:var(--text-strong);text-align:left;cursor:pointer;background:#f8fafcf2;border:1px solid #0000;border-radius:8px;padding:.45rem .6rem;font-size:.82rem;font-weight:600;transition:all .18s;display:block}.nav-link:focus-visible,.link-button:focus-visible,.notif-bell:focus-visible,.entity-form input:focus-visible,.entity-form select:focus-visible,.entity-form textarea:focus-visible{outline-offset:2px;outline:3px solid #38bdf847}.notif-bell[aria-expanded=true]{background:#38bdf80f}.nav-link:hover,.nav-link.active{color:var(--text-strong);background:#38bdf824;border-color:#38bdf842}.trip-form-toggle{color:#0b4ea2;text-align:left;cursor:pointer;background:#eaf4ff;border:1px solid #0b4ea229;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:.45rem;padding:.75rem .9rem;display:flex}.trip-form-toggle:hover{background:#dceeff;border-color:#0b4ea24d}.trip-form-toggle span:first-child{gap:.18rem;display:grid}.trip-form-toggle strong{font-size:.9rem}.trip-form-toggle small{color:#315777;font-size:.72rem}.trip-form-toggle>span:last-child{color:#fff;background:#0b4ea2;border-radius:50%;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:1.2rem;line-height:1;display:inline-flex}.sidebar-footer{box-sizing:border-box;border-top:1px solid #94a3b829;flex-direction:column;gap:.55rem;width:100%;max-width:none;margin-top:auto;padding-top:.7rem;display:flex}.company-footer{box-sizing:border-box;width:100%;max-width:none;box-shadow:none;background:#fff;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.footer-top-line{background:linear-gradient(90deg,#0000 0%,#0b4ea2 25% 75%,#0000 100%);width:100%;height:3px;margin-bottom:1.2rem}.footer-wrapper{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;width:100%;padding:0 1.2rem;display:flex}.footer-logo-section{flex:none;justify-content:center;align-items:center;display:flex}.footer-logo{width:4.5rem;height:auto;display:block}.footer-divider{background:linear-gradient(#0000 0%,#0b4ea259 50%,#0000 100%);border-radius:2px;width:3px;height:5.5rem}.footer-info-section{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:300px;display:flex}.footer-company-name{color:#0b4ea2;letter-spacing:.04em;margin:0;font-size:1rem;font-weight:900;line-height:1.2}.footer-tagline{color:#315777;margin:0;font-size:.78rem;font-style:italic;font-weight:700;line-height:1.2}.footer-contact-details{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;margin-top:.5rem;display:flex}.footer-contact-details span{color:#404854;font-size:.72rem;font-weight:600;line-height:1.3}.footer-contact-details span:nth-child(3){font-size:.7rem}.footer-bottom-line{background:linear-gradient(90deg,#0000 0%,#0b4ea2 25% 75%,#0000 100%);width:100%;height:3px;margin-top:1.2rem}.footer-separator,.footer-content,.footer-details{display:none}.company-footer-address,.company-footer-contact{gap:.2rem;display:grid}.company-footer-contact{border-top:1px solid #0b4ea22e;border-left:0;padding-top:.5rem;padding-left:0}.company-footer a{color:#0b4ea2;font-weight:700;text-decoration:none}.company-footer a:hover{text-decoration:underline}.sidebar-footer .company-footer{text-align:left;border-top:0;padding:0;display:block}.logout-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;width:100%;padding:.6rem .75rem;font-size:.82rem;font-weight:700}.sidebar-label{color:#475569;margin:0;font-size:.88rem}.sidebar-chip{color:#0f172a;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;padding:.65rem .85rem;font-size:.95rem;display:inline-flex}.small-card{min-height:140px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.full-span{grid-column:1/-1}.dashboard-stack{grid-template-columns:1fr}.dashboard-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.truck-availability-card{min-height:170px}.truck-availability-panel{padding:.8rem .9rem}.truck-availability-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem;margin:.55rem 0 0;padding:0;list-style:none;display:grid}.truck-availability-list li{background:#f8fafce6;border:1px solid #94a3b833;border-radius:12px;flex-direction:column;gap:.18rem;padding:.7rem .75rem;display:flex}.truck-availability-list strong{color:#0f172a}.truck-availability-list span,.truck-availability-list small,.muted-text{color:#64748b}.mini-bars.compact{margin-top:.2rem}.dashboard-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-bottom:.5rem;display:grid}@media (width<=1200px){.dashboard-grid-wide,.dashboard-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1201px){.data-table th,.data-table td{padding:.2rem .15rem;font-size:.82rem!important}.data-table thead th{font-size:1rem}.billing-detail-panel .compact-table{font-size:.82rem!important}.billing-detail-panel .compact-table th,.billing-detail-panel .compact-table td{line-height:auto;padding:.45rem .4rem;font-size:.82rem!important}.billing-detail-panel .data-table.compact-table th,.billing-detail-panel .data-table.compact-table td{padding:.45rem .4rem!important;font-size:.82rem!important}.billing-detail-panel .data-table.compact-table,.billing-client-detail-panel .compact-table,.billing-client-detail-panel .compact-table th,.billing-client-detail-panel .compact-table td,.billing-client-detail-panel .data-table.compact-table,.billing-client-detail-panel .data-table.compact-table th,.billing-client-detail-panel .data-table.compact-table td{font-size:.82rem!important}}@media (width<=960px){main{padding:.45rem}.dashboard-layout{width:100%;grid-template-columns:minmax(180px,220px) minmax(0,1fr)!important;align-items:start!important;gap:.75rem!important;display:grid!important}.panel,.hero-card{padding:.85rem}.sidebar{background:linear-gradient(#f8fbff 0%,#fff 100%)!important;border:1px solid #94a3b840!important;border-radius:14px!important;flex-direction:column!important;order:1!important;align-items:stretch!important;gap:.55rem!important;width:auto!important;padding:.8rem!important;display:flex!important;position:sticky!important;top:.4rem!important;box-shadow:0 10px 24px #0f172a14!important}.topbar{box-shadow:none;background:#fff;border:1px solid #94a3b833;border-radius:14px;padding:.65rem .75rem;display:flex}.dashboard-content{flex-direction:column;order:2;gap:.35rem;width:100%;min-width:0;display:flex}.dashboard-grid,.dashboard-grid-wide,.dashboard-detail-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:.6rem}.topbar-actions{justify-content:flex-end;width:100%}}@media (width<=700px){.company-footer{grid-template-columns:1fr;gap:.2rem}.trip-detail-grid{grid-template-columns:1fr}.company-footer-contact{border-top:1px solid #0b4ea22e;border-left:0;padding-top:.6rem;padding-left:0}.dashboard-grid-wide,.dashboard-detail-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.topbar{padding:.6rem}.topbar-auth{flex-direction:column;align-items:stretch}.topbar-auth input,.topbar-auth button,.auth-actions-row{width:100%;max-width:none}.auth-actions-row{flex-direction:column;align-items:stretch}.field-grid,.filter-row{grid-template-columns:1fr}.notif-list{width:min(92vw,320px);left:auto;right:0;transform:translateY(-6px)scale(.98)}.notif-list.open{transform:translateY(0)scale(1)}.driver-performance-card{flex-direction:column;align-items:flex-start}.driver-stats{flex-wrap:wrap;gap:.7rem}.heatmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){main{padding:.35rem}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:620px}.data-table th:last-child,.data-table td:last-child{z-index:1;background:#fff;position:sticky;right:0}.topbar-actions{flex-direction:column;align-items:stretch}.topbar-auth button,.topbar-auth .link-button{width:100%}.dashboard-card-link{min-height:96px}.sidebar{padding:.45rem}}.production-header{align-items:flex-start}.dashboard-card-link{cursor:pointer;flex-direction:column;justify-content:center;gap:.25rem;min-height:112px;display:flex}.dashboard-card-link:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a1f}.dashboard-operations-grid{grid-template-columns:1fr;gap:.75rem}.dashboard-panel{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #94a3b838;border-radius:18px;min-height:220px;padding:1rem;box-shadow:0 12px 28px #0f172a0f}.dashboard-panel.operations-panel{background:linear-gradient(135deg,#f7fcff 0%,#eef8ff 100%);border-color:#38bdf83d}.dashboard-panel.notifications-panel{background:linear-gradient(135deg,#fffdf7 0%,#fff7e6 100%);border-color:#f59e0b4d;box-shadow:0 14px 30px #f59e0b1f}.dashboard-panel .page-header{border-bottom:1px solid #94a3b82e;margin-bottom:.75rem;padding-bottom:.6rem}.dashboard-panel .page-header h3{margin-bottom:.2rem;font-size:1rem}.dashboard-panel .page-header p{color:#64748b;margin:0;font-size:.86rem}.ops-list{gap:.65rem;display:grid}.ops-row{color:#0f172a;background:linear-gradient(90deg,#fff 0%,#f8fafc 100%);border:1px solid #94a3b824;border-radius:11px;justify-content:space-between;align-items:center;padding:.65rem .75rem;display:flex}.compact-list{gap:.45rem;margin:0;padding:0;display:grid}.compact-list li{background:#fffffff0;border:1px solid #94a3b829;border-left:4px solid #38bdf8;border-radius:12px;gap:.2rem;padding:.75rem .85rem;display:grid}.compact-list li strong{color:#0f172a}.compact-list li span{color:#334155;font-size:.92rem}.compact-list li small{color:#64748b;font-size:.8rem}.driver-performance-card{background:linear-gradient(135deg,#38bdf829,#0ea5e90a);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;display:flex}.driver-stats{gap:1rem;display:flex}.driver-stats div{flex-direction:column;gap:.2rem;min-width:90px;display:flex}.heatmap-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.6rem;display:grid}.heat-cell{color:#0f172a;border:1px solid #94a3b829;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:88px;padding:.65rem;display:flex}.route-map-card{gap:.65rem;display:grid}.route-map-svg{width:100%;height:auto}.route-map-bg{fill:#0f172acc;stroke:#38bdf83d;stroke-width:1px}.route-map-line{fill:none;stroke:#38bdf8;stroke-width:3px;stroke-linecap:round}.route-map-line.secondary{stroke:#14b8a6;stroke-width:2.2px}.route-map-legend{gap:.45rem;display:grid}.route-map-node{background:#0f172aa3;border:1px solid #94a3b829;border-radius:10px;align-items:center;gap:.65rem;padding:.6rem .7rem;display:flex}.route-dot{border-radius:50%;width:10px;height:10px}.route-map-node p{color:var(--text);margin:.2rem 0 0;font-size:.84rem}@media (width<=980px){.dashboard-operations-grid{grid-template-columns:1fr}}.dashboard-detail-card{text-align:center;cursor:pointer;background:#f8fafc;border:1px solid #94a3b829;border-radius:14px;place-items:center;min-height:64px;padding:.55rem;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid}.dashboard-detail-card.active{background:#e0f2fe;border-color:#38bdf859}.dashboard-detail-card h3{margin:0;font-size:.86rem;font-weight:700}.dashboard-detail-card .metric-large{margin:.15rem 0 0;font-size:.92rem}.dashboard-detail-card:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a14}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#38bdf8;margin-bottom:.35rem;font-size:.68rem}h1,h2,h3{color:var(--text-strong);margin:0 0 .3rem}h1{font-size:1.7rem}h2{font-size:1.05rem}h3{font-size:.96rem}.intro{color:var(--text);margin-bottom:.5rem;line-height:1.45}.status-row{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;margin-bottom:.7rem;padding-bottom:.7rem;display:flex}.status-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.status-row span{color:var(--text-muted)}.status-row strong{color:var(--text-strong)}.error{color:#dc2626}.success{color:#15803d}.auth-form{gap:.85rem;margin-bottom:1rem;display:grid}.auth-form label,.filter-row label,.entity-form label{color:var(--text-strong);gap:.35rem;font-weight:600;display:grid}.auth-form input,.auth-form select,.filter-row input,.filter-row select,.entity-form input,.entity-form select,.entity-form textarea{color:#0f172a;background:#fff;border:1px solid #94a3b857;border-radius:10px;padding:.62rem .72rem}.entity-form{background:linear-gradient(#fffffff2 0%,#f8fafcfa 100%);border:1px solid #94a3b838;border-radius:18px;gap:.78rem;margin-bottom:1rem;padding:.9rem;display:grid;box-shadow:0 10px 24px #0f172a0a}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.full-width{grid-column:1/-1}.auth-form button,.entity-form button,.link-button,.secondary{color:#082f49;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border:none;border-radius:12px;padding:.68rem .96rem;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 8px 18px #0ea5e92e}.auth-form button:hover,.entity-form button:hover,.link-button:hover,.secondary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0ea5e933}.secondary{color:#f8fafc;background:linear-gradient(135deg,#475569 0%,#334155 100%);margin-left:.4rem}.inline-actions{flex-wrap:wrap;gap:.5rem;margin-top:.35rem;display:flex}.link-button{color:#38bdf8;background:0 0;border:1px solid #38bdf8;padding:.35rem .6rem;font-size:.9rem}.user-card{background:#f8fbff;border:1px solid #38bdf833;border-radius:12px;margin-bottom:1rem;padding:.9rem 1rem}.user-card h2{color:#0f172a;margin:0 0 .35rem}.user-card p{color:var(--text);margin:.25rem 0}.action-list{color:var(--text);gap:.5rem;margin:0;padding-left:1.2rem;display:grid}.filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.report-table{border-collapse:collapse;width:100%;margin-top:.75rem;font-size:.95rem}.report-table th,.report-table td{text-align:left;color:#0f172a;border-bottom:1px solid #94a3b82e;padding:.6rem .4rem}.report-table th{color:#0369a1}.overview-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.45rem;margin-bottom:.38rem;display:flex}.overview-header h2{margin-bottom:.16rem;font-size:1.02rem}.overview-header p{color:var(--text);margin:0;font-size:.82rem}.overview-stats{flex-wrap:wrap;gap:.35rem;display:flex}.stat-pill{background:#38bdf81f;border:1px solid #38bdf833;border-radius:10px;flex-direction:column;gap:.06rem;min-width:72px;padding:.25rem .42rem;display:flex}.stat-pill span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.stat-pill strong{color:var(--text-strong);font-size:.9rem}.chart-panel,.audit-panel{min-height:auto}.chart-summary{flex-wrap:wrap;gap:.28rem;margin:.18rem 0 .26rem;display:flex}.chart-visual{background:linear-gradient(#f8fbff 0%,#fff 100%);border:1px solid #94a3b833;border-radius:10px;grid-template-columns:minmax(0,160px) minmax(0,1fr);place-items:center start;gap:.6rem;margin-top:.2rem;padding:.16rem .28rem .24rem;display:grid;position:relative}.chart-visual svg{width:100%;max-width:190px;height:auto;margin:0;display:block;transform:translateY(0)}.chart-donut-track{fill:none;stroke:#e2e8f0;stroke-width:24px}.chart-donut-progress{fill:#38bdf8;opacity:.95}.chart-donut-hole{fill:#fff}.chart-donut-center-label{fill:#64748b;font-size:12px;font-weight:700}.chart-donut-center-value{fill:#0f172a;font-size:18px;font-weight:800}.chart-slice-label{fill:#fff;pointer-events:none;font-size:8px;font-weight:800}.chart-legend{justify-self:start;gap:.14rem;width:100%;max-width:200px;margin:0;display:grid}.chart-legend-item{color:#334155;align-items:center;gap:.28rem;font-size:.76rem;display:flex}.chart-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.chart-dot-0{background:#f59e0b}.chart-dot-1{background:#3b82f6}.chart-dot-2{background:#10b981}.chart-dot-3{background:#ef4444}.audit-list{gap:.42rem;margin:0;padding:0;list-style:none;display:grid}.audit-list.fleet-list{gap:.8rem;max-height:360px;padding-right:.15rem;display:grid;overflow:auto}.audit-list.fleet-list li:last-child{margin-bottom:.4rem}.fleet-mobile-nav{flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem;display:none}.fleet-toolbar{margin-bottom:.8rem}.fleet-main-heading{margin:.9rem 0 .6rem}.fleet-main-heading h3{color:#0f172a;margin:0;font-size:1.1rem}.fleet-filter-group{flex-wrap:wrap;justify-content:space-between;gap:.5rem;width:100%;display:flex}.fleet-filter-button{color:#334155;cursor:pointer;text-align:center;background:#f8fafc;border:1px solid #94a3b840;border-radius:999px;flex:1 1 0;min-width:130px;padding:.55rem .8rem;font-weight:600}.fleet-filter-button.active{color:#f0fdf4;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#22c55e66}.fleet-section-tab{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #94a3b840;border-radius:12px;flex:1 0 auto;padding:.65rem .85rem;font-weight:600}.fleet-section-tab.active{color:#082f49;background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border-color:#38bdf859}.fleet-section{display:block}.fleet-section:not(.active){display:none}.audit-list li{background:linear-gradient(#fffffff5 0%,#f8fafc 100%);border:1px solid #94a3b82e;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem .9rem;padding:.9rem 1rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 8px 18px #0f172a0a}.fleet-item-main{gap:.18rem;display:grid}.fleet-item-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.truck-status{text-transform:capitalize;color:#334155;background:#94a3b81f;border-radius:999px;justify-content:center;align-items:center;padding:.32rem .6rem;font-size:.74rem;font-weight:700;display:inline-flex}.truck-status.available{color:#166534;background:#22c55e24}.truck-status.in_service{color:#1d4ed8;background:#3b82f61f}.truck-status.maintenance{color:#92400e;background:#f59e0b24}.audit-list li:hover{border-color:#38bdf840;transform:translateY(-1px);box-shadow:0 12px 22px #0f172a0f}.audit-list strong{color:#0f172a;grid-column:1;font-size:1rem;line-height:1.25}.audit-list span,.audit-list small{grid-column:1}.audit-list .inline-actions{grid-area:1/2/span 3;justify-content:flex-end;align-items:center;margin-top:0}.expense-item.highlight{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 16px 36px #38bdf82e}.audit-list span,.audit-list small{color:#475569;font-size:.78rem;line-height:1.2}.pagination-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.pagination-button{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #47556933;border-radius:10px;padding:.48rem .65rem;font-size:.85rem}.pagination-button:disabled{opacity:.55;cursor:not-allowed}.pagination-info{color:#475569;font-size:.82rem}.trip-list{gap:.6rem}.trip-card{background:#f8fafcf2;border:1px solid #94a3b833;border-radius:11px;gap:.35rem;padding:.58rem .68rem;display:grid}.trip-card-top{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.trip-card-top strong{color:#0f172a;font-size:.95rem}.trip-card-top p{color:#475569;margin:.18rem 0 0;font-size:.82rem}.trip-card-meta{color:#64748b;flex-wrap:wrap;gap:.45rem .9rem;font-size:.84rem;display:flex}.trip-status-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.trip-status-planned{color:#0369a1;background:#38bdf81f}.trip-status-in_transit{color:#92400e;background:#f59e0b29}.trip-status-completed{color:#166534;background:#16a34a24}.trip-status-cancelled{color:#b91c1c;background:#ef444424}.audit-list strong{color:#38bdf8}.audit-list span,.audit-list small{color:#94a3b8}.page-header{border-bottom:1px solid #94a3b824;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.page-header h2{color:#0f172a;margin-bottom:.15rem;font-size:1.08rem}.page-header h3{color:#0f172a;margin-bottom:.26rem;font-size:.98rem}.page-header p{color:var(--text);margin:0;font-size:.82rem}.metric-large{color:var(--text-strong);margin:.06rem 0 .12rem;font-size:.9rem;font-weight:700}.dashboard-card-link{text-align:center;cursor:pointer;place-items:center;min-height:46px;padding:.32rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.dashboard-card-link h3{margin:0;font-size:.72rem;font-weight:700}.dashboard-card-link .metric-large{margin:.1rem 0 0;font-size:.82rem}.dashboard-card-link:hover{border-color:#38bdf859;transform:translateY(-2px);box-shadow:0 10px 24px #02061742}.chart-panel{flex-direction:column;gap:1rem;display:flex}.trend-chart{gap:.7rem;display:grid}.trend-row{grid-template-columns:1.2fr 2fr 1fr;align-items:center;gap:.75rem;display:grid}.trend-bar{background:#e2e8f0;border-radius:999px;height:12px;position:relative;overflow:hidden}.trend-bar-fill{background:#3b82f6;border-radius:999px;height:100%}.pie-chart-layout{grid-template-columns:minmax(0,1fr) minmax(180px,1fr);align-items:center;gap:.75rem;display:grid}.pie-chart{justify-content:center;align-items:center;display:flex}.pie-chart svg{width:100%;max-width:180px;height:auto}.pie-legend{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.pie-legend li{background:#0f172acc;border:1px solid #94a3b838;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.52rem .7rem;font-size:.8rem;display:grid;box-shadow:inset 0 0 0 1px #94a3b814}button,input,select,textarea{font:inherit}button:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #0ea5e952}.dashboard-content{gap:.8rem}.panel,.hero-card{box-sizing:border-box;border-color:#0f172a1a;border-radius:16px;width:100%;max-width:100%;padding:1rem;box-shadow:0 12px 30px #0f172a0e}.panel>.panel{box-shadow:none;background:#f8fafcb8}.page-header{border-bottom-color:#0ea5e926;margin-bottom:.85rem;padding-bottom:.75rem}.page-header h2,.page-header h3{font-family:var(--heading);letter-spacing:0}.page-header h2{font-size:clamp(1.2rem,2vw,1.55rem);font-weight:700}.page-header h3{font-size:1.05rem;font-weight:700}.page-header p{color:#64748b;line-height:1.5}.dashboard-grid,.dashboard-grid-wide,.dashboard-detail-grid{gap:.75rem}.dashboard-grid>.panel,.dashboard-grid-wide>.panel,.dashboard-detail-grid>.panel,.metric-card{border-radius:16px;min-width:0}.metric-card,.dashboard-card-link{text-align:left;background:linear-gradient(145deg,#fff 0%,#f1f8fc 100%);align-content:space-between;place-items:start;min-height:132px;padding:1rem;position:relative;overflow:hidden}.dashboard-grid>.metric-card:nth-child(6n+1),.dashboard-grid-wide>.metric-card:nth-child(6n+1){--card-accent:#0891b2;--card-wash:#ecfeff;border-top:3px solid var(--card-accent);background:linear-gradient(145deg, #fff 0%, var(--card-wash) 100%)}.dashboard-grid>.metric-card:nth-child(6n+2),.dashboard-grid-wide>.metric-card:nth-child(6n+2){--card-accent:#4f46e5;--card-wash:#eef2ff;border-top:3px solid var(--card-accent);background:linear-gradient(145deg, #fff 0%, var(--card-wash) 100%)}.dashboard-grid>.metric-card:nth-child(6n+3),.dashboard-grid-wide>.metric-card:nth-child(6n+3){--card-accent:#0f766e;--card-wash:#ecfdf5;border-top:3px solid var(--card-accent);background:linear-gradient(145deg, #fff 0%, var(--card-wash) 100%)}.dashboard-grid>.metric-card:nth-child(6n+4),.dashboard-grid-wide>.metric-card:nth-child(6n+4){--card-accent:#d97706;--card-wash:#fffbeb;border-top:3px solid var(--card-accent);background:linear-gradient(145deg, #fff 0%, var(--card-wash) 100%)}.dashboard-grid>.metric-card:nth-child(6n+5),.dashboard-grid-wide>.metric-card:nth-child(6n+5){--card-accent:#e11d48;--card-wash:#fff1f2;border-top:3px solid var(--card-accent);background:linear-gradient(145deg, #fff 0%, var(--card-wash) 100%)}.dashboard-grid>.metric-card:nth-child(6n+6),.dashboard-grid-wide>.metric-card:nth-child(6n+6){--card-accent:#7c3aed;--card-wash:#f5f3ff;border-top:3px solid var(--card-accent);background:linear-gradient(145deg, #fff 0%, var(--card-wash) 100%)}.dashboard-grid>.dashboard-card-link:not(.metric-card):first-child{--card-accent:#0891b2;--card-wash:#ecfeff;border-top:3px solid var(--card-accent);background:linear-gradient(145deg, #fff 0%, var(--card-wash) 100%)}.dashboard-grid>.dashboard-card-link:not(.metric-card):nth-child(2){--card-accent:#d97706;--card-wash:#fffbeb;border-top:3px solid var(--card-accent);background:linear-gradient(145deg, #fff 0%, var(--card-wash) 100%)}.metric-card:after,.dashboard-card-link:after{content:"";background:color-mix(in srgb, var(--card-accent,#0ea5e9) 16%, transparent);pointer-events:none;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-50px;right:-44px}.metric-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%;display:flex}.metric-card h3,.dashboard-card-link h3{color:#0f172a;margin:0;font-size:.86rem;font-weight:700}.metric-card p,.dashboard-card-link p{color:#64748b;margin-top:.25rem;font-size:.78rem}.billing-card{--card-accent:#0f766e;--card-wash:#ecfdf5}.billing-card-body{gap:.5rem;width:100%;display:grid}.billing-figure{gap:.12rem;display:grid}.billing-figure span,.billing-small-grid span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.66rem;display:block}.billing-figure strong,.billing-small-grid strong{color:#0f172a;overflow-wrap:anywhere;font-size:.9rem;font-weight:800}.billing-small-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.metric-card-value{color:var(--card-accent,#082f49);font-family:var(--heading);overflow-wrap:anywhere;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:800;line-height:1.1}.metric-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex:none;padding:.32rem .55rem;font-size:.68rem;font-weight:800}.metric-pill.cyan{color:#155e75;background:#cffafe}.metric-pill.blue{color:#1e40af;background:#dbeafe}.metric-pill.green{color:#065f46;background:#d1fae5}.metric-pill.amber{color:#92400e;background:#fef3c7}.metric-pill.violet{color:#5b21b6;background:#ede9fe}.metric-pill.sky{color:#075985;background:#e0f2fe}.entity-form{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-radius:16px;padding:1rem}.field-grid{gap:1rem}.entity-form label{color:#334155;font-size:.82rem}.entity-form input,.entity-form select,.entity-form textarea,.filter-row input,.filter-row select{background:#fff;border-color:#64748b40;border-radius:10px;min-height:42px;transition:border-color .16s,box-shadow .16s}.entity-form input:focus,.entity-form select:focus,.entity-form textarea:focus,.filter-row input:focus,.filter-row select:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 4px #0ea5e91c}.inline-actions{gap:.6rem}.inline-actions button,.pagination-button,.fleet-filter-button{min-height:38px}.chart-panel,.chart-visual,.pie-chart-layout{border-radius:14px}.chart-visual{background:linear-gradient(145deg,#f8fcff 0%,#fff 100%);grid-template-columns:minmax(0,190px) minmax(0,1fr);min-height:230px;padding:1rem}.chart-visual svg{max-width:220px}.trip-list,.audit-list,.fleet-list{gap:.75rem;display:grid}.trip-card,.audit-list li,.truck-availability-list li{background:#fff;border-color:#64748b2e;border-radius:14px;padding:.9rem 1rem;box-shadow:0 6px 18px #0f172a0a}.trip-card:hover,.audit-list li:hover,.truck-availability-list li:hover{border-color:#0ea5e961;box-shadow:0 12px 24px #0ea5e91a}.trip-card-meta{color:#475569;gap:.6rem 1rem}.data-table,.report-table{white-space:nowrap;border-radius:12px;display:block;overflow-x:auto}.data-table th,.data-table td,.report-table th,.report-table td{padding:.75rem}.data-table th,.report-table th{color:#075985;background:#f1f8fc;font-weight:800}.fleet-toolbar,.report-filters,.filter-row{background:#f8fafc;border:1px solid #64748b29;border-radius:18px;gap:.75rem;padding:1rem}.reports-panel{max-width:1200px;margin:0 auto}.reports-panel .page-header{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.reports-panel .page-description{color:#475569;max-width:42rem;margin:0}.report-filters{-webkit-overflow-scrolling:touch;flex-wrap:wrap;align-items:flex-end;gap:.9rem 1rem;padding:1rem 1.1rem;display:flex;overflow-x:auto}.report-filters label{color:#0f172a;flex-direction:column;flex:1 0 150px;gap:.42rem;min-width:140px;font-weight:700;display:flex}.report-filters select,.report-filters input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #94a3b83d;border-radius:12px;width:100%;min-width:0;min-height:44px;padding:.8rem .9rem;transition:border-color .2s,box-shadow .2s}.report-filters select:focus,.report-filters input:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 4px #0ea5e91f}.report-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.55rem;width:100%;min-height:44px;margin-top:.75rem;padding-top:.25rem;display:flex}.report-actions button{color:#0f172a;background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #0ea5e933;border-radius:10px;min-width:118px;min-height:42px;padding:.7rem .9rem;font-size:.72rem;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 8px 16px #0f172a0a}@media (width<=640px){.report-filters{gap:.7rem;padding:.8rem}.report-filters label{flex-basis:170px;min-width:170px}.report-actions{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;width:100%;margin-top:.5rem;padding-top:0}.report-actions button{flex:none;min-width:112px}}.secondary-button{color:#0f172a;letter-spacing:.01em;background:linear-gradient(#fff 0%,#edf8ff 100%);border:1px solid #0ea5e938;border-radius:12px;justify-content:center;align-items:center;min-width:128px;min-height:42px;padding:.8rem 1rem;font-size:.8rem;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex;box-shadow:0 10px 18px #0ea5e914}.secondary-button:hover,.report-actions button:hover{background:linear-gradient(#f0faff 0%,#eaf7ff 100%);border-color:#0ea5e96b;transform:translateY(-1px);box-shadow:0 10px 18px #0ea5e914}.report-actions .back-button{color:#0f172a;letter-spacing:.01em;width:auto;min-width:0;box-shadow:none;background:#f8fafc;border:1px solid #94a3b842;border-radius:999px;padding:.22rem .5rem;font-size:.62rem;font-weight:700;line-height:1.1}.report-actions .back-button:hover{background:#eef6ff;border-color:#0ea5e961;box-shadow:0 6px 12px #0ea5e914}@media (width<=640px){.report-actions{justify-content:stretch;width:100%}.report-actions button{flex:calc(50% - .45rem);min-width:0}}.report-results{-webkit-overflow-scrolling:touch;width:100%;margin-top:1.25rem;overflow-x:auto}.report-results p.no-data{color:#475569;background:#f8fafc;border:1px solid #94a3b82e;border-radius:16px;margin:1rem 0;padding:1rem}.report-results .data-table{border-collapse:collapse;table-layout:auto;background:#fff;border:1px solid #94a3b873;border-radius:16px;width:100%;min-width:980px;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.data-table{border-collapse:collapse;table-layout:fixed;background:#fff;border:1px solid #94a3b873;border-radius:16px;width:100%;min-width:1040px;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.data-table th,.data-table td{text-align:left;vertical-align:middle;overflow-wrap:anywhere;word-break:break-word;white-space:normal;border:1px solid #94a3b84d;padding:.12rem .1rem;line-height:1.05;font-size:.75rem!important}.report-results .data-table th,.report-results .data-table td{min-width:110px;padding:.18rem .22rem;white-space:nowrap!important;font-size:.72rem!important}.report-results .data-table td.fuel-refill-cell{white-space:pre-line!important}.data-table thead th{color:#075985;text-transform:capitalize;letter-spacing:.01em;background:#eef9ff;font-size:.8rem;font-weight:700}.report-results .data-table th,.report-results .data-table td{width:auto!important;min-width:auto!important;max-width:none!important}.report-results .data-table th:first-child,.report-results .data-table td:first-child{text-align:center}.report-results .data-table th:nth-child(6),.report-results .data-table td:nth-child(6),.report-results .data-table th:nth-child(7),.report-results .data-table td:nth-child(7),.report-results .data-table th:nth-child(8),.report-results .data-table td:nth-child(8),.report-results .data-table th:nth-child(9),.report-results .data-table td:nth-child(9),.report-results .data-table th:nth-child(10),.report-results .data-table td:nth-child(10),.report-results .data-table th:nth-child(11),.report-results .data-table td:nth-child(11),.report-results .data-table th:nth-child(12),.report-results .data-table td:nth-child(12),.report-results .data-table th:nth-child(13),.report-results .data-table td:nth-child(13){text-align:right}.data-table tbody tr:hover{background:#f8fbff}.data-table td{color:#475569}.data-table th:first-child,.data-table td:first-child{min-width:100px}.data-table th:nth-child(2),.data-table td:nth-child(2){text-align:center;min-width:60px;max-width:60px}.data-table th:nth-child(3),.data-table td:nth-child(3){text-align:center;min-width:48px;max-width:48px}.data-table th:nth-child(4),.data-table td:nth-child(4),.data-table th:nth-child(5),.data-table td:nth-child(5),.data-table th:nth-child(6),.data-table td:nth-child(6),.data-table th:nth-child(7),.data-table td:nth-child(7),.data-table th:nth-child(8),.data-table td:nth-child(8){min-width:82px}.data-table th:nth-child(8),.data-table td:nth-child(8){text-align:center;min-width:60px}.data-table th:last-child,.data-table td:last-child{white-space:nowrap;text-align:center;border-left:1px solid #94a3b84d;width:56px;min-width:56px}.data-table td:last-child{background:linear-gradient(#fff 0%,#f8fbff 100%);border-left:1px solid #94a3b84d;position:sticky;right:0;box-shadow:-8px 0 12px #0f172a0a}.billing-detail-panel,.billing-client-detail-panel{box-sizing:border-box;width:100%;max-width:none;margin-left:0;margin-right:0;padding:1rem 0;overflow-x:auto}.billing-detail-panel .compact-table{table-layout:auto;min-width:100%;width:100%!important}.billing-detail-panel .compact-table th,.billing-detail-panel .compact-table td{white-space:normal;vertical-align:middle;padding:.38rem .35rem;width:auto!important;min-width:auto!important;max-width:none!important}.billing-detail-panel .compact-table th:nth-child(11),.billing-detail-panel .compact-table td:nth-child(11),.billing-detail-panel .compact-table td:nth-child(10),.billing-detail-panel .compact-table th:nth-child(10){text-align:center}.billing-client-detail-panel .page-header{box-sizing:border-box;margin:0 0 .5rem;padding:.25rem .75rem .5rem .25rem}.billing-client-detail-panel .report-actions{box-sizing:border-box;padding-right:.5rem}.billing-detail-panel .table-wrap,.billing-client-detail-panel .table-wrap{box-sizing:border-box;width:100%;margin-left:0;margin-right:0;padding:0 0 .25rem 1rem;overflow-x:auto}.billing-detail-panel h3,.billing-detail-panel p,.billing-client-detail-panel h3,.billing-client-detail-panel p{padding-left:1rem}@media (width<=720px){h3,.panel h3,.billing-detail-panel h3,.billing-client-detail-panel h3{white-space:nowrap!important;align-items:center!important;font-size:.38rem!important;display:flex!important;overflow-x:auto!important}p,.billing-detail-panel p,.billing-client-detail-panel p{white-space:nowrap!important;font-size:.36rem!important;overflow-x:auto!important}.billing-detail-panel,.billing-client-detail-panel{padding:.5rem 0 .5rem .5rem!important;overflow-x:auto!important}.data-table th,.data-table td{min-width:45px;white-space:nowrap!important;padding:.15rem .1rem!important;font-size:.38rem!important}.billing-detail-panel,.billing-client-detail-panel{width:100%!important;max-width:100%!important;margin:0!important}.billing-detail-panel .compact-table{white-space:nowrap;table-layout:auto;font-size:.38rem!important}.billing-detail-panel .compact-table th,.billing-detail-panel .compact-table td{min-width:45px;white-space:nowrap!important;padding:.15rem .1rem!important;font-size:.38rem!important}.billing-client-detail-panel .compact-table{white-space:nowrap;table-layout:auto;font-size:.38rem!important}.billing-client-detail-panel .compact-table th,.billing-client-detail-panel .compact-table td{min-width:45px;white-space:nowrap!important;padding:.15rem .1rem!important;font-size:.38rem!important}.billing-detail-panel .table-wrap,.billing-client-detail-panel .table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto!important}}@media (width>=721px) and (width<=1200px){h3,.panel h3,.billing-detail-panel h3,.billing-client-detail-panel h3{white-space:nowrap!important;align-items:center!important;font-size:.62rem!important;display:flex!important;overflow-x:auto!important}p,.billing-detail-panel p,.billing-client-detail-panel p{white-space:nowrap!important;font-size:.58rem!important;overflow-x:auto!important}.billing-detail-panel,.billing-client-detail-panel{padding:.5rem 0 .5rem .5rem!important;overflow-x:auto!important}.data-table th,.data-table td{min-width:50px;white-space:nowrap!important;padding:.15rem .1rem!important;font-size:.62rem!important}.billing-detail-panel .compact-table{white-space:nowrap;table-layout:auto;font-size:.62rem!important}.billing-detail-panel .compact-table th,.billing-detail-panel .compact-table td{min-width:38px;white-space:nowrap!important;padding:.12rem .08rem!important;font-size:.62rem!important}.billing-detail-panel .data-table.compact-table{white-space:nowrap;table-layout:auto;font-size:.62rem!important}.billing-detail-panel .data-table.compact-table th,.billing-detail-panel .data-table.compact-table td{min-width:38px;white-space:nowrap!important;padding:.12rem .08rem!important;font-size:.62rem!important}.billing-client-detail-panel .compact-table{white-space:nowrap;table-layout:auto;font-size:.62rem!important}.billing-client-detail-panel .compact-table th,.billing-client-detail-panel .compact-table td{min-width:38px;white-space:nowrap!important;padding:.12rem .08rem!important;font-size:.62rem!important}.billing-client-detail-panel .data-table.compact-table{white-space:nowrap;table-layout:auto;font-size:.62rem!important}.billing-client-detail-panel .data-table.compact-table th,.billing-client-detail-panel .data-table.compact-table td{min-width:38px;white-space:nowrap!important;padding:.12rem .08rem!important;font-size:.62rem!important}.billing-detail-panel .table-wrap,.billing-client-detail-panel .table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto!important}}.fleet-filter-button{border-radius:999px;font-weight:700}.user-pill{border-radius:12px;padding:.5rem .7rem}@media (width<=960px){main{padding:.65rem}.dashboard-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:.65rem!important}.sidebar{padding:.65rem!important}.panel,.hero-card{padding:.85rem}}@media (width<=720px){.panel,.hero-card{padding:.8rem}.page-header{margin-bottom:.75rem;padding-bottom:.5rem}.table-wrap,.report-results{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table{table-layout:fixed;min-width:560px;font-size:.62rem}.data-table th,.data-table td{min-width:60px;padding:.16rem .12rem;font-size:.56rem!important}.billing-detail-panel .data-table th,.billing-detail-panel .data-table td,.billing-client-detail-panel .data-table th,.billing-client-detail-panel .data-table td,.billing-detail-panel .data-table.compact-table th,.billing-detail-panel .data-table.compact-table td,.billing-client-detail-panel .data-table.compact-table th,.billing-client-detail-panel .data-table.compact-table td{font-size:.48rem!important}.report-results .data-table th:first-child,.report-results .data-table td:first-child,.report-results .data-table th:nth-child(2),.report-results .data-table td:nth-child(2),.report-results .data-table th:nth-child(3),.report-results .data-table td:nth-child(3),.report-results .data-table th:nth-child(4),.report-results .data-table td:nth-child(4),.report-results .data-table th:nth-child(5),.report-results .data-table td:nth-child(5),.report-results .data-table th:nth-child(6),.report-results .data-table td:nth-child(6),.report-results .data-table th:nth-child(7),.report-results .data-table td:nth-child(7),.report-results .data-table th:nth-child(8),.report-results .data-table td:nth-child(8),.report-results .data-table th:nth-child(9),.report-results .data-table td:nth-child(9),.report-results .data-table th:nth-child(10),.report-results .data-table td:nth-child(10),.report-results .data-table th:nth-child(11),.report-results .data-table td:nth-child(11),.report-results .data-table th:nth-child(12),.report-results .data-table td:nth-child(12),.report-results .data-table th:nth-child(13),.report-results .data-table td:nth-child(13){text-align:right}.report-results .data-table th:first-child,.report-results .data-table td:first-child,.report-results .data-table th:nth-child(2),.report-results .data-table td:nth-child(2),.report-results .data-table th:nth-child(3),.report-results .data-table td:nth-child(3),.report-results .data-table th:nth-child(4),.report-results .data-table td:nth-child(4){text-align:left}.data-table th:last-child,.data-table td:last-child{white-space:nowrap;z-index:1;background:#fff;position:sticky;right:0}.dashboard-layout{grid-template-columns:minmax(0,1fr)!important;gap:.5rem!important;display:grid!important}.sidebar{z-index:80;align-self:start;min-width:0;max-height:calc(100vh - .7rem);margin-bottom:0;transition:transform .18s;inset:.35rem auto .35rem .35rem;overflow-y:auto;transform:translate(calc(-100% - .75rem));width:min(78vw,280px)!important;padding:.5rem!important;position:fixed!important}.dashboard-layout.mobile-sidebar-open .sidebar{transform:translate(0)}.dashboard-content{grid-column:1;width:100%;margin:0}.sidebar-nav{gap:.3rem;display:grid}.nav-link{text-align:left;overflow-wrap:anywhere;width:100%;min-width:0;padding:.5rem .4rem;font-size:.7rem}.sidebar-footer{margin-top:.3rem;padding-top:.55rem}.dashboard-grid,.dashboard-grid-wide,.dashboard-detail-grid,.field-grid,.pie-chart-layout{grid-template-columns:1fr}.chart-visual{grid-template-columns:1fr;justify-items:center}.chart-legend{order:2;max-width:none}.topbar{position:static}.topbar-actions{justify-content:space-between;width:100%}.page-header h2{font-size:1.25rem}.report-filters,.filter-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;grid-template-columns:none;display:flex;overflow-x:auto}.report-filters .inline-actions,.entity-form .inline-actions{width:auto}.report-filters button,.entity-form button{flex:none}.trip-card-top{flex-direction:column}.trip-status-badge{align-self:flex-start}.notif-list{width:min(92vw,360px)}}@media (width<=420px){main{padding:.35rem}.panel,.hero-card{border-radius:13px;padding:.7rem}.topbar-actions{align-items:stretch}.user-pill{flex:1}.metric-card-value{font-size:1.4rem}}.pie-legend li span{color:#f8fafc;font-weight:700}.pie-legend li strong{color:#e2e8f0;letter-spacing:.01em;font-size:.76rem;font-weight:800}.legend-dot{border-radius:50%;width:.8rem;height:.8rem;display:inline-block}.pie-slice-label{fill:#0f172a;pointer-events:none;font-size:.72rem;font-weight:700}@media (width<=900px){.pie-chart-layout{grid-template-columns:1fr}}.breakdown-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.breakdown-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;padding:.75rem 1rem;display:flex}.route-profit-table{border-collapse:collapse;width:100%}.route-profit-table th,.route-profit-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.75rem .9rem}.route-profit-table th{color:#475569;font-size:.9rem}.route-profit-table td{font-size:.95rem}.nav-link.active{color:#0f172a;background:#38bdf833;border-color:#38bdf859}@media (width>=721px) and (width<=900px){main{padding:1rem}.nav-toggle{display:none}.dashboard-layout{justify-content:start;grid-template-columns:minmax(170px,200px) minmax(0,1fr)!important}.dashboard-content{width:100%;min-width:0}.topbar{align-self:stretch;width:100%;max-width:none}.topbar-actions{justify-content:flex-start;align-items:flex-start;gap:.65rem;width:100%}.sidebar{width:auto;min-height:auto;flex-direction:column!important;display:flex!important;position:sticky!important;top:.5rem!important}.sidebar-nav{gap:.4rem;width:100%;margin:0;display:grid}.mobile-sidebar .nav-link,.nav-link{width:100%;min-width:0;padding:.6rem .8rem;font-size:.88rem}.dashboard-grid,.dashboard-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid,.filter-row{grid-template-columns:1fr}.dashboard-grid .panel.fleet-section,.dashboard-grid .panel.fleet-section.active{grid-column:1/-1!important;width:100%!important;max-width:100%!important}.audit-list.fleet-list{gap:.7rem}.audit-list.fleet-list li{grid-template-columns:1fr;align-items:flex-start}.audit-list.fleet-list .inline-actions{grid-area:auto/1;justify-content:flex-start;width:100%}.fleet-mobile-nav{display:flex}.dashboard-grid .panel.fleet-section{display:none}.dashboard-grid .panel.fleet-section.active{display:block;width:100%!important;max-width:100%!important}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:flex-start;align-items:flex-start;gap:.65rem}.nav-toggle{flex:none;align-self:flex-start;width:auto;min-width:auto;padding:.6rem .85rem;display:inline-flex}.topbar-auth{grid-template-columns:1fr;gap:.5rem;width:100%;display:grid}.topbar-auth input,.topbar-auth button,.topbar-auth .secondary{width:100%}.topbar-auth input{max-width:100%}.topbar-actions>.nav-toggle{width:auto}}@media (width<=640px){main{padding:.75rem}.dashboard-layout.auth-layout .dashboard-content,.dashboard-content,.panel{width:100%;max-width:none;margin:0 auto}.hero-card,.panel,.brand-panel,.sidebar,.topbar{border-radius:16px;width:100%;max-width:none;padding:1rem}.sidebar{padding:.85rem}.brand-panel{flex-wrap:wrap;gap:.75rem}.brand-logo{width:7rem}.sidebar-nav{justify-content:flex-start;gap:.5rem;width:100%;margin:0;padding-bottom:.25rem;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{height:7px}.sidebar-nav::-webkit-scrollbar-thumb{background:#38bdf859;border-radius:999px}.nav-link{flex:1 0 auto;min-width:120px;padding:.65rem .8rem;font-size:.85rem}.topbar-auth{gap:.5rem}.notif-list{width:auto;max-width:calc(100vw - 2rem);left:auto;right:0}.notif-bell{padding:.4rem .5rem}.topbar-actions{gap:.5rem}.nav-toggle{color:#0f172a;cursor:pointer;background:#eff6ff;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.6rem .85rem;font-size:1.05rem;display:inline-flex}.chart-panel{padding:.75rem}.chart-visual{max-height:240px;padding:.15rem .25rem .2rem;overflow:hidden}.chart-visual svg{max-width:150px}.chart-legend{max-width:140px}.status-row,.trip-card-meta,.audit-list li,.report-table th,.report-table td{font-size:.92rem}.audit-list.fleet-list li{grid-template-columns:1fr!important;align-items:flex-start!important;gap:.35rem!important;display:grid!important}.audit-list.fleet-list strong,.audit-list.fleet-list span,.audit-list.fleet-list small{grid-column:1!important}.audit-list.fleet-list .inline-actions{grid-area:auto/1!important;justify-content:flex-start!important;width:100%!important}}.maintenance-alert-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.maintenance-alert-container{background:#fff;border-radius:12px;width:90%;max-width:500px;animation:.3s ease-out slideIn;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.maintenance-alert-header{color:#fff;background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%);justify-content:space-between;align-items:center;padding:20px;display:flex}.maintenance-alert-title{margin:0;font-size:18px;font-weight:600}.maintenance-alert-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s;display:flex}.maintenance-alert-close:hover{background:#ffffff4d;transform:scale(1.1)}.maintenance-alert-body{color:#333;padding:24px}.maintenance-alert-message{color:#1a1a1a;margin:0 0 12px;font-size:16px;font-weight:500;line-height:1.5}.maintenance-alert-details{color:#666;margin:0;font-size:14px;line-height:1.5}.maintenance-alert-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%);border:none;border-radius:6px;width:calc(100% - 48px);margin:0 24px 20px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.maintenance-alert-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ff98004d}.maintenance-alert-button:active{transform:translateY(0)}.report-preview-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.report-preview{background:#fff;border-radius:8px;width:min(760px,100%);max-height:90vh;padding:1.25rem;overflow:auto;box-shadow:0 24px 80px #0f172a4d}.report-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.report-preview-grid div{background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;gap:.2rem;padding:.7rem;display:flex}.report-preview-grid span{color:#64748b;font-size:.75rem}@media (width<=640px){.report-preview-grid{grid-template-columns:1fr}}.payment-form-section{background:linear-gradient(135deg,#f0f9ff 0%,#ecfdf5 100%);border:1px solid #38bdf833;border-radius:16px;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:grid;box-shadow:0 8px 20px #38bdf814}.payment-form-section h4{color:#0f172a;letter-spacing:.01em;margin:0;font-size:1.1rem;font-weight:700}.payment-form{gap:1rem;display:grid}.payment-form-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.payment-form label{color:#0f172a;gap:.5rem;font-size:.95rem;font-weight:600;display:grid}.payment-form input,.payment-form select,.payment-form textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #64748b4d;border-radius:12px;width:100%;min-height:48px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .16s,box-shadow .16s}.payment-form textarea{resize:vertical;min-height:80px}.payment-form input:focus,.payment-form select:focus,.payment-form textarea:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 4px #38bdf826}.payment-form-wide{grid-column:1/-1}.payment-form-actions{gap:.75rem;margin-top:.5rem;display:flex}.payment-form-submit{color:#082f49;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border:none;border-radius:12px;min-height:48px;padding:.85rem 2rem;font-size:1rem;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 8px 18px #0ea5e933}.payment-form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #0ea5e94d}.payment-form-submit:active:not(:disabled){transform:translateY(0)}.payment-form-submit:disabled{opacity:.6;cursor:not-allowed}.payment-form-success{color:#166534;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #22c55e4d;border-radius:12px;margin:0;padding:1rem;font-size:.95rem;font-weight:600;box-shadow:0 6px 16px #22c55e1f}.payment-form-error{color:#b91c1c;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #ef44444d;border-radius:12px;margin:0;padding:1rem;font-size:.95rem;font-weight:600;box-shadow:0 6px 16px #ef44441f}@media (width<=720px){.payment-form-section{margin-bottom:1.5rem;padding:1rem}.payment-form-fields{grid-template-columns:1fr}.payment-form-submit{width:100%}}