:root{--navy:#061b55;--navy2:#0a2b71;--primary:#075cff;--bg:#f5f7fc;--text:#101c48;--muted:#637096;--line:#e7ebf4;--green:#16a34a;--orange:#f97316;--purple:#7c3aed;--red:#ef4444}
*{box-sizing:border-box}html{font-size:14px}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-weight:400;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{text-decoration:none}
.splash-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,var(--navy),#073c9a 62%,#075cff);color:#fff}.splash-logo{width:72px;height:72px;margin:auto;border-radius:23px;display:grid;place-items:center;font-size:30px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 45px rgba(0,0,0,.22)}.splash-title{font-size:23px;font-weight:600;margin:16px 0 4px}.splash-subtitle{font-size:12px;opacity:.8}.loader{width:28px;height:28px;margin:28px auto 0;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.auth-shell{min-height:100dvh;display:grid;align-items:center;padding:20px 15px;background:linear-gradient(180deg,var(--navy) 0 34%,var(--bg) 34%)}.auth-card{width:min(100%,390px);margin:auto;background:#fff;border-radius:26px;padding:26px 22px;box-shadow:0 16px 45px rgba(6,27,85,.15)}.app-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:22px;background:linear-gradient(135deg,var(--navy2),var(--primary));box-shadow:0 10px 24px rgba(7,92,255,.25)}.auth-title{font-size:20px;font-weight:600}.auth-description{font-size:12px;color:var(--muted)}.form-label{font-size:11px;font-weight:500;color:#4e5875}.form-control,.input-group-text{min-height:48px;border-color:#dfe5f0;font-size:13px}.btn{font-size:13px;font-weight:500}.btn-primary{min-height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--navy2),var(--primary))}.alert{font-size:12px}
.app-shell{min-height:100dvh}.desktop-sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:var(--navy);padding:22px 14px;z-index:10}.desktop-brand{color:#fff;font-size:16px;font-weight:600;padding:0 9px 22px}.desktop-brand span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--primary);margin-right:9px}.desktop-sidebar>a{display:flex;gap:11px;align-items:center;padding:12px 13px;border-radius:12px;color:#cbd5ee;margin:4px 0;font-size:13px}.desktop-sidebar>a.active,.desktop-sidebar>a:hover{background:var(--primary);color:#fff}.app-main{margin-left:245px}.mobile-hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:18px 24px 62px}.status-row{display:none}.hero-row{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto}.icon-button{border:0;background:rgba(255,255,255,.08);color:#fff;width:42px;height:42px;border-radius:13px;font-size:22px}.hero-copy{text-align:left;flex:1;padding-left:15px}.hero-copy p{margin:0;font-size:12px;opacity:.8}.hero-copy h1{font-size:24px;font-weight:600;margin:2px 0}.hero-copy small{font-size:11px;opacity:.8}.notification-button{position:relative}.notification-button span{position:absolute;right:-3px;top:-4px;background:#ef2d2d;color:#fff;border:2px solid var(--navy);border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:9px}.dashboard-content{max-width:1180px;margin:-42px auto 0;padding:0 22px 40px}.welcome-card,.content-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 26px rgba(21,38,82,.06)}.welcome-card{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;margin-bottom:14px}.welcome-card small{font-size:10px;color:var(--muted)}.welcome-card h2{font-size:16px;font-weight:600;margin:2px 0 0}.mini-avatar{width:40px;height:40px;border-radius:14px;background:#eaf1ff;color:var(--primary);display:grid;place-items:center;font-weight:600}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px}.metric-card{border-radius:19px;padding:15px;border:1px solid;min-height:145px}.metric-card.green{background:#f2fbf5;border-color:#d8f0df}.metric-card.blue{background:#f2f7ff;border-color:#d7e5ff}.metric-card.orange{background:#fff7ef;border-color:#ffe3c7}.metric-card.purple{background:#f8f3ff;border-color:#eadcff}.metric-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:17px}.green .metric-icon,.green strong,.green small{color:var(--green)}.blue .metric-icon,.blue strong,.blue small{color:var(--primary)}.orange .metric-icon,.orange strong,.orange small{color:var(--orange)}.purple .metric-icon,.purple strong,.purple small{color:var(--purple)}.metric-card p{font-size:11px;color:var(--muted);margin:11px 0 3px}.metric-card strong{display:block;font-size:18px;font-weight:600;white-space:nowrap}.metric-card small{font-size:9px}.content-card{padding:17px;margin-bottom:14px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head h3{font-size:14px;font-weight:600;margin:0}.section-head p{font-size:10px;color:var(--muted);margin:3px 0 0}.section-head>a{font-size:11px;color:var(--primary);font-weight:500}.section-head button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 10px;font-size:10px;color:var(--text)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.quick-grid>a{text-align:center;color:var(--text);font-size:10px}.quick-grid span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;margin:0 auto 7px;font-size:19px}.quick-grid span.green{background:#eaf8ef;color:var(--green)}.quick-grid span.orange{background:#fff1e5;color:var(--orange)}.quick-grid span.blue{background:#eaf1ff;color:var(--primary)}.quick-grid span.purple{background:#f1eaff;color:var(--purple)}.quick-grid b{font-weight:500;line-height:1.25}.chart-legend{display:flex;gap:16px;margin:13px 0 3px;font-size:10px;color:var(--muted)}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.income-dot{background:var(--green)}.expense-dot{background:var(--red)}.mini-chart{width:100%;height:165px;overflow:visible}.gridline{stroke:#e8edf5;stroke-width:1;stroke-dasharray:4}.income-fill{fill:url(#fillIncome)}.income-line{fill:none;stroke:#22b45a;stroke-width:3;stroke-linecap:round}.expense-line{fill:none;stroke:#ef4444;stroke-width:2.5;stroke-linecap:round}.chart-days{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.mobile-list{margin-top:8px}.mobile-list-item{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);color:var(--text)}.mobile-list-item:last-child{border-bottom:0}.list-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.list-icon.green{background:#e9f8ee;color:var(--green)}.list-icon.blue{background:#e9f1ff;color:var(--primary)}.list-icon.orange{background:#fff1e5;color:var(--orange)}.list-icon.purple{background:#f1eaff;color:var(--purple)}.list-copy b{display:block;font-size:11px;font-weight:500}.list-copy small{font-size:9px;color:var(--muted)}.list-right{display:flex;align-items:center;gap:8px}.list-right em{font-size:10px;color:var(--green);font-style:normal;font-weight:500}.list-right i{font-size:11px;color:var(--muted)}.bottom-nav{display:none}
@media(max-width:991.98px){.desktop-sidebar{display:none}.app-main{margin-left:0}.mobile-hero{padding:9px 16px 64px}.status-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;padding:2px 3px 13px}.status-row span:last-child{display:flex;gap:7px;font-size:13px}.hero-row{align-items:center}.icon-button{width:38px;height:38px;background:transparent;font-size:23px}.hero-copy{text-align:center;padding:0 8px}.hero-copy p{display:none}.hero-copy h1{font-size:20px;margin:0}.hero-copy small{font-size:10px}.dashboard-content{margin-top:-46px;padding:0 12px calc(98px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:9px 7px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(12,32,79,.09)}.bottom-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#627092;font-size:9px;gap:3px;min-height:45px}.bottom-nav>a>i{font-size:21px}.bottom-nav>a.active{color:var(--primary)}.bottom-nav .fab-link{width:58px;height:58px;min-height:58px;border-radius:50%;margin:-30px auto 0;background:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(7,92,255,.36);border:4px solid #fff}.bottom-nav .fab-link i{font-size:27px}.bottom-nav .fab-link span{display:none}}
@media(max-width:575.98px){html{font-size:13px}.auth-shell{align-items:stretch;padding:0;background:linear-gradient(180deg,var(--navy) 0 29%,#fff 29%)}.auth-card{width:100%;max-width:none;min-height:100dvh;border-radius:0;box-shadow:none;padding:max(42px,env(safe-area-inset-top)) 20px 24px;display:flex;flex-direction:column;justify-content:center}.welcome-card{border-radius:18px;padding:13px 14px}.welcome-card h2{font-size:14px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:9px}.metric-card{min-height:128px;padding:13px;border-radius:16px}.metric-icon{width:34px;height:34px;font-size:15px}.metric-card p{font-size:9.5px;margin-top:9px}.metric-card strong{font-size:16px}.metric-card small{font-size:8.5px}.content-card{padding:14px;border-radius:18px}.section-head h3{font-size:13px}.quick-grid{gap:5px}.quick-grid span{width:42px;height:42px;border-radius:14px;font-size:17px}.quick-grid b{font-size:9px}.mini-chart{height:135px}.mobile-list-item{grid-template-columns:38px 1fr auto;gap:8px;padding:10px 0}.list-icon{width:34px;height:34px}.list-copy b{font-size:10.5px}.list-right em{font-size:9.5px}}
@media(max-width:359.98px){.dashboard-content{padding-left:9px;padding-right:9px}.metric-grid{gap:7px}.metric-card{padding:11px}.metric-card strong{font-size:14px}.quick-grid span{width:38px;height:38px}.bottom-nav>a{font-size:8px}}

/* Fleet Hesabu V4 — stronger mobile card and icon visibility */
.metric-card{position:relative;overflow:hidden;box-shadow:0 7px 20px rgba(15,35,79,.075);transition:transform .18s ease,box-shadow .18s ease}
.metric-card::after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;right:-28px;top:-30px;opacity:.5;pointer-events:none}
.metric-card.green{background:linear-gradient(145deg,#e9fff1 0%,#f8fffa 100%);border-color:#a9e8bd}.metric-card.green::after{background:#b9f2ca}
.metric-card.blue{background:linear-gradient(145deg,#e8f1ff 0%,#f8fbff 100%);border-color:#a9c9ff}.metric-card.blue::after{background:#bfd6ff}
.metric-card.orange{background:linear-gradient(145deg,#fff0df 0%,#fffaf4 100%);border-color:#ffc98f}.metric-card.orange::after{background:#ffd7ab}
.metric-card.purple{background:linear-gradient(145deg,#f2e9ff 0%,#fcf9ff 100%);border-color:#d4b6ff}.metric-card.purple::after{background:#ddc8ff}
.metric-icon{position:relative;z-index:1;width:44px;height:44px;border-radius:15px;border:1px solid rgba(255,255,255,.85);box-shadow:0 7px 16px rgba(24,46,96,.12);font-size:19px}
.metric-card.green .metric-icon{background:#d8f8e2;color:#12863c}.metric-card.blue .metric-icon{background:#d9e8ff;color:#075cff}.metric-card.orange .metric-icon{background:#ffe2c2;color:#e85d04}.metric-card.purple .metric-icon{background:#e7d8ff;color:#7135c8}
.metric-card p,.metric-card strong,.metric-card small{position:relative;z-index:1}.metric-card p{color:#52617f;font-weight:500}.metric-card strong{color:#13214d}.metric-card small{display:inline-flex;align-items:center;width:max-content;padding:3px 7px;border-radius:999px;font-weight:600;margin-top:5px}
.metric-card.green small{background:#d9f7e2;color:#147b39}.metric-card.blue small{background:#dbe9ff;color:#0756df}.metric-card.orange small{background:#ffe3c5;color:#c95000}.metric-card.purple small{background:#eadcff;color:#6e31bf}
.quick-grid>a{padding:6px 2px;border-radius:15px;transition:background .18s ease,transform .18s ease}.quick-grid>a:active{transform:scale(.96)}
.quick-grid span{border:1px solid transparent;box-shadow:0 7px 15px rgba(20,43,91,.09)}
.quick-grid span.green{background:#dff8e7;color:#12863c;border-color:#bde9ca}.quick-grid span.orange{background:#ffe7cc;color:#dd5a06;border-color:#ffd0a0}.quick-grid span.blue{background:#deebff;color:#075cff;border-color:#bcd5ff}.quick-grid span.purple{background:#eadfff;color:#7135c8;border-color:#d6c0ff}
.list-icon{border:1px solid transparent;box-shadow:0 5px 13px rgba(20,43,91,.08);font-size:16px}.list-icon.green{background:#dff8e7;color:#12863c;border-color:#bde9ca}.list-icon.blue{background:#deebff;color:#075cff;border-color:#bcd5ff}.list-icon.orange{background:#ffe7cc;color:#dd5a06;border-color:#ffd0a0}.list-icon.purple{background:#eadfff;color:#7135c8;border-color:#d6c0ff}
.content-card{box-shadow:0 8px 24px rgba(18,38,82,.075);border-color:#e2e8f3}.welcome-card{background:linear-gradient(135deg,#fff,#f4f8ff);border-color:#dce7fa}.mini-avatar{background:linear-gradient(135deg,#dbe8ff,#edf4ff);border:1px solid #bfd5ff;box-shadow:0 5px 12px rgba(7,92,255,.12)}
.bottom-nav .fab-link{background:linear-gradient(145deg,#1269ff,#004cdf);box-shadow:0 10px 24px rgba(7,92,255,.42)}
@media(hover:hover){.metric-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,35,79,.11)}}
@media(max-width:575.98px){.metric-card{min-height:134px}.metric-icon{width:40px;height:40px;border-radius:14px;font-size:18px}.metric-card strong{font-size:16px;letter-spacing:-.15px}.quick-grid span{width:44px;height:44px}.content-card{box-shadow:0 7px 20px rgba(18,38,82,.07)}}

/* Fleet Hesabu V5 — white app background and eye-catching summary cards */
:root{--bg:#ffffff}
body,.app-shell,.app-main{background:#fff}
.dashboard-content{background:#fff}

/* Strong, visible summary cards */
.metric-card{border-width:1px;box-shadow:0 8px 20px rgba(14,34,78,.12)}
.metric-card.green{background:linear-gradient(145deg,#d6f8df 0%,#bcefc9 100%);border-color:#86d89e}
.metric-card.green::after{background:#75d792;opacity:.32}
.metric-card.blue{background:linear-gradient(145deg,#d9e8ff 0%,#b7d2ff 100%);border-color:#82adf5}
.metric-card.blue::after{background:#70a0f6;opacity:.30}
.metric-card.orange{background:linear-gradient(145deg,#ffe4c4 0%,#ffc98f 100%);border-color:#f3a95c}
.metric-card.orange::after{background:#f39b42;opacity:.28}
.metric-card.purple{background:linear-gradient(145deg,#eadcff 0%,#d5bdff 100%);border-color:#b18aec}
.metric-card.purple::after{background:#a276e8;opacity:.28}

/* Strong icon backgrounds inside the cards */
.metric-icon{border:0;box-shadow:0 7px 15px rgba(18,37,82,.16);color:#fff!important}
.metric-card.green .metric-icon{background:#159447;color:#fff}
.metric-card.blue .metric-icon{background:#075cff;color:#fff}
.metric-card.orange .metric-icon{background:#e8660c;color:#fff}
.metric-card.purple .metric-icon{background:#7438c7;color:#fff}

.metric-card p{color:#273557;font-weight:500}
.metric-card strong{color:#0e1c45;font-weight:650}
.metric-card small{background:rgba(255,255,255,.72)!important;color:#243257!important;border:1px solid rgba(255,255,255,.8)}

/* Quick action icons with clearly visible coloured backgrounds */
.quick-grid span.green{background:#159447;color:#fff;border-color:#159447}
.quick-grid span.orange{background:#e8660c;color:#fff;border-color:#e8660c}
.quick-grid span.blue{background:#075cff;color:#fff;border-color:#075cff}
.quick-grid span.purple{background:#7438c7;color:#fff;border-color:#7438c7}
.quick-grid span{box-shadow:0 7px 15px rgba(18,37,82,.17)}

/* Activity icons */
.list-icon.green{background:#159447;color:#fff;border-color:#159447}
.list-icon.blue{background:#075cff;color:#fff;border-color:#075cff}
.list-icon.orange{background:#e8660c;color:#fff;border-color:#e8660c}
.list-icon.purple{background:#7438c7;color:#fff;border-color:#7438c7}

/* Keep content sections clean on white background */
.welcome-card,.content-card{background:#fff;border-color:#e3e8f1;box-shadow:0 7px 20px rgba(18,38,82,.08)}
.welcome-card{background:#fff}

@media(max-width:575.98px){
  .dashboard-content{background:#fff}
  .metric-card{min-height:136px}
}

/* Fleet Hesabu V6 — restore the approved Muhtasari box while keeping white app background */
.welcome-card{
  background:linear-gradient(135deg,#ffffff 0%,#f1f6ff 100%);
  border:1px solid #d7e4fb;
  box-shadow:0 8px 22px rgba(19,49,105,.09);
}
.welcome-card small{color:#6a7692}
.welcome-card h2{color:#101f4d}
.mini-avatar{
  background:linear-gradient(135deg,#dbe8ff,#eef4ff);
  color:#075cff;
  border:1px solid #bfd5ff;
  box-shadow:0 5px 12px rgba(7,92,255,.13);
}

/* Fleet Hesabu V7 — exact restoration of the original Muhtasari wa Leo box */
.dashboard-content > .welcome-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 18px;
  margin-bottom:14px;
  background:linear-gradient(135deg,#ffffff,#f4f8ff);
  border:1px solid #dce7fa;
  border-radius:22px;
  box-shadow:0 8px 26px rgba(21,38,82,.06);
}
.dashboard-content > .welcome-card small{
  font-size:10px;
  color:#637096;
}
.dashboard-content > .welcome-card h2{
  font-size:16px;
  font-weight:600;
  line-height:1.2;
  margin:2px 0 0;
  color:#101c48;
}
.dashboard-content > .welcome-card .mini-avatar{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-weight:600;
  background:linear-gradient(135deg,#dbe8ff,#edf4ff);
  color:#075cff;
  border:1px solid #bfd5ff;
  box-shadow:0 5px 12px rgba(7,92,255,.12);
}
@media(max-width:575.98px){
  .dashboard-content > .welcome-card{
    border-radius:18px;
    padding:13px 14px;
  }
  .dashboard-content > .welcome-card h2{
    font-size:14px;
  }
}

/* Fleet Hesabu V8 — restore the true floating/overlay Muhtasari card */
@media(max-width:991.98px){
  .dashboard-content{
    position:relative;
    z-index:4;
    background:transparent !important;
    margin-top:-46px;
  }
  .dashboard-content > .welcome-card{
    position:relative;
    z-index:5;
    background:#fff;
    border:0;
    box-shadow:0 12px 30px rgba(7,27,78,.16);
  }
}
@media(max-width:575.98px){
  .dashboard-content{
    background:transparent !important;
  }
  .dashboard-content > .welcome-card{
    margin-bottom:14px;
    border-radius:18px;
  }
}


/* Fleet Hesabu V9 — Owner vehicles page */
.place-center{place-items:center}.owner-page-hero{padding-bottom:78px}.owner-page-content{margin-top:-58px}.owner-summary-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#075cff 0%,#173ea8 100%);color:#fff;padding:18px;border-radius:22px;box-shadow:0 14px 32px rgba(7,65,190,.28);margin-bottom:14px;overflow:hidden;position:relative}.owner-summary-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.1);right:-50px;top:-65px}.owner-summary-card small{display:block;font-size:10px;opacity:.8}.owner-summary-card strong{display:block;font-size:28px;line-height:1.05;margin:4px 0 7px;font-weight:650}.owner-summary-card span{font-size:10px;background:rgba(255,255,255,.15);padding:5px 8px;border-radius:999px}.owner-summary-icon{position:relative;z-index:1;width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:25px;border:1px solid rgba(255,255,255,.2)}
.vehicle-toolbar{display:grid;grid-template-columns:1fr 48px;gap:9px;margin-bottom:11px}.vehicle-search{height:48px;border:1px solid #e0e6f0;background:#fff;border-radius:15px;display:flex;align-items:center;padding:0 14px;gap:10px;box-shadow:0 5px 16px rgba(18,38,82,.06)}.vehicle-search i{color:#74809d}.vehicle-search input{width:100%;border:0;outline:0;font-size:12px;color:#14214b}.vehicle-search input::placeholder{color:#9099ae}.filter-button{height:48px;border:0;border-radius:15px;background:#eaf1ff;color:#075cff;font-size:19px;box-shadow:0 5px 16px rgba(7,92,255,.11)}
.vehicle-filter-row{display:flex;gap:7px;overflow-x:auto;padding:1px 0 12px;scrollbar-width:none}.vehicle-filter-row::-webkit-scrollbar{display:none}.vehicle-filter-row button{flex:0 0 auto;border:1px solid #e0e6f0;background:#fff;color:#627092;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:500}.vehicle-filter-row button span{margin-left:3px;background:#eef2f8;padding:2px 5px;border-radius:999px}.vehicle-filter-row button.active{background:#075cff;color:#fff;border-color:#075cff;box-shadow:0 6px 14px rgba(7,92,255,.2)}.vehicle-filter-row button.active span{background:rgba(255,255,255,.18)}
.vehicle-list-head{margin:2px 1px 9px}.vehicle-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vehicle-card{background:#fff;border:1px solid #e3e8f1;border-radius:19px;padding:14px;box-shadow:0 7px 20px rgba(18,38,82,.075)}.vehicle-card-top{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}.vehicle-main-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:20px}.vehicle-main-icon.green{background:#159447}.vehicle-main-icon.blue{background:#075cff}.vehicle-main-icon.orange{background:#e8660c}.vehicle-main-icon.purple{background:#7438c7}.vehicle-title strong{display:block;font-size:13px;color:#101c48}.vehicle-title small{font-size:9.5px;color:#727e99}.vehicle-status{font-size:8.5px;font-weight:600;padding:5px 7px;border-radius:999px;white-space:nowrap}.vehicle-status.green{background:#def7e7;color:#168044}.vehicle-status.blue{background:#e1ecff;color:#0756df}.vehicle-status.orange{background:#ffead4;color:#c85b0f}.vehicle-status.purple{background:#eee3ff;color:#6f35bb}.vehicle-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 12px}.vehicle-meta-grid>div{display:flex;align-items:center;gap:8px;background:#f8faff;border-radius:13px;padding:9px}.meta-icon{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center}.meta-icon.blue{background:#deebff;color:#075cff}.meta-icon.green{background:#dff8e7;color:#159447}.vehicle-meta-grid p{margin:0;min-width:0}.vehicle-meta-grid small{display:block;font-size:8px;color:#7b86a0}.vehicle-meta-grid b{display:block;font-size:9.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f5;padding-top:10px}.vehicle-card-bottom small{font-size:8.5px;color:#7d87a0}.vehicle-card-bottom a{font-size:9.5px;color:#075cff;font-weight:600}.owner-add-fab{position:fixed;right:22px;bottom:25px;z-index:25;height:50px;border-radius:16px;background:#075cff;color:#fff;display:flex;align-items:center;gap:8px;padding:0 18px;box-shadow:0 10px 25px rgba(7,92,255,.3);font-size:12px;font-weight:600}.owner-add-fab i{font-size:19px}.vehicle-empty{display:none;place-items:center;text-align:center;padding:35px 20px}.vehicle-empty span{width:54px;height:54px;border-radius:18px;background:#eaf1ff;color:#075cff;display:grid;place-items:center;font-size:22px}.vehicle-empty h3{font-size:14px;margin:12px 0 4px}.vehicle-empty p{font-size:10px;color:#7a859e;margin:0}
@media(max-width:991.98px){.owner-add-fab{display:none}.vehicle-list{grid-template-columns:1fr}.owner-page-content{margin-top:-58px}}
@media(max-width:575.98px){.owner-summary-card{border-radius:19px;padding:16px}.owner-summary-card strong{font-size:25px}.owner-summary-icon{width:48px;height:48px;border-radius:16px;font-size:22px}.vehicle-card{padding:13px;border-radius:18px}.vehicle-card-top{grid-template-columns:42px 1fr auto}.vehicle-main-icon{width:42px;height:42px}.vehicle-meta-grid{margin-top:12px}}

/* Fleet Hesabu V10 — Owner vehicle details */
.vehicle-detail-hero{padding-bottom:82px}.vehicle-detail-content{margin-top:-62px}.vehicle-profile-card{background:#fff;border-radius:22px;padding:16px;box-shadow:0 13px 30px rgba(7,27,78,.15);margin-bottom:14px}.vehicle-profile-main{display:grid;grid-template-columns:54px 1fr auto;gap:11px;align-items:center}.vehicle-profile-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:25px}.vehicle-profile-icon.green{background:#159447}.vehicle-profile-icon.blue{background:#075cff}.vehicle-profile-icon.orange{background:#e8660c}.vehicle-profile-icon.purple{background:#7438c7}.vehicle-profile-main small{font-size:8.5px;color:#7a859d}.vehicle-profile-main h2{font-size:15px;margin:2px 0 1px;font-weight:650}.vehicle-profile-main p{font-size:10px;color:#4e5c7d;margin:0;font-weight:600}.vehicle-route{display:flex;gap:9px;align-items:center;background:#f4f7fc;border-radius:14px;padding:10px 11px;margin-top:13px}.vehicle-route>span{width:32px;height:32px;border-radius:10px;background:#dfeaff;color:#075cff;display:grid;place-items:center}.vehicle-route small{display:block;font-size:8px;color:#7c87a0}.vehicle-route strong{display:block;font-size:10.5px;font-weight:600}.vehicle-detail-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:17px}.vehicle-detail-actions a{background:#fff;border:1px solid #e6eaf2;border-radius:16px;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 6px 16px rgba(18,38,82,.055)}.vehicle-detail-actions span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:16px}.vehicle-detail-actions span.blue{background:#075cff;color:#fff}.vehicle-detail-actions span.green{background:#159447;color:#fff}.vehicle-detail-actions span.orange{background:#e8660c;color:#fff}.vehicle-detail-actions span.purple{background:#7438c7;color:#fff}.vehicle-detail-actions small{font-size:8.5px;color:#33405f;font-weight:600}.vehicle-detail-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px}.detail-metric{position:relative;overflow:hidden;border-radius:18px;padding:13px;border:1px solid;min-height:105px}.detail-metric>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;margin-bottom:10px}.detail-metric small{display:block;font-size:8.5px;color:#4f5b78}.detail-metric strong{font-size:12px;display:block;margin-top:2px}.detail-metric.green{background:linear-gradient(145deg,#d6f8df,#bcefc9);border-color:#86d89e}.detail-metric.green>span{background:#159447}.detail-metric.orange{background:linear-gradient(145deg,#ffe4c4,#ffc98f);border-color:#f3a95c}.detail-metric.orange>span{background:#e8660c}.detail-metric.blue{background:linear-gradient(145deg,#d9e8ff,#b7d2ff);border-color:#82adf5}.detail-metric.blue>span{background:#075cff}.detail-metric.purple{background:linear-gradient(145deg,#eadcff,#d5bdff);border-color:#b18aec}.detail-metric.purple>span{background:#7438c7}.target-card{background:#fff;border:1px solid #e4e9f2;border-radius:18px;padding:14px;box-shadow:0 7px 18px rgba(18,38,82,.065);margin-bottom:17px}.target-head{display:flex;justify-content:space-between;align-items:end}.target-head small{font-size:8.5px;color:#7b86a0;display:block}.target-head strong{font-size:13px}.target-head b{font-size:12px;color:#075cff}.target-track{height:8px;background:#e9eef7;border-radius:999px;margin:11px 0 8px;overflow:hidden}.target-track span{display:block;height:100%;background:linear-gradient(90deg,#075cff,#43a2ff);border-radius:999px}.target-card p{font-size:8.5px;color:#7b86a0;margin:0}.assigned-driver-card{display:grid;grid-template-columns:44px 1fr 36px 36px;gap:9px;align-items:center;background:#fff;border:1px solid #e4e9f2;border-radius:18px;padding:12px;box-shadow:0 7px 18px rgba(18,38,82,.06);margin-bottom:17px}.driver-avatar{width:44px;height:44px;border-radius:14px;background:#dfeaff;color:#075cff;display:grid;place-items:center;font-size:20px}.assigned-driver-card strong{display:block;font-size:11px}.assigned-driver-card small{font-size:8.5px;color:#7a859d}.assigned-driver-card>a{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#e5f7eb;color:#159447}.assigned-driver-card>a:last-child{background:#e6efff;color:#075cff}.vehicle-info-list{background:#fff;border:1px solid #e4e9f2;border-radius:18px;overflow:hidden;box-shadow:0 7px 18px rgba(18,38,82,.06)}.vehicle-info-list>div{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px 13px;border-bottom:1px solid #edf0f5}.vehicle-info-list>div:last-child{border-bottom:0}.vehicle-info-list>div>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center}.vehicle-info-list span.blue{background:#e1ebff;color:#075cff}.vehicle-info-list span.green{background:#ddf7e6;color:#159447}.vehicle-info-list span.purple{background:#eee3ff;color:#7438c7}.vehicle-info-list p{margin:0}.vehicle-info-list small{display:block;font-size:8px;color:#7b86a0}.vehicle-info-list strong{display:block;font-size:10px}.vehicle-info-list>div>i{font-size:12px;color:#9aa3b6}
@media(max-width:575.98px){.vehicle-profile-card{border-radius:19px;padding:14px}.vehicle-profile-main{grid-template-columns:50px 1fr auto}.vehicle-profile-icon{width:50px;height:50px;border-radius:16px}.vehicle-detail-actions{gap:7px}.vehicle-detail-actions a{min-height:72px}.detail-metric{min-height:101px}}

/* Fleet Hesabu V12 — Owner vehicle add/edit */
.vehicle-form-hero{padding-bottom:84px}.vehicle-form-content{margin-top:-64px}.vehicle-form-card{background:#fff;border:1px solid #e6eaf2;border-radius:22px;padding:17px;box-shadow:0 13px 30px rgba(7,27,78,.14);max-width:760px;margin:0 auto}.form-error-box{display:flex;gap:10px;background:#fff0f0;color:#bb2632;border:1px solid #ffcbd0;border-radius:14px;padding:11px 12px;margin-bottom:15px}.form-error-box>i{font-size:17px}.form-error-box p{font-size:9.5px;margin:0 0 3px}.form-error-box p:last-child{margin-bottom:0}.form-section-title{display:flex;gap:10px;align-items:center;margin:2px 0 14px}.form-section-title>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:17px}.form-section-title span.blue{background:#075cff;color:#fff}.form-section-title span.green{background:#159447;color:#fff}.form-section-title span.purple{background:#7438c7;color:#fff}.form-section-title h2{font-size:12.5px;margin:0;font-weight:650}.form-section-title p{font-size:8.5px;color:#7b86a0;margin:2px 0 0}.fleet-field{margin-bottom:12px}.fleet-field label{display:block;font-size:9px;font-weight:600;color:#4b5875;margin:0 0 6px}.fleet-field label b{color:#e43f4c}.fleet-input{min-height:48px;border:1px solid #dfe5ef;border-radius:14px;display:flex;align-items:center;background:#fbfcfe;overflow:hidden;transition:.2s}.fleet-input:focus-within{border-color:#075cff;background:#fff;box-shadow:0 0 0 3px rgba(7,92,255,.08)}.fleet-input>i{width:43px;text-align:center;color:#075cff;font-size:15px}.fleet-input input,.fleet-input select,.fleet-input textarea{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#17234c;font-size:10.5px;padding:12px 12px 12px 0}.fleet-input select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8390aa 50%),linear-gradient(135deg,#8390aa 50%,transparent 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}.fleet-input.textarea{align-items:flex-start}.fleet-input.textarea>i{padding-top:14px}.fleet-input textarea{resize:vertical}.input-prefix{font-size:9.5px;font-weight:700;color:#52607e;margin-right:8px}.form-grid-two{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form-divider{height:1px;background:#edf0f5;margin:17px 0}.vehicle-form-actions{display:flex;gap:10px;margin-top:17px}.vehicle-form-actions a,.vehicle-form-actions button{min-height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:650}.vehicle-form-actions a{width:34%;border:1px solid #dfe5ef;color:#5e6b86;background:#fff}.vehicle-form-actions button{flex:1;border:0;background:linear-gradient(135deg,#075cff,#173ea8);color:#fff;box-shadow:0 8px 20px rgba(7,92,255,.24)}
@media(max-width:575.98px){.vehicle-form-card{border-radius:19px;padding:14px}.form-grid-two{grid-template-columns:1fr 1fr;gap:8px}.fleet-input{min-height:47px}.vehicle-form-actions{position:sticky;bottom:74px;background:#fff;padding-top:10px;z-index:4}}

/* Owner collections — V14 */
.collection-page{padding-bottom:118px}.collection-hero-card{background:linear-gradient(135deg,#075f45,#18a86f);border-radius:24px;padding:22px;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 35px rgba(7,95,69,.22);margin-bottom:14px}.collection-hero-card div{display:flex;flex-direction:column}.collection-hero-card small{font-size:12px;opacity:.82}.collection-hero-card strong{font-size:25px;line-height:1.25;margin:5px 0}.collection-hero-card span{font-size:11px;opacity:.9}.collection-hero-icon{width:58px;height:58px;border-radius:20px;background:rgba(255,255,255,.16);display:grid!important;place-items:center;font-size:27px}.collection-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.collection-stat-grid article{background:#fff;border:1px solid #edf0f5;border-radius:18px;padding:13px;display:grid;grid-template-columns:38px 1fr;column-gap:10px;box-shadow:0 8px 24px rgba(15,31,73,.06)}.collection-stat-grid article>span{grid-row:1/3;width:38px;height:38px;border-radius:13px;display:grid;place-items:center}.collection-stat-grid small{font-size:10px;color:#7c8498}.collection-stat-grid b{font-size:12px;color:#17213b}.collection-filter-card{background:#fff;border:1px solid #edf0f5;border-radius:20px;padding:14px;box-shadow:0 8px 24px rgba(15,31,73,.05);margin-bottom:18px}.date-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.collection-filter-card label,.collection-entry-form>label,.date-pair label{font-size:11px;font-weight:600;color:#667085;display:flex;flex-direction:column;gap:6px}.collection-filter-card input,.collection-filter-card select,.collection-entry-form input,.collection-entry-form select,.collection-entry-form textarea{width:100%;border:1px solid #e2e7ef;border-radius:13px;background:#f8fafc;padding:11px 12px;font-size:12px;color:#1d2939;outline:none}.collection-filter-card>select{margin-top:10px}.filter-status-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.filter-status-row input{display:none}.filter-status-row span{display:block;text-align:center;border-radius:10px;padding:8px 3px;background:#f2f4f7;color:#667085;font-size:10px}.filter-status-row input:checked+span{background:#0c2f7a;color:#fff}.collection-filter-card button,.collection-save-button{width:100%;border:0;border-radius:13px;background:#0a2e73;color:#fff;padding:12px;font-weight:600;font-size:12px}.collection-list-head a{background:#eaf1ff;color:#0a2e73;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:600;text-decoration:none}.collection-list{display:grid;gap:11px}.collection-card{display:block;background:#fff;border:1px solid #edf0f5;border-radius:19px;padding:14px;color:inherit;text-decoration:none;box-shadow:0 8px 23px rgba(15,31,73,.055)}.collection-card-top{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px}.collection-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center}.collection-icon.green{background:#e8f8ef;color:#119657}.collection-icon.orange{background:#fff2df;color:#df8212}.collection-icon.red{background:#ffebec;color:#d93c46}.collection-card-top div{display:flex;flex-direction:column}.collection-card-top strong{font-size:13px}.collection-card-top small{font-size:10px;color:#7c8498}.collection-card-top em{font-style:normal;border-radius:9px;padding:5px 7px;font-size:9px;font-weight:700}.collection-card-top em.green{background:#e8f8ef;color:#119657}.collection-card-top em.orange{background:#fff2df;color:#df8212}.collection-card-top em.red{background:#ffebec;color:#d93c46}.collection-amount-row{display:grid;grid-template-columns:1fr 1fr;margin:13px 0;padding:11px;background:#f8fafc;border-radius:13px}.collection-amount-row div{display:flex;flex-direction:column}.collection-amount-row div+div{border-left:1px solid #e4e8ef;padding-left:12px}.collection-amount-row small{font-size:9px;color:#8a92a6}.collection-amount-row b{font-size:12px;color:#17213b}.collection-card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7c8498}.collection-card-bottom .debt{color:#d56b10}.collection-card-bottom .complete{color:#119657}.collection-detail-hero{background:#fff;border-radius:23px;padding:22px;box-shadow:0 12px 30px rgba(15,31,73,.08);display:flex;align-items:center;flex-direction:column;margin-bottom:12px}.collection-detail-hero small{margin-top:11px;color:#7c8498;font-size:11px}.collection-detail-hero strong{font-size:27px;color:#15213b}.collection-detail-hero em{font-style:normal;font-size:10px;font-weight:700;border-radius:9px;padding:6px 9px;margin-top:7px}.collection-detail-hero em.green{background:#e8f8ef;color:#119657}.collection-detail-hero em.orange{background:#fff2df;color:#df8212}.collection-detail-hero em.red{background:#ffebec;color:#d93c46}.collection-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.collection-detail-grid article{background:#fff;border-radius:17px;padding:14px;display:flex;flex-direction:column;border:1px solid #edf0f5}.collection-detail-grid small{font-size:10px;color:#7c8498}.collection-detail-grid b{font-size:13px}.detail-info-list{display:grid;gap:5px}.detail-info-list>div{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f6}.detail-info-list>div:last-child{border:0}.detail-info-list span,.form-section-title>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center}.detail-info-list span.blue,.form-section-title>span.blue{background:#eaf1ff;color:#2768d8}.detail-info-list span.purple{background:#f2ebff;color:#7d4bd1}.detail-info-list span.green,.form-section-title>span.green{background:#e8f8ef;color:#119657}.detail-info-list span.orange{background:#fff2df;color:#df8212}.detail-info-list p{margin:0;display:flex;flex-direction:column}.detail-info-list small{font-size:9px;color:#8a92a6}.detail-info-list b{font-size:11px}.collection-note{margin-top:12px}.collection-note h3{font-size:13px}.collection-note p{font-size:11px;color:#667085;margin:0}.collection-entry-form{padding:16px;display:grid;gap:13px}.form-section-title{display:flex;align-items:center;gap:10px;margin-top:3px}.form-section-title div h3{font-size:13px;margin:0}.form-section-title div p{font-size:10px;color:#8a92a6;margin:2px 0 0}.collection-save-button{margin-top:4px;padding:14px}
@media(min-width:900px){.collection-page{max-width:760px}.collection-hero-card{margin-top:0}.collection-entry-form{max-width:680px;margin:auto}.collection-list{grid-template-columns:1fr 1fr}}

/* Owner expenses — V15 */
.expense-page{padding-bottom:118px}.expense-hero-card{background:linear-gradient(135deg,#c84b14,#f47b20);border-radius:24px;padding:22px;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 35px rgba(200,75,20,.23);margin-bottom:14px}.expense-hero-card>div{display:flex;flex-direction:column}.expense-hero-card small{font-size:12px;opacity:.84}.expense-hero-card strong{font-size:25px;line-height:1.25;margin:5px 0}.expense-hero-card span{font-size:11px;opacity:.9}.expense-hero-icon{width:58px;height:58px;border-radius:20px;background:rgba(255,255,255,.17);display:grid!important;place-items:center;font-size:27px}.expense-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.expense-stat-grid article{background:#fff;border:1px solid #edf0f5;border-radius:18px;padding:13px;display:grid;grid-template-columns:38px 1fr;column-gap:10px;box-shadow:0 8px 24px rgba(15,31,73,.06)}.expense-stat-grid article>span{grid-row:1/3;width:38px;height:38px;border-radius:13px;display:grid;place-items:center}.expense-stat-grid article>span.blue{background:#eaf1ff;color:#2768d8}.expense-stat-grid article>span.purple{background:#f2ebff;color:#7d4bd1}.expense-stat-grid small{font-size:10px;color:#7c8498}.expense-stat-grid b{font-size:12px;color:#17213b}.collection-filter-card select+select{margin-top:10px}.expense-list{display:grid;gap:11px;margin-top:11px}.expense-card{background:#fff;border:1px solid #edf0f5;border-radius:19px;padding:14px;display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;color:inherit;box-shadow:0 8px 23px rgba(15,31,73,.055)}.expense-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;font-size:18px}.expense-icon.orange{background:#fff0e5;color:#e36f19}.expense-icon.blue{background:#eaf1ff;color:#2768d8}.expense-icon.red{background:#ffebec;color:#d93c46}.expense-icon.purple{background:#f2ebff;color:#7d4bd1}.expense-icon.green{background:#e8f8ef;color:#119657}.expense-copy{min-width:0}.expense-copy>div{display:flex;align-items:center;gap:7px;min-width:0}.expense-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-copy em{font-style:normal;font-size:8px;background:#f2f4f7;color:#667085;border-radius:8px;padding:4px 6px;white-space:nowrap}.expense-copy small,.expense-copy span{display:block;font-size:9px;color:#8a92a6;margin-top:3px}.expense-amount{text-align:right;display:flex;flex-direction:column;gap:5px;align-items:flex-end}.expense-amount b{font-size:12px;color:#d65f16;white-space:nowrap}.expense-amount i{font-size:11px;color:#98a2b3}.form-section-title>span.orange{background:#fff0e5;color:#e36f19}.expense-save-button{background:linear-gradient(135deg,#d95d16,#f47b20)}.expense-detail-hero{background:#fff;border-radius:23px;padding:22px;box-shadow:0 12px 30px rgba(15,31,73,.08);display:flex;align-items:center;flex-direction:column;margin-bottom:12px}.expense-detail-hero>span{width:58px;height:58px;border-radius:19px;background:#fff0e5;color:#e36f19;display:grid;place-items:center;font-size:25px}.expense-detail-hero small{margin-top:10px;color:#7c8498;font-size:10px}.expense-detail-hero strong{font-size:27px;color:#15213b}.expense-detail-hero em{font-style:normal;font-size:9px;font-weight:700;border-radius:9px;padding:6px 9px;margin-top:7px;background:#fff0e5;color:#e36f19}@media(min-width:900px){.expense-page{max-width:760px}.expense-list{grid-template-columns:1fr 1fr}}
/* Owner drivers — V17 */
.driver-page{padding-bottom:118px}.driver-hero-card{background:linear-gradient(135deg,#5632b8,#7f56d9);border-radius:24px;padding:22px;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 35px rgba(86,50,184,.24);margin-bottom:14px}.driver-hero-card>div{display:flex;flex-direction:column}.driver-hero-card small{font-size:12px;opacity:.84}.driver-hero-card strong{font-size:28px;line-height:1.2;margin:4px 0}.driver-hero-card span{font-size:11px}.driver-hero-icon{width:58px;height:58px;border-radius:20px;background:rgba(255,255,255,.17);display:grid!important;place-items:center;font-size:27px}.driver-list{display:grid;gap:11px;margin-top:11px}.driver-card{background:#fff;border:1px solid #edf0f5;border-radius:19px;padding:13px;display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center;color:inherit;text-decoration:none;box-shadow:0 8px 23px rgba(15,31,73,.055)}.driver-avatar,.driver-profile-avatar{display:grid;place-items:center;background:#eee9ff;color:#6941c6;font-weight:700}.driver-avatar{width:46px;height:46px;border-radius:15px}.driver-copy{display:flex;flex-direction:column;min-width:0}.driver-copy strong{font-size:12px}.driver-copy small{font-size:9px;color:#7c8498;margin-top:3px}.driver-right{display:flex;align-items:center;gap:8px}.driver-right em,.driver-profile-card em{font-style:normal;font-size:8px;padding:5px 7px;border-radius:8px;font-weight:700}.driver-right em.active,.driver-profile-card em.active{background:#e8f8ef;color:#119657}.driver-right em.leave,.driver-profile-card em.leave{background:#fff2df;color:#df8212}.driver-right em.suspended,.driver-profile-card em.suspended{background:#ffebec;color:#d93c46}.driver-right em.inactive,.driver-profile-card em.inactive{background:#eef1f5;color:#667085}.driver-right i{font-size:11px;color:#98a2b3}.driver-profile-card{background:#fff;border-radius:23px;padding:22px;box-shadow:0 12px 30px rgba(15,31,73,.08);display:flex;align-items:center;flex-direction:column;margin-bottom:12px}.driver-profile-avatar{width:68px;height:68px;border-radius:22px;font-size:25px}.driver-profile-card h2{font-size:17px;margin:10px 0 2px}.driver-profile-card p{font-size:11px;color:#7c8498;margin:0 0 7px}@media(min-width:900px){.driver-page{max-width:760px}.driver-list{grid-template-columns:1fr 1fr}}

/* Owner managers — V19 */
.manager-page{padding-bottom:118px}.manager-hero-card{background:linear-gradient(135deg,#0b7285,#1597a8);border-radius:24px;padding:22px;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 35px rgba(11,114,133,.24);margin-bottom:14px}.manager-hero-card>div{display:flex;flex-direction:column}.manager-hero-card small{font-size:12px;opacity:.84}.manager-hero-card strong{font-size:28px;line-height:1.2;margin:4px 0}.manager-hero-card span{font-size:11px}.manager-hero-icon{width:58px;height:58px;border-radius:20px;background:rgba(255,255,255,.17);display:grid!important;place-items:center;font-size:27px}.manager-avatar,.manager-profile-avatar{display:grid;place-items:center;background:#e2f7fa;color:#08798a;font-weight:700}.manager-avatar{width:46px;height:46px;border-radius:15px}.manager-profile-avatar{width:68px;height:68px;border-radius:22px;font-size:25px}.manager-vehicle-checks{display:grid;gap:9px}.manager-vehicle-checks label{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #e7ebf1;border-radius:14px;background:#fafcff}.manager-vehicle-checks input,.manager-permissions input{accent-color:#075cff;width:17px;height:17px}.manager-vehicle-checks span{display:flex;flex-direction:column}.manager-vehicle-checks b{font-size:11px}.manager-vehicle-checks small{font-size:9px;color:#7c8498}.manager-permissions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.manager-permissions label{font-size:10px;display:flex;align-items:center;gap:8px;background:#f8fafc;padding:11px;border-radius:13px}.manager-assigned-list{display:grid;gap:8px}.manager-assigned-list a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eef1f5;color:inherit;text-decoration:none}.manager-assigned-list a:last-child{border-bottom:0}.manager-assigned-list a>span{width:40px;height:40px;border-radius:13px;background:#eaf1ff;color:#2768d8;display:grid;place-items:center}.manager-assigned-list div{display:flex;flex-direction:column}.manager-assigned-list b{font-size:11px}.manager-assigned-list small{font-size:9px;color:#7c8498}.manager-permission-list{display:grid;gap:4px}.manager-permission-list>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:8px 0}.manager-permission-list span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.manager-permission-list span.allowed{background:#e8f8ef;color:#119657}.manager-permission-list span.blocked{background:#eef1f5;color:#667085}.manager-permission-list b{font-size:10.5px}@media(min-width:900px){.manager-page{max-width:760px}}

/* V20 Owner remaining modules */
.report-filter{grid-template-columns:repeat(4,minmax(0,1fr))}.report-filter input,.report-filter select{min-width:0}.report-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.report-metric-grid article{padding:16px;border-radius:20px;color:#fff;box-shadow:0 12px 25px rgba(18,38,74,.12)}.report-metric-grid article span{font-size:22px}.report-metric-grid article small,.report-metric-grid article b{display:block}.report-metric-grid article b{font-size:16px;margin-top:5px}.report-metric-grid .green{background:#16a263}.report-metric-grid .orange{background:#ee8516}.report-metric-grid .blue{background:#1767d5}.report-metric-grid .purple{background:#7654cc}.report-list{display:grid;gap:12px}.report-list>article,.reminder-list>article,.document-grid>article,.notification-list>article{background:#fff;border:1px solid #edf0f5;border-radius:20px;padding:15px;box-shadow:0 8px 22px rgba(20,39,76,.06)}.report-car{display:flex;align-items:center;gap:11px}.report-car>span{width:43px;height:43px;border-radius:14px;background:#eaf2ff;color:#1767d5;display:grid;place-items:center;font-size:20px}.report-car div{flex:1}.report-car small,.report-car b{display:block}.report-car em{font-style:normal;font-weight:700}.positive{color:#159653}.negative{color:#d43f4a}.report-row{border-top:1px solid #eef1f5;margin-top:12px;padding-top:11px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.report-row span,.report-row b{display:block;font-size:11px}.report-row b{font-size:12px;margin-top:3px}.reminder-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}.reminder-summary article{background:#fff;border-radius:18px;padding:15px;display:flex;align-items:center;gap:12px}.reminder-summary span,.more-grid span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center}.reminder-summary small,.reminder-summary b{display:block}.reminder-list,.document-grid,.notification-list{display:grid;gap:12px}.reminder-list article,.document-grid article,.notification-list article{display:flex;gap:12px}.reminder-list article.late{border-color:#ffd3d0}.reminder-icon,.document-grid article>span,.notification-list article>span{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:#eef3ff;color:#1767d5;display:grid;place-items:center}.reminder-list article>div,.document-grid article>div,.notification-list article>div{flex:1;min-width:0}.reminder-list article div div,.document-grid article div div{display:flex;justify-content:space-between;gap:8px}.reminder-list em,.document-grid em{font-size:10px;font-style:normal;background:#eef3ff;border-radius:20px;padding:4px 8px}.reminder-list small,.document-grid small,.notification-list small{color:#7c8799}.reminder-list p,.document-grid p,.notification-list p{font-size:12px;margin:6px 0 0}.owner-form{background:#fff;border-radius:22px;padding:18px;display:grid;gap:14px}.owner-form label{display:grid;gap:7px;font-size:12px;font-weight:600}.owner-form input,.owner-form select,.owner-form textarea{width:100%;border:1px solid #dfe5ee;border-radius:14px;padding:12px 13px;background:#fafbfd}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-submit{border:0;border-radius:15px;padding:14px;background:#0a2a66;color:#fff;font-weight:700}.subscription-card{padding:22px;border-radius:24px;background:linear-gradient(135deg,#08255d,#1767d5);color:#fff;box-shadow:0 14px 30px rgba(8,37,93,.22)}.subscription-card h2{margin:5px 0}.subscription-card strong{font-size:24px}.subscription-card strong em{font-size:12px;font-style:normal;font-weight:400}.subscription-card div{display:grid;gap:7px;margin:18px 0}.package-list{display:grid;gap:12px}.package-list article{background:#fff;border-radius:20px;padding:17px;display:grid;gap:7px}.package-list strong{font-size:20px;color:#1767d5}.package-list button{border:0;border-radius:13px;padding:11px}.settings-avatar{width:72px;height:72px;border-radius:24px;background:#eaf2ff;color:#1767d5;display:grid;place-items:center;font-size:28px;font-weight:800;margin:auto}.setting-switch{display:flex!important;align-items:center;justify-content:space-between}.setting-switch small,.setting-switch b{display:block}.setting-switch input{width:20px!important;height:20px}.notification-list article.unread{border-left:4px solid #1767d5}.more-profile{background:#fff;border-radius:21px;padding:16px;display:flex;align-items:center;gap:12px;margin-bottom:15px}.more-profile>span{width:48px;height:48px;border-radius:16px;background:#eaf2ff;color:#1767d5;display:grid;place-items:center;font-weight:800}.more-profile div{flex:1}.more-profile b,.more-profile small{display:block}.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.more-grid a{background:#fff;border-radius:20px;padding:15px;text-decoration:none;color:#182033;display:grid;gap:7px;box-shadow:0 7px 20px rgba(20,39,76,.05)}.more-grid small{font-size:11px;color:#7d8796}.more-grid .blue{background:#eaf2ff;color:#1767d5}.more-grid .green{background:#e7f8ef;color:#159653}.more-grid .orange{background:#fff1df;color:#dd7611}.more-grid .purple{background:#f0eaff;color:#7352c7}.logout-card{margin-top:14px;background:#fff0f0;color:#c93643;border-radius:18px;padding:15px;display:flex;align-items:center;gap:12px;text-decoration:none}.logout-card span{flex:1}.logout-card b,.logout-card small{display:block}@media(max-width:700px){.report-filter{grid-template-columns:1fr 1fr}.report-filter button{grid-column:span 2}.report-row{grid-template-columns:1fr}.form-two{grid-template-columns:1fr}}
/* Fleet Hesabu V22 — manager assignment and subscription */
.assign-vehicle-list label{grid-template-columns:24px 1fr auto!important;align-items:center}.assign-vehicle-list em{font-style:normal}.subscription-top,.package-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.subscription-status{font-size:9px;font-weight:800;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.16)}.subscription-dates{margin:15px 0!important;gap:8px!important}.subscription-renew{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:#075cff;padding:11px 14px;border-radius:14px;font-size:11px;font-weight:700}.subscription-usage{display:grid;gap:10px;margin-bottom:18px}.subscription-usage article{background:#fff;border-radius:18px;padding:14px;box-shadow:0 6px 18px rgba(18,38,82,.06)}.subscription-usage article>div:first-child{display:flex;align-items:center;gap:10px}.subscription-usage article span:first-child{width:38px;height:38px;border-radius:12px;background:#eaf2ff;color:#1767d5;display:grid;place-items:center}.subscription-usage p{margin:0}.subscription-usage b,.subscription-usage small{display:block}.subscription-usage small{font-size:10px;color:#7b8495}.usage-track{height:7px;background:#e9eef7;border-radius:999px;margin-top:11px;overflow:hidden}.usage-track span{display:block;height:100%;background:#1767d5;border-radius:inherit}.package-head em{font-size:9px;font-style:normal;background:#e3f6e9;color:#158148;padding:5px 8px;border-radius:999px}.package-limits{display:flex!important;flex-wrap:wrap;gap:6px!important;margin:5px 0!important}.package-limits span{font-size:9px;background:#f0f4fa;color:#526078;padding:5px 7px;border-radius:999px}.current-package{border:1px solid #1767d5}.payment-history{display:grid;gap:10px}.payment-history article{background:#fff;border-radius:17px;padding:13px;display:flex;align-items:center;gap:11px}.payment-history article>span{width:40px;height:40px;border-radius:12px;background:#eaf2ff;color:#1767d5;display:grid;place-items:center}.payment-history article>div{flex:1}.payment-history b,.payment-history small{display:block}.payment-history small{font-size:10px;color:#7b8495}.payment-history em{font-size:9px;font-style:normal;background:#e3f6e9;color:#158148;padding:5px 8px;border-radius:999px}
.request-vehicle-row,.request-history-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f5}.request-vehicle-row:last-child,.request-history-row:last-child{border-bottom:0}.request-vehicle-icon{width:42px;height:42px;border-radius:14px;background:#eef3ff;color:#1548b8;display:grid;place-items:center;flex:0 0 auto}.request-history-row>div{flex:1;min-width:0}.request-history-row .badge{flex:0 0 auto}.request-vehicle-row .btn{white-space:nowrap;font-size:.78rem}

/* V24 Maintenance premium mobile UI */
.maintenance-page-hero,.maintenance-form-hero{background:linear-gradient(145deg,#061b55 0%,#0d3288 70%,#1554be 100%)}
.maintenance-page{padding-bottom:110px}.maintenance-balance-card{margin-top:-22px;background:linear-gradient(135deg,#102f78,#07194e);border-radius:24px;padding:22px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 16px 35px rgba(6,27,85,.24)}.maintenance-balance-card small{display:block;color:#cbd9ff;font-size:12px}.maintenance-balance-card strong{display:block;font-size:27px;margin:5px 0}.maintenance-balance-card p{margin:0;color:#dce6ff;font-size:12px}.maintenance-balance-card>span{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:27px}.maintenance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0}.maintenance-stats article{background:#fff;border-radius:17px;padding:12px 8px;box-shadow:0 7px 20px rgba(20,42,88,.07);text-align:center;min-width:0}.maintenance-stats small{display:block;font-size:9px;color:#74809a;margin:6px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maintenance-stats b{font-size:18px;color:#17213b}.mstat-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;margin:auto}.mstat-icon.green{background:#e5f8ef;color:#0aa56a}.mstat-icon.blue{background:#e7efff;color:#2465d8}.mstat-icon.orange{background:#fff1df;color:#e58a11}.mstat-icon.red{background:#ffe8e8;color:#e14949}.maintenance-filter{background:#fff;border-radius:20px;padding:13px;box-shadow:0 8px 24px rgba(20,42,88,.07);margin-bottom:18px}.maintenance-search{height:45px;border:1px solid #e7ebf3;border-radius:14px;display:flex;align-items:center;padding:0 13px;background:#f8faff}.maintenance-search i{color:#8190aa}.maintenance-search input{border:0;outline:0;background:transparent;width:100%;padding:0 10px;font-size:13px}.maintenance-filter-row{display:grid;grid-template-columns:1fr 1fr 1fr 42px;gap:7px;margin-top:9px}.maintenance-filter-row select,.maintenance-filter-row button{height:40px;border:1px solid #e4e9f2;border-radius:11px;background:#fff;font-size:10px;padding:0 7px;color:#44516a;min-width:0}.maintenance-filter-row button{background:#0a2c78;color:#fff;border:0;font-size:15px}.maintenance-list{display:grid;gap:12px}.maintenance-card{display:block;text-decoration:none;background:#fff;border-radius:20px;padding:15px;box-shadow:0 8px 24px rgba(20,42,88,.07);color:inherit;border:1px solid #f0f2f7}.maintenance-card-top{display:flex;align-items:flex-start;gap:11px}.service-symbol{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;font-size:20px;background:#e8f0ff;color:#2465d8}.service-symbol.oil_change{background:#e4f7ff;color:#00a0c6}.service-symbol.tyres{background:#f0ecff;color:#7456d8}.service-symbol.repair{background:#fff0df;color:#e2840d}.service-symbol.inspection{background:#e5f8ef;color:#0b9f66}.service-main{min-width:0;flex:1}.service-main small{font-size:11px;color:#66738d;font-weight:700}.service-main strong{display:block;font-size:14px;color:#17213b;line-height:1.25}.service-main p{margin:3px 0 0;font-size:11px;color:#8993a8}.maintenance-status{font-style:normal;font-size:9px;font-weight:700;border-radius:20px;padding:5px 8px;white-space:nowrap}.maintenance-status.completed{background:#e5f8ef;color:#098e5b}.maintenance-status.scheduled{background:#e8f0ff;color:#245ec3}.maintenance-status.overdue{background:#ffe8e8;color:#d43b3b}.maintenance-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;margin:12px 0;padding:10px 0}.maintenance-card-meta span{font-size:9px;color:#6e7a91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.maintenance-card-meta i{margin-right:4px;color:#315fb9}.maintenance-card-bottom{display:flex;align-items:end;justify-content:space-between}.maintenance-card-bottom small{display:block;font-size:9px;color:#8a94a8}.maintenance-card-bottom b{font-size:15px;color:#132454}.maintenance-card-bottom>div:last-child{display:flex;align-items:center;gap:8px;color:#8792a7}.receipt-chip{background:#f1ecff;color:#7554c9;border-radius:20px;padding:4px 8px;font-size:9px}.maintenance-empty{text-align:center;background:#fff;border-radius:22px;padding:35px 20px}.maintenance-empty>span{width:68px;height:68px;border-radius:22px;background:#e8f0ff;color:#245fc8;display:grid;place-items:center;margin:0 auto 14px;font-size:28px}.maintenance-empty h3{font-size:17px}.maintenance-empty p{font-size:12px;color:#7d889c}.maintenance-empty a{display:inline-flex;gap:6px;text-decoration:none;background:#0b2c77;color:#fff;padding:11px 16px;border-radius:13px;font-size:12px}.app-toast{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;margin-bottom:13px}.app-toast.success{background:#e5f8ef;color:#087e53}.maintenance-form-page{padding-bottom:35px}.maintenance-modern-form{display:grid;gap:14px}.form-block{background:#fff;border-radius:21px;padding:17px;box-shadow:0 8px 24px rgba(20,42,88,.07)}.form-block-title{display:flex;gap:10px;align-items:center;margin-bottom:15px}.form-block-title>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center}.form-block-title .blue{background:#e8f0ff;color:#2462cb}.form-block-title .orange{background:#fff0df;color:#df8210}.form-block-title .green{background:#e5f8ef;color:#09945f}.form-block-title .purple{background:#f0ebff;color:#7453c9}.form-block-title h3{font-size:14px;margin:0;color:#17213b}.form-block-title p{font-size:10px;margin:2px 0 0;color:#8490a5}.maintenance-modern-form label{display:block;font-size:11px;font-weight:600;color:#536077;margin-bottom:12px}.maintenance-modern-form label b{color:#df4848}.maintenance-modern-form input,.maintenance-modern-form select,.maintenance-modern-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #e1e6ef;border-radius:13px;background:#f9faff;padding:12px;font-size:13px;outline:0}.maintenance-modern-form input:focus,.maintenance-modern-form select:focus,.maintenance-modern-form textarea:focus{border-color:#3971d8;box-shadow:0 0 0 3px rgba(57,113,216,.09)}.receipt-upload{border:1.5px dashed #bfcbe0!important;border-radius:16px;padding:18px!important;text-align:center;background:#f8faff;cursor:pointer}.receipt-upload input{display:none!important}.receipt-upload span{display:grid;width:46px;height:46px;border-radius:14px;background:#e8f0ff;color:#2463ca;place-items:center;margin:0 auto 8px;font-size:21px}.receipt-upload strong,.receipt-upload small{display:block}.receipt-upload strong{font-size:12px;color:#27334c}.receipt-upload small{font-size:9px;color:#8994a8;margin-top:3px}.maintenance-submit{border:0;background:linear-gradient(135deg,#0b2c77,#1755ba);color:#fff;border-radius:15px;padding:14px;font-size:13px;font-weight:700;box-shadow:0 10px 20px rgba(13,50,136,.2)}.receipt-view-card{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.receipt-view-card>div{display:flex;align-items:center;gap:10px}.receipt-view-card span{width:42px;height:42px;border-radius:13px;background:#f0ebff;color:#7657c9;display:grid;place-items:center}.receipt-view-card p{margin:0}.receipt-view-card small,.receipt-view-card b{display:block}.receipt-view-card small{font-size:10px;color:#8490a5}.receipt-view-card b{font-size:12px}.receipt-view-card a{text-decoration:none;background:#0b2c77;color:#fff;border-radius:11px;padding:9px 11px;font-size:10px}@media(min-width:768px){.maintenance-stats{gap:14px}.maintenance-stats article{padding:16px}.maintenance-stats small{font-size:11px}.maintenance-list{grid-template-columns:repeat(2,1fr)}}

/* V24.2: reliable mobile hamburger/off-canvas navigation */
.mobile-menu-toggle,.mobile-sidebar-close,.mobile-sidebar-overlay{display:none}
@media(max-width:991.98px){
  .desktop-sidebar{
    display:block!important;
    width:min(82vw,310px);
    transform:translateX(-105%);
    transition:transform .25s ease;
    z-index:1002;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding-top:max(20px,env(safe-area-inset-top));
    box-shadow:18px 0 45px rgba(6,20,55,.22)
  }
  .desktop-sidebar.is-open{transform:translateX(0)}
  .mobile-menu-toggle{
    display:grid;
    place-items:center;
    position:fixed;
    top:calc(42px + env(safe-area-inset-top));
    left:12px;
    width:40px;
    height:40px;
    border:0;
    border-radius:13px;
    background:rgba(255,255,255,.14);
    color:#fff;
    font-size:23px;
    z-index:1001;
    box-shadow:0 5px 16px rgba(5,24,70,.15);
    -webkit-tap-highlight-color:transparent
  }
  .mobile-sidebar-close{
    display:grid;
    place-items:center;
    position:absolute;
    top:max(14px,env(safe-area-inset-top));
    right:13px;
    width:38px;
    height:38px;
    border:0;
    border-radius:12px;
    background:rgba(255,255,255,.11);
    color:#fff;
    font-size:19px
  }
  .mobile-sidebar-overlay{
    display:block;
    position:fixed;
    inset:0;
    z-index:1000;
    background:rgba(5,13,34,.52);
    opacity:0;
    visibility:hidden;
    transition:opacity .2s ease,visibility .2s ease;
    backdrop-filter:blur(2px)
  }
  .mobile-sidebar-overlay.is-visible{opacity:1;visibility:visible}
  body.sidebar-open{overflow:hidden;touch-action:none}
  .desktop-brand{padding-right:48px}
}
@media(max-width:575.98px){
  .mobile-menu-toggle{top:calc(40px + env(safe-area-inset-top));left:10px;width:38px;height:38px}
}


/* V25 collection approval workflow */
.approval-summary-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:24px;background:linear-gradient(135deg,#fff7e5,#fff);border:1px solid #f3dfb5;margin-bottom:18px}.approval-summary-card>span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#ffb020;color:#fff;font-size:24px}.approval-summary-card strong{font-size:28px;color:#10214d;display:block}.approval-summary-card p,.approval-summary-card small{margin:0;color:#70809f}.approval-list{display:grid;gap:14px}.approval-card{background:#fff;border:1px solid #e9edf5;border-radius:22px;padding:16px;box-shadow:0 8px 24px rgba(15,35,80,.06)}.approval-card-head{display:flex;align-items:center;gap:12px}.approval-card-head>span{width:44px;height:44px;border-radius:14px;background:#e9f1ff;color:#1759c7;display:grid;place-items:center}.approval-card-head div{flex:1}.approval-card-head small{display:block;color:#7a879f}.approval-card-head em{font-style:normal;background:#fff3d6;color:#a96a00;padding:6px 10px;border-radius:999px;font-size:12px}.approval-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.approval-values div{background:#f7f9fc;padding:12px;border-radius:14px}.approval-values small{display:block;color:#7a879f}.approval-values b{color:#10214d}.approval-date{font-size:13px;color:#70809f}.approval-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.approval-actions button{border:0;border-radius:14px;padding:12px;font-weight:800}.approval-actions .approve{background:#19a856;color:#fff}.approval-actions .reject-toggle,.approval-actions .reject{background:#fff0f0;color:#c83333}.reject-box{display:none;grid-column:1/-1;gap:8px}.reject-box.show{display:grid}.reject-box textarea{border:1px solid #dfe5ef;border-radius:14px;padding:12px;min-height:82px}.collection-submit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.collection-submit-actions button{border:0;border-radius:14px;padding:13px;font-weight:800}.collection-submit-actions .draft{background:#edf1f7;color:#263858}.collection-submit-actions .submit,.manager-submit-btn{background:#1357c5;color:#fff}.manager-collection-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:15px}.manager-collection-stats article{background:#fff;border-radius:16px;padding:12px 8px;text-align:center;border:1px solid #e9edf5}.manager-collection-stats small{display:block;color:#72809b;font-size:11px}.manager-collection-stats strong{font-size:22px;color:#10214d}.collection-rejection{margin:12px 0;padding:10px;border-radius:12px;background:#fff1f1;color:#a62d2d;font-size:13px}.manager-submit-btn{width:100%;border:0;border-radius:13px;padding:11px;font-weight:800}.mark-all-btn,.notification-read-btn{border:0;border-radius:10px;padding:7px 10px;background:#eaf1ff;color:#1454b8;font-weight:700;font-size:12px}.notification-button{text-decoration:none}@media(max-width:420px){.approval-actions,.collection-submit-actions{grid-template-columns:1fr}.manager-collection-stats{grid-template-columns:repeat(2,1fr)}}

/* V31 Manager Operations */
.manager-module-page{padding-bottom:105px}.manager-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.manager-summary-grid article{background:#fff;border-radius:18px;padding:13px;text-align:center;box-shadow:0 7px 20px rgba(18,38,82,.07)}.manager-summary-grid article span{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;margin:0 auto 7px}.manager-summary-grid span.blue,.manager-menu-grid span.blue{background:#e7efff;color:#1258d0}.manager-summary-grid span.green,.manager-menu-grid span.green{background:#e5f8ef;color:#09945f}.manager-summary-grid span.orange,.manager-menu-grid span.orange{background:#fff0df;color:#df8210}.manager-summary-grid span.purple,.manager-menu-grid span.purple{background:#f0ebff;color:#7453c9}.manager-summary-grid small{display:block;color:#7b879c;font-size:9px}.manager-summary-grid strong{font-size:20px;color:#16213c}.manager-search{height:48px;background:#fff;border-radius:15px;display:flex;align-items:center;gap:9px;padding:0 14px;margin-bottom:12px;border:1px solid #e6eaf1}.manager-search input{border:0;outline:0;width:100%;font-size:12px}.manager-card-list{display:grid;gap:10px}.manager-list-card{display:flex;align-items:center;gap:11px;background:#fff;border-radius:18px;padding:13px;text-decoration:none;color:#17213b;box-shadow:0 7px 20px rgba(18,38,82,.065);border:1px solid #eef1f6}.manager-list-card.unread{border-color:#a9c5ff;background:#f8fbff}.manager-card-icon{width:43px;height:43px;flex:0 0 43px;border-radius:14px;display:grid;place-items:center;font-size:19px}.manager-card-icon.blue{background:#e8f0ff;color:#2462cb}.manager-card-icon.purple{background:#f0ebff;color:#7453c9}.manager-card-icon.orange{background:#fff0df;color:#df8210}.manager-card-icon.green{background:#e5f8ef;color:#09945f}.manager-list-card>div{flex:1;min-width:0}.manager-list-card strong,.manager-list-card small,.manager-list-card em{display:block}.manager-list-card strong{font-size:12px}.manager-list-card small{font-size:9.5px;color:#7c879b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-list-card em{font-style:normal;font-size:9px;color:#53617b;margin-top:5px}.manager-list-card>b{font-size:10px;white-space:nowrap}.status-pill{display:inline-block;padding:5px 7px;border-radius:999px;font-size:8px!important;text-transform:capitalize}.status-pill.success{background:#e4f7eb;color:#0b8a55}.status-pill.warning{background:#fff0dc;color:#d77d0d}.manager-empty{text-align:center;background:#fff;border-radius:20px;padding:30px}.manager-empty>i{font-size:32px;color:#2b64c8}.manager-empty h3{font-size:16px;margin-top:10px}.manager-empty p{font-size:11px;color:#7f899b}.manager-profile-card{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,#0b2c77,#1755ba);color:#fff;border-radius:22px;padding:17px;margin-bottom:14px;box-shadow:0 13px 28px rgba(13,50,136,.22)}.manager-profile-card>span{width:50px;height:50px;border-radius:16px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:22px}.manager-profile-card>div{flex:1}.manager-profile-card small,.manager-profile-card p{font-size:10px;margin:0;opacity:.8}.manager-profile-card h2{font-size:19px;margin:2px 0}.manager-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.manager-info-grid article{background:#fff;border-radius:16px;padding:13px}.manager-info-grid small{display:block;font-size:9px;color:#7f899b}.manager-info-grid strong{font-size:12px}.manager-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.manager-action-grid a{background:#fff;text-align:center;text-decoration:none;color:#26334d;padding:12px 5px;border-radius:16px;font-size:9px}.manager-action-grid i{display:block;color:#1559c7;font-size:19px;margin-bottom:5px}.manager-section{background:#fff;border-radius:20px;padding:15px;margin-top:13px}.manager-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.manager-section-head h3{font-size:14px;margin:0}.manager-section-head a{font-size:10px;text-decoration:none}.manager-mini-row,.manager-performance-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f5}.manager-mini-row:last-child,.manager-performance-row:last-child{border-bottom:0}.manager-mini-row>span{width:36px;height:36px;border-radius:11px;background:#e8f0ff;color:#2462cb;display:grid;place-items:center}.manager-mini-row>div,.manager-performance-row>div{flex:1}.manager-mini-row b,.manager-mini-row small,.manager-performance-row b,.manager-performance-row small{display:block}.manager-mini-row small,.manager-performance-row small{font-size:9px;color:#7b879b}.manager-mini-row strong,.manager-performance-row strong{font-size:11px}.manager-money-card{background:linear-gradient(135deg,#9a4c08,#e08314);color:#fff;border-radius:22px;padding:18px;margin-bottom:14px}.manager-money-card small,.manager-money-card span{display:block;font-size:10px;opacity:.85}.manager-money-card strong{display:block;font-size:25px;margin:4px 0}.manager-form{display:grid;gap:12px;padding:17px}.manager-form label{font-size:10px;font-weight:600;color:#536077}.manager-form input,.manager-form select,.manager-form textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #e1e6ef;border-radius:13px;background:#f9faff;font-size:12px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.manager-upload{border:1.5px dashed #b9c7de;border-radius:15px;padding:15px;text-align:center}.manager-upload input{border:0;background:transparent;padding:6px}.manager-upload i,.manager-upload span{display:block}.manager-upload i{font-size:24px;color:#2462cb}.manager-primary-btn{border:0;border-radius:14px;padding:14px;background:linear-gradient(135deg,#0b2c77,#1755ba);color:#fff;font-weight:700;font-size:12px}.manager-report-filter{display:grid;grid-template-columns:1fr 1fr 44px;gap:8px;background:#fff;padding:12px;border-radius:17px;margin-bottom:12px}.manager-report-filter label{font-size:9px;color:#69758b}.manager-report-filter input{display:block;width:100%;border:1px solid #e1e6ef;border-radius:10px;padding:8px;margin-top:3px;font-size:10px}.manager-report-filter button{border:0;border-radius:12px;background:#0b2c77;color:#fff}.manager-finance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.manager-finance-grid article{background:#fff;border-radius:16px;padding:12px}.manager-finance-grid small{display:block;font-size:9px;color:#7c879b}.manager-finance-grid strong{font-size:11px}.manager-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manager-menu-grid a{background:#fff;border-radius:18px;padding:15px;text-decoration:none;color:#17213b}.manager-menu-grid a>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;margin-bottom:9px}.manager-menu-grid b,.manager-menu-grid small{display:block}.manager-menu-grid b{font-size:12px}.manager-menu-grid small{font-size:9px;color:#7d879a;margin-top:3px}.manager-menu-grid a.danger span{background:#ffe9e9;color:#d84545}

/* V33 Owner Financial Dashboard */
.finance-summary{margin-top:16px}.finance-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.finance-summary-grid>div{padding:14px;border:1px solid #e7ecf5;border-radius:14px;background:#f9fbff}.finance-summary-grid small{display:block;color:#6c7892;font-size:12px}.finance-summary-grid b{display:block;margin-top:5px;color:#13203a;font-size:15px}.finance-bars{height:190px;display:flex;align-items:flex-end;justify-content:space-around;gap:9px;padding:18px 8px 4px}.finance-day{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-pair{height:150px;display:flex;align-items:flex-end;gap:4px}.bar-pair i{display:block;width:10px;border-radius:8px 8px 2px 2px;min-height:4px}.income-bar{background:#22b45a}.expense-bar{background:#f09b42}.finance-day small{font-size:10px;color:#7b8496}.expense-category-list{display:grid;gap:14px}.expense-category-list span{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#34405a}.expense-category-list span b{color:#17233d}.expense-category-list>div>i{display:block;height:8px;background:#edf1f7;border-radius:10px;overflow:hidden;margin-top:7px}.expense-category-list>div>i>em{display:block;height:100%;background:#295fc8;border-radius:10px}.positive{color:#159447!important}.negative{color:#d34141!important}@media(min-width:900px){.finance-summary-grid{grid-template-columns:repeat(4,1fr)}.finance-metrics{grid-template-columns:repeat(4,1fr)}}

/* V34 Manager Core Operations */
.manager-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:13px}.manager-kpi-grid article{background:#fff;border-radius:17px;padding:11px 7px;text-align:center;box-shadow:0 7px 20px rgba(18,38,82,.06)}.manager-kpi-grid span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;margin:0 auto 6px}.manager-kpi-grid .blue{background:#e7efff;color:#1258d0}.manager-kpi-grid .green{background:#e5f8ef;color:#09945f}.manager-kpi-grid .orange{background:#fff0df;color:#df8210}.manager-kpi-grid .purple{background:#f0ebff;color:#7453c9}.manager-kpi-grid small{display:block;font-size:8px;color:#7b879c}.manager-kpi-grid strong{font-size:19px}.manager-income-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0b2c77,#1755ba);color:#fff;border-radius:21px;padding:17px;margin-bottom:13px;box-shadow:0 13px 28px rgba(13,50,136,.2)}.manager-income-card small,.manager-income-card span{display:block;font-size:9px;opacity:.82}.manager-income-card strong{display:block;font-size:23px;margin:3px 0}.manager-income-card>i{font-size:31px;opacity:.85}.manager-alert-card{display:flex;align-items:center;gap:10px;background:#fff4e7;color:#9a5705;border:1px solid #ffe0b8;border-radius:16px;padding:13px;text-decoration:none;margin-bottom:13px}.manager-alert-card>i:first-child{font-size:22px}.manager-alert-card div{flex:1}.manager-alert-card b,.manager-alert-card small{display:block}.manager-alert-card b{font-size:11px}.manager-alert-card small{font-size:9px}.manager-detail-card{background:#fff;border-radius:20px;padding:16px;margin-bottom:13px;box-shadow:0 8px 23px rgba(18,38,82,.07)}.manager-detail-title{display:flex;align-items:center;gap:11px}.manager-detail-title>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:21px}.manager-detail-title>span.blue{background:#e7efff;color:#1258d0}.manager-detail-title>span.green{background:#e5f8ef;color:#09945f}.manager-detail-title>div{flex:1}.manager-detail-title small,.manager-detail-title p{display:block;font-size:9px;color:#7b879c;margin:0}.manager-detail-title h2{font-size:16px;margin:1px 0}.manager-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:13px}.manager-detail-grid article{background:#fff;border-radius:16px;padding:13px;box-shadow:0 6px 18px rgba(18,38,82,.055)}.manager-detail-grid small{display:block;font-size:9px;color:#7b879c}.manager-detail-grid strong{display:block;font-size:12px;margin-top:3px}.manager-info-list{display:grid;gap:0}.manager-info-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #edf0f5}.manager-info-list>div:last-child{border-bottom:0}.manager-info-list small{font-size:9px;color:#7b879c}.manager-info-list b{font-size:10px;text-align:right;max-width:68%}.collection-card{position:relative}.collection-card form,.collection-card button{position:relative;z-index:2}@media(max-width:380px){.manager-kpi-grid{grid-template-columns:repeat(2,1fr)}}

/* V35 Manager Reports */
.report-hub-filter{margin-bottom:16px}.report-hub-filter button span{display:none}.report-hub-grid{display:grid;gap:12px}.report-hub-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:13px;padding:16px;background:#fff;border:1px solid #e8edf5;border-radius:18px;text-decoration:none;color:#10204a;box-shadow:0 8px 24px rgba(20,42,90,.06)}.report-hub-card>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#edf4ff;color:#1c62d6;font-size:22px}.report-hub-card strong,.report-hub-card small{display:block}.report-hub-card small{color:#78849c;margin-top:4px;font-size:12px}.report-hub-card>i{color:#9aa5b8}.report-help-card{margin-top:16px}.report-help-card p{margin:0;color:#66728a;font-size:13px;line-height:1.6}.report-summary-grid article strong{font-size:16px;line-height:1.25}.report-export-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.report-export-bar a{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 8px;border:1px solid #dfe6f2;border-radius:14px;background:#fff;color:#18356f;text-decoration:none;font-weight:700;font-size:13px}.report-export-bar a:first-child{color:#c0262d}.report-export-bar a:nth-child(2){color:#087a46}.report-table-section{padding:0;overflow:hidden}.report-table-section .manager-section-head{padding:15px 16px;border-bottom:1px solid #edf0f6}.report-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.report-table{width:100%;min-width:780px;border-collapse:collapse;font-size:12px}.report-table th{background:#f7f9fd;color:#526079;font-weight:700;white-space:nowrap}.report-table th,.report-table td{padding:12px 13px;border-bottom:1px solid #edf0f6;text-align:left;vertical-align:top}.report-table td{color:#26334d}.manager-empty.compact{padding:24px}.manager-empty.compact i{font-size:26px}.manager-empty.compact p{margin:6px 0 0}@media(min-width:768px){.report-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-hub-filter button span{display:inline}.report-export-bar{max-width:440px}.report-table{font-size:13px}}