
:root{--navy:#071b33;--green:#07944a;--yellow:#ffd34d;--bg:#f6f9f6;--muted:#657084;--red:#e75640}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--navy)}a{text-decoration:none;color:inherit}.topbar{height:74px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;box-shadow:0 8px 30px #071b3312;position:sticky;top:0;z-index:10}.logo{height:46px}.nav{display:flex;gap:26px;align-items:center;color:#27364a;font-weight:700}.btn{display:inline-flex;align-items:center;gap:9px;border:0;background:var(--green);color:#fff;padding:12px 20px;border-radius:14px;font-weight:800;cursor:pointer}.btn.dark{background:var(--navy)}.btn.yellow{background:var(--yellow);color:#071b33}.btn.light{background:#eef7f1;color:var(--green)}.hero{position:relative;overflow:hidden;background:#fff;min-height:620px}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center;padding:70px 6% 120px}.hero h1{font-size:64px;line-height:.98;margin:0 0 18px;font-weight:950;letter-spacing:-2px}.hero h1 span{color:var(--green)}.lead{font-size:20px;line-height:1.55;color:#4d5b6d;max-width:620px}.badges{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.store{background:#111;color:#fff;border-radius:12px;padding:9px 16px;min-width:178px;display:flex;align-items:center;gap:11px;box-shadow:0 12px 24px #0002}.store .ico{font-size:28px}.store small{display:block;font-size:10px;opacity:.8}.store b{display:block;font-size:17px;line-height:1}.stats{display:flex;gap:18px;flex-wrap:wrap}.stat{background:#fff;border:1px solid #e8efe8;border-radius:18px;padding:16px 20px;box-shadow:0 12px 30px #071b3310}.stat b{display:block;font-size:22px}.stat span{color:#657084}.hero-photo{height:430px;border-radius:34px;background:linear-gradient(90deg,#fff 0%,#ffffffdb 15%,#ffffff00 45%),url('../assets/hero.jpg') center/cover;box-shadow:0 30px 80px #071b3335}.wave{position:absolute;left:0;right:0;bottom:-1px;height:118px}.section{padding:80px 6%}.section h2{font-size:42px;margin:0 0 14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{background:#fff;border-radius:24px;padding:26px;box-shadow:0 16px 40px #071b3312;border:1px solid #e8efe8}.card .icon{width:52px;height:52px;border-radius:18px;background:#e9f8ef;color:var(--green);display:grid;place-items:center;font-size:24px;font-weight:900}.card h3{margin:18px 0 8px}.card p{color:#667085;line-height:1.55}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.green-panel{background:linear-gradient(135deg,var(--green),#0abd62);color:#fff;border-radius:34px;padding:46px}.green-panel p{color:#eafff1}.ready{background:var(--green);color:#fff;margin:60px 6%;border-radius:34px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:24px}.ready h2{margin:0;font-size:38px}.footer{background:var(--navy);color:#cbd5e1;padding:46px 6%}.footer img{height:44px;filter:brightness(0) invert(1)}.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:24px;position:sticky;top:0;height:100vh}.sidebar img{height:45px;background:white;border-radius:12px;padding:5px}.side-menu{margin-top:32px;display:grid;gap:8px}.side-menu a{padding:13px 14px;border-radius:14px;color:#d9e3ef;font-weight:800}.side-menu a.active,.side-menu a:hover{background:#12365e;color:#fff}.main{padding:28px}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mini{background:#fff;border-radius:22px;padding:22px;box-shadow:0 12px 30px #071b3310}.mini b{font-size:30px}.table{background:#fff;border-radius:24px;box-shadow:0 14px 34px #071b3310;overflow:hidden;margin-top:22px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid #edf1f5}th{background:#f7faf8;color:#536174}.pill{display:inline-block;padding:6px 10px;border-radius:99px;background:#eef7f1;color:var(--green);font-weight:800;font-size:12px}.pill.pending{background:#fff6dc;color:#9b6a00}.pill.bad{background:#ffe9e6;color:#b32016}.form{max-width:780px;background:#fff;border-radius:26px;padding:28px;box-shadow:0 14px 34px #071b3310}.form input,.form select,.form textarea{width:100%;padding:13px 14px;border:1px solid #d9e2ec;border-radius:13px;margin:8px 0 16px;font-size:15px}.notice{background:#fff7dd;border:1px solid #ffe39b;border-radius:18px;padding:14px;color:#715100;margin:14px 0}.auth{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(135deg,#f6f9f6,#e9f8ef)}.auth-card{width:min(430px,100%);background:#fff;border-radius:30px;padding:32px;box-shadow:0 24px 70px #071b3320}.auth-card img{height:58px}.actions{display:flex;gap:10px;flex-wrap:wrap}.alert{padding:12px 14px;border-radius:14px;background:#ffe9e6;color:#9b1c12;margin:10px 0}.success{padding:12px 14px;border-radius:14px;background:#e8f8ef;color:#075f31;margin:10px 0}@media(max-width:900px){.hero-inner,.split,.layout{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.cards,.grid4{grid-template-columns:1fr}.hero h1{font-size:44px}.ready{flex-direction:column;align-items:flex-start}.nav{display:none}}
/* v2 fixes */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;align-items:center;gap:10px;background:#f6fbf8;border:1px solid #dfeee5;border-radius:14px;padding:12px;margin:8px 0 16px}.check input{width:auto;margin:0}.muted{color:#657084;display:block;margin:-6px 0 14px}.filter{display:flex;gap:12px;align-items:center;background:#fff;border-radius:20px;padding:14px;box-shadow:0 10px 24px #071b3310;max-width:620px}.filter select{padding:12px 14px;border:1px solid #d9e2ec;border-radius:13px;min-width:260px}.btn:disabled{opacity:.45;cursor:not-allowed}.wide{width:100%;justify-content:center}.installer{align-items:start;padding-top:46px}.install-card{width:min(560px,100%);padding:34px}.install-card img{height:64px;margin-bottom:12px}.install-card h2{font-size:30px;margin:8px 0 20px}.install-section{background:#fbfdfc;border:1px solid #e5eee8;border-radius:22px;padding:20px;margin:16px 0}.install-section h3{margin:0 0 14px;font-size:18px;color:var(--green)}.auth-card label,.form label{display:block;font-weight:800;margin:10px 0 6px}.auth-card input,.auth-card select{width:100%;padding:14px 15px;border:1px solid #d9e2ec;border-radius:14px;font-size:15px;outline:none}.auth-card input:focus,.form input:focus,.form select:focus{border-color:var(--green);box-shadow:0 0 0 4px #07944a14}.alert b,.success b{display:block;margin-bottom:4px}.store{height:52px;border-radius:10px;padding:8px 14px;min-width:190px}.play-triangle{width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:20px solid #fff;display:inline-block}.apple-mark{font-size:31px;line-height:1;font-family:Arial,sans-serif}.store small{letter-spacing:.2px}.store b{font-size:19px}.hero-photo{position:relative}.hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#ffffffef 15%,#ffffff7a 35%,#ffffff00 62%);border-radius:34px}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.filter{flex-direction:column;align-items:stretch}.filter select{min-width:0;width:100%}}


/* v5 premium homepage + footer redesign */
.topbar{height:76px;padding:0 7%;box-shadow:0 8px 26px rgba(7,27,51,.08)}
.logo{height:50px}.nav{gap:28px}.nav a{transition:.2s}.nav a:hover{color:var(--green)}
.home-hero{position:relative;min-height:690px;background:#fff;overflow:hidden;display:flex;align-items:stretch}
.home-hero-bg{position:absolute;top:76px;right:5.5%;width:48%;height:440px;border-radius:0 0 30px 30px;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 10%,rgba(255,255,255,.68) 31%,rgba(255,255,255,.10) 55%,rgba(255,255,255,0) 75%),url('../assets/hero.jpg') center right/cover no-repeat;box-shadow:0 28px 75px rgba(7,27,51,.20);z-index:1}.home-hero-bg:after{content:"";position:absolute;inset:0;border-radius:0 0 30px 30px;background:linear-gradient(0deg,rgba(7,27,51,.03),rgba(255,255,255,0))}.home-hero-content{position:relative;z-index:2;width:100%;padding:120px 7% 170px}.hero-copy{max-width:640px}.home-hero h1{font-size:68px;line-height:.98;margin:0 0 24px;font-weight:950;letter-spacing:-2.8px}.home-hero h1 span{color:var(--green)}.home-hero .lead{font-size:21px;color:#24384f;font-weight:500;line-height:1.55}.hero-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:150px;z-index:3}.wave-navy{fill:var(--navy)}.wave-yellow{fill:var(--yellow)}.wave-green{fill:var(--green)}.hero-stats{margin-top:26px}.hero-stats .stat{min-width:145px;display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center}.hero-stats .stat i{grid-row:1/3;width:42px;height:42px;border-radius:14px;background:#e8f8ef;display:grid;place-items:center;font-style:normal}.store{height:54px;min-width:185px;border-radius:10px;background:#080808;color:#fff;padding:8px 15px;box-shadow:0 14px 30px rgba(0,0,0,.18)}.store small{font-size:9px;letter-spacing:.3px}.store b{font-size:19px}.play-logo{position:relative;width:25px;height:25px;display:inline-block;background:linear-gradient(140deg,#29b6f6 0 35%,#43a047 35% 55%,#fdd835 55% 73%,#e53935 73% 100%);clip-path:polygon(0 0,100% 50%,0 100%)}.apple-mark{font-size:31px}.section-soft{background:#f6faf7}.section-title{text-align:center;margin-bottom:36px}.section-title span,.eyebrow{display:inline-block;color:var(--green);font-weight:900;font-size:13px;letter-spacing:.7px}.section-title h2{margin:8px 0 0}.process-cards .card{text-align:center}.process-cards .icon{margin:0 auto}.feature-row{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:34px}.feature-row>div{background:#fff;border:1px solid #e8efe8;border-radius:24px;padding:28px 18px;text-align:center;box-shadow:0 12px 30px rgba(7,27,51,.08)}.feature-row i{font-style:normal;font-size:36px}.feature-row h3{margin:16px 0 8px}.feature-row p{font-size:14px;color:#667085;line-height:1.45}.rider-section{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;background:linear-gradient(90deg,#fff 0%,#f3faf6 100%)}.check-list{list-style:none;padding:0;margin:24px 0}.check-list li{margin:10px 0;color:#24384f}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:9px;border-radius:50%;background:#e5f8ed;color:var(--green);font-weight:900}.benefit-card{background:var(--navy);color:#fff;border-radius:30px;padding:34px;box-shadow:0 24px 70px rgba(7,27,51,.22)}.benefit-card h3{font-size:28px;margin:0 0 20px}.benefit-card div{border-top:1px solid rgba(255,255,255,.15);padding:18px 0}.benefit-card b{display:block;color:#fff;font-size:18px}.benefit-card span{display:block;color:#cbd5e1;margin-top:5px}.community-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}.community-grid{background:#fff;border-radius:30px;padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;box-shadow:0 18px 50px rgba(7,27,51,.10);border:1px solid #e8efe8}.community-grid div{text-align:center;padding:16px}.community-grid i{font-style:normal;font-size:38px;color:var(--green)}.community-grid h3{margin:12px 0 8px}.community-grid p{color:#667085;font-size:14px;line-height:1.45}.ready-premium{position:relative;overflow:hidden;background:linear-gradient(90deg,#07944a,#08b75b);padding:42px 58px}.ready-premium .ready-mark{position:absolute;left:0;top:0;bottom:0;width:210px;background:rgba(255,255,255,.18);display:grid;place-items:center}.ready-premium .ready-mark img{width:150px;opacity:.25}.ready-premium>div:not(.ready-mark){position:relative;z-index:2}.ready-premium h2,.ready-premium p{margin-left:150px}.site-footer{background:var(--navy);color:#dbe7f4;padding:56px 7% 22px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:46px}.footer-brand img{height:54px;background:#fff;border-radius:12px;padding:4px}.footer-brand p,.site-footer p{color:#d0d9e6;line-height:1.65}.site-footer h4{color:#fff;font-size:18px;margin:0 0 18px}.site-footer a{display:block;color:#e6eef8;margin:10px 0;font-weight:700}.site-footer a:hover{color:#fff}.socials{display:flex;gap:12px;margin-top:22px}.socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center;margin:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;color:#b9c7d8}.footer-bottom a{display:inline;margin:0}.footer{display:none}@media(max-width:1100px){.home-hero-bg{right:0;width:54%;opacity:.95}.home-hero h1{font-size:56px}.feature-row{grid-template-columns:repeat(2,1fr)}.community-section,.rider-section{grid-template-columns:1fr}.ready-premium h2,.ready-premium p{margin-left:0}.ready-premium .ready-mark{display:none}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.home-hero{min-height:auto}.home-hero-bg{position:relative;top:auto;right:auto;width:100%;height:300px;border-radius:0;order:2}.home-hero-content{padding:64px 6% 60px}.home-hero h1{font-size:44px;letter-spacing:-1.5px}.hero-wave{display:none}.feature-row,.community-grid,.footer-grid{grid-template-columns:1fr}.ready-premium{margin:36px 5%;padding:30px}.footer-bottom{flex-direction:column}.stats{gap:10px}.stat{width:100%}}


/* v6 cleaner wave + representative portal */
.home-hero{min-height:650px}
.home-hero-content{padding:105px 7% 120px}
.home-hero-bg{height:430px;border-radius:26px;top:86px;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.95) 8%,rgba(255,255,255,.70) 24%,rgba(255,255,255,.20) 45%,rgba(255,255,255,0) 67%),url('../assets/hero.jpg') center right/cover no-repeat}
.hero-wave{height:98px;bottom:-2px}
.hero-stats .stat{box-shadow:0 8px 22px rgba(7,27,51,.08)}
.rep-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:980px){.rep-summary{grid-template-columns:1fr 1fr}.home-hero-bg{position:relative;top:auto;right:auto;width:100%;height:320px;border-radius:0}}
@media(max-width:650px){.rep-summary{grid-template-columns:1fr}.hero-wave{display:none}.home-hero-content{padding-bottom:50px}}

/* v7 driver verification uploads */
.doc-links{display:flex;gap:8px;flex-wrap:wrap}.auth-card input[type=file]{background:#fbfdfc;border-style:dashed}.auth-card small.muted{font-size:12px;color:#657084;margin-top:-8px;margin-bottom:10px}.table td b{font-weight:900}

/* v8 driver registration upload validation and spacing fix */
.driver-register-card{width:min(470px,100%)}
.driver-register-card label{margin-top:14px}
.driver-register-card input,.driver-register-card select{margin-bottom:0}
.driver-register-card .field-help{font-size:12px;line-height:1.35;margin:6px 0 10px;color:#657084}
.driver-register-card input[type=file]{padding:13px;background:#fbfdfc;border:1px dashed #cfdce8;border-radius:14px;margin-top:4px}
.driver-register-card .req{display:inline-block;margin-left:6px;padding:3px 8px;border-radius:999px;background:#e8f8ef;color:#07944a;font-size:11px;font-weight:900;vertical-align:middle}
.driver-register-card .btn{margin-top:14px}
.driver-register-card .alert{line-height:1.35}

/* v10 driver registration searchable subdivision + cleaner helper text */
.driver-register-card{width:min(500px,100%)}
.driver-register-card label{margin-top:18px;margin-bottom:8px;line-height:1.2}
.driver-register-card input,
.driver-register-card select{min-height:52px}
.driver-register-card .field-help{display:block;font-size:12px;line-height:1.45;margin:8px 0 16px;color:#5f6f86;clear:both}
.driver-register-card input[type=file]{display:block;width:100%;padding:14px 16px;margin:6px 0 0;background:#fbfdfc;border:1px dashed #cfdce8;border-radius:15px;line-height:1.4}
.driver-register-card .req{display:inline-flex;align-items:center;margin-left:8px;padding:4px 9px;border-radius:999px;background:#e8f8ef;color:#07944a;font-size:11px;font-weight:900;vertical-align:middle;line-height:1}
.driver-register-card .notice{margin-top:20px;line-height:1.45;padding:16px 18px;border-radius:17px}
.route-search-wrap{position:relative}
.route-search-input{padding-right:42px;background:#fff}
.route-search-wrap:after{content:'⌕';position:absolute;right:15px;top:13px;color:#657084;font-size:20px;pointer-events:none}
.route-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #d9e2ec;border-radius:16px;box-shadow:0 18px 40px rgba(7,27,51,.16);max-height:240px;overflow:auto;padding:8px}
.route-result-item{display:block;width:100%;border:0;background:#fff;text-align:left;padding:12px 14px;border-radius:12px;color:#071b33;font-weight:800;cursor:pointer}
.route-result-item:hover{background:#eef7f1;color:#07944a}
.route-empty{padding:13px 14px;color:#657084;font-size:14px}
.route-help{margin-top:8px!important;margin-bottom:16px!important}


/* v11 admin cleanup: dashboard income, expenses, delete actions, cleaner tables */
.pending-link{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;transition:.18s}
.pending-link:hover{background:#fff6dc;transform:translateY(-1px)}
.clickable{display:block;color:var(--navy);transition:.18s}.clickable:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(7,27,51,.16)}
.dashboard-cards{margin-bottom:18px}.income-cards .mini b{font-size:24px}.income-cards .mini span{color:#536174;font-weight:800}
.btn.danger{background:#ffe9e6;color:#b32016}.btn.danger:hover{background:#ffd8d2}.inline-alert{max-width:780px;margin:0 0 18px;background:#ffe9e6;color:#b32016;border-radius:18px;padding:14px 16px;font-weight:800}
.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.route-actions form{display:inline-flex;margin:0}.route-actions .btn{min-height:42px;padding:10px 16px}
.driver-actions{min-width:360px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-box{background:#f7faf8;border:1px solid #e8efe8;border-radius:16px;padding:12px}.action-box b{display:block;font-size:12px;color:#536174;margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}.action-box form{display:flex;gap:8px;align-items:center}.action-box select,.action-box input{height:40px;border:1px solid #d9e2ec;border-radius:10px;padding:0 10px;min-width:0}.action-box input{width:100px}.action-box .btn{height:40px;padding:0 12px;border-radius:10px;white-space:nowrap}.filter{display:flex;gap:10px;align-items:center;margin:14px 0}.filter select{height:44px;border:1px solid #d9e2ec;border-radius:12px;padding:0 12px;min-width:210px}.table{overflow:auto}.table table{min-width:980px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form .muted{display:block;color:#657084;margin:-4px 0 12px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}
@media(max-width:900px){.grid4{grid-template-columns:1fr 1fr}.driver-actions{grid-template-columns:1fr;min-width:260px}.main{padding:18px}.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.side-menu{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.grid4,.form-grid{grid-template-columns:1fr}.actions,.action-box form{flex-direction:column;align-items:stretch}.action-box input{width:100%}}

/* v14 manual GCash rider payment */
.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;margin:22px 0}.payment-settings-form h2,.payment-help h2,.qr-card h2{margin-top:0}.qr-preview{margin:12px 0;background:#f7faf8;border:1px solid #e8efe8;border-radius:18px;padding:14px;display:inline-block}.qr-preview img,.gcash-qr{display:block;max-width:260px;width:100%;height:auto;border-radius:18px;border:1px solid #e8efe8;background:#fff;padding:10px}.qr-card p{margin:10px 0;color:#27364a}.payment-review-form{min-width:240px}.payment-review-form input{width:100%;height:38px;border:1px solid #d9e2ec;border-radius:10px;padding:0 10px;margin-bottom:8px}.rider-payment-grid .form{max-width:none}.payment-help p{color:#536174;font-weight:700}.gcash-qr{max-width:320px;margin:12px 0 16px}.side-menu a[href$="payments.php"]{position:relative}@media(max-width:900px){.payment-grid{grid-template-columns:1fr}.gcash-qr{max-width:100%}}


/* v28 dashboard colors, support, route requests */
.dash-card{position:relative;overflow:hidden;border:1px solid transparent;color:#071b33}.dash-card:before{content:"";position:absolute;inset:0;opacity:.10;pointer-events:none}.dash-card span{font-weight:900}.dash-card b{position:relative;z-index:1}.routes-card{background:#eaf8ef;border-color:#bce9ce}.drivers-card{background:#eaf3ff;border-color:#bfdcff}.bookings-card{background:#f1edff;border-color:#d7cdfd}.pending-card{background:#fff6dd;border-color:#ffd978}.income-card{background:#e9fbf0;border-color:#afe6c5}.total-card{background:#e4f7ea;border-color:#9fdcb8}.collection-card{background:#eaf5ff;border-color:#b9dcff}.commission-card{background:#fff1df;border-color:#ffc98b}.expense-card{background:#ffedeb;border-color:#ffbdb7}.month-expense-card{background:#fff4e7;border-color:#ffd4a3}.net-card{background:#e8f8f2;border-color:#9de2c6}.fee-card{background:#fff8d8;border-color:#ffe175}.route-request-form,.support-form{display:grid;gap:8px;min-width:280px}.route-request-form input,.support-form textarea{width:100%;border:1px solid #d9e2ec;border-radius:12px;padding:10px}.support-reply{margin-top:10px;background:#f4f8fb;border-left:4px solid #07944a;border-radius:12px;padding:10px}.support-form textarea{min-height:80px}.template-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* v65 admin sidebar badges/fixes */
.sidebar .side-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#eef6ff !important;}
.sidebar .side-menu a span{color:inherit;}
.sidebar .side-menu a.active{background:#16446f;color:#fff !important;}
.side-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#e62c37;color:#fff;font-size:12px;font-weight:800;}
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:10px 0;}
.permission-grid label{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #dce6f2;border-radius:12px;padding:10px 12px;font-weight:700;}

/* v67 payment reports split + robust sidebar */
.layout{align-items:stretch;min-height:100vh;}
.sidebar{min-height:100vh;height:100vh;overflow-y:auto;overflow-x:hidden;background:#071b33 !important;z-index:20;}
.side-menu{padding-bottom:32px;}
.side-menu a{position:relative;display:flex !important;align-items:center;justify-content:space-between;gap:10px;color:#eef6ff !important;background:transparent;}
.side-menu a span{color:inherit !important;}
.side-menu a:hover,.side-menu a.active{background:#16446f !important;color:#fff !important;}
.side-menu a:visited{color:#eef6ff !important;}
.side-badge{flex:0 0 auto;box-shadow:0 2px 6px rgba(0,0,0,.18);}
.payment-settings-form input[type=file]{padding:12px;border:1px solid #d9e2ec;border-radius:13px;background:#fff;}
@media(max-width:900px){.sidebar{height:auto;min-height:auto;overflow:visible}.side-menu{grid-template-columns:repeat(2,1fr)}}


/* v70 Bookings page readable layout + Philippine-time admin display helpers */
.booking-power-card{
  display:grid;
  grid-template-columns:minmax(280px,2.2fr) minmax(155px,1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(190px,1.15fr) minmax(190px,1.15fr) auto;
  gap:16px;
  align-items:end;
  max-width:none;
  width:100%;
  padding:18px;
  margin:16px 0 12px;
  border:1px solid #e5eee8;
}
.booking-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.booking-field label{font-weight:900;color:var(--navy);font-size:14px;line-height:1.25}
.booking-field input,.booking-field select{
  width:100%;
  min-height:46px;
  padding:12px 13px;
  border:1px solid #d9e2ec;
  border-radius:13px;
  background:#fff;
  color:var(--navy);
  font-size:14px;
  outline:none;
}
.booking-field input:focus,.booking-field select:focus{border-color:var(--green);box-shadow:0 0 0 4px #07944a14}
.booking-search-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}
.booking-table-wrap{overflow-x:auto;border:1px solid #edf1f5}
.booking-table{min-width:1420px;font-size:14px}
.booking-table th{white-space:nowrap;font-weight:900}
.booking-table td{vertical-align:top;line-height:1.35;padding:16px 18px}
.booking-table .btn{padding:10px 14px;border-radius:13px;justify-content:center;text-align:center}
.nowrap{white-space:nowrap}
@media(max-width:1300px){.booking-power-card{grid-template-columns:repeat(3,minmax(0,1fr));}.booking-field-search{grid-column:1/-1}.booking-search-actions{grid-column:1/-1}}
@media(max-width:760px){.booking-power-card{grid-template-columns:1fr}.booking-field-search,.booking-search-actions{grid-column:auto}.booking-search-actions .btn{flex:1;justify-content:center}.main{padding:18px}.booking-table{min-width:1180px}}
