@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--night: #050E17;--deep: #081220;--surface: #0B1929;--card: rgba(255,255,255,.04);--card-h: rgba(255,255,255,.07);--border: rgba(255,255,255,.08);--green: #3DAA6A;--green-l: #52C882;--green-d: #2A7D4F;--green-bg: rgba(61,170,106,.1);--green-glow: rgba(61,170,106,.2);--gold: #F5A623;--text: #E8F4ED;--muted: rgba(232,244,237,.42);--ok: #52C882;--err: #F05050;--r: 10px;--r-lg: 14px;--r-xl: 18px;--ease: all .2s cubic-bezier(.4,0,.2,1);--font: "Plus Jakarta Sans", sans-serif;--body: "DM Sans", sans-serif;--sidebar-w: 230px;--bottom-nav-h: 62px}html{scroll-behavior:smooth}body{font-family:var(--body);background:var(--night);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size:14px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--green-d);border-radius:2px}.glass{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--ease)}.glass:hover{background:var(--card-h)}.btn{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;font-family:var(--font);font-weight:600;border-radius:var(--r);transition:var(--ease);white-space:nowrap;font-size:13px}.btn-primary{background:linear-gradient(135deg,var(--green-d),var(--green-l));color:#fff;padding:9px 18px;box-shadow:0 3px 12px var(--green-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 5px 18px #3daa6a61}.btn-ghost{background:var(--card);border:1px solid var(--border);color:var(--text);padding:8px 15px}.btn-ghost:hover{background:var(--card-h);border-color:#3daa6a4d}.btn-gold{background:linear-gradient(135deg,var(--gold),#E8860A);color:#000;padding:9px 18px;font-weight:700}.btn-gold:hover{transform:translateY(-1px)}.btn-danger{background:#f050501a;border:1px solid rgba(240,80,80,.2);color:var(--err);padding:7px 12px;font-size:12px}.input-group{display:flex;flex-direction:column;gap:4px}.input-label,.lbl{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.field,.input-field{background:#ffffff0d;border:1px solid var(--border);border-radius:var(--r);padding:9px 12px;color:var(--text);font-family:var(--body);font-size:13px;transition:var(--ease);width:100%}.field::placeholder,.input-field::placeholder{color:var(--muted)}.field:focus,.input-field:focus{outline:none;border-color:var(--green);background:#3daa6a0d;box-shadow:0 0 0 2px #3daa6a1a}.field option,.input-field option{background:#0b1929}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600}.b-g,.badge-green{background:#3daa6a1f;color:var(--green-l);border:1px solid rgba(61,170,106,.2)}.b-o,.badge-gold{background:#f5a6231a;color:var(--gold);border:1px solid rgba(245,166,35,.2)}.b-r,.badge-red{background:#f050501a;color:var(--err);border:1px solid rgba(240,80,80,.2)}.b-b,.badge-blue{background:#1e50824d;color:#7ec8e3;border:1px solid rgba(126,200,227,.15)}.overlay,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#050e17eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fi .18s ease}.mbox,.modal-box{background:linear-gradient(150deg,#0c1e30,#050e17);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:460px;max-height:90vh;overflow-y:auto;animation:su .28s cubic-bezier(.34,1.56,.64,1);box-shadow:0 28px 56px #0009}.mhead,.modal-header{padding:18px 20px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.mhead h3,.modal-header h2{font-family:var(--font);font-size:16px;font-weight:700}.mbody,.modal-body{padding:16px 20px}.mfoot,.modal-footer{padding:12px 20px 18px;display:flex;gap:8px;justify-content:flex-end}.mclose,.modal-close{background:var(--card);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);font-size:14px;transition:var(--ease)}.mclose:hover,.modal-close:hover{color:var(--text)}@keyframes fi{0%{opacity:0}to{opacity:1}}@keyframes su{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.steps{display:flex;align-items:center;margin-bottom:16px}.step-item{display:flex;align-items:center;flex:1}.sdot{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;transition:var(--ease)}.sdot.act{background:linear-gradient(135deg,var(--green-d),var(--green-l));color:#fff;box-shadow:0 0 10px var(--green-glow)}.sdot.done{background:var(--green);color:#fff}.sdot.off{background:var(--card);border:1px solid var(--border);color:var(--muted)}.sline{flex:1;height:2px;background:var(--border)}.sline.done{background:var(--green)}.pay-opt,.pay-option{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:var(--r);border:1.5px solid var(--border);background:var(--card);cursor:pointer;transition:var(--ease);margin-bottom:7px}.pay-opt.sel,.pay-option.selected{border-color:var(--green);background:var(--green-bg)}.pay-opt .pi,.pay-icon{font-size:18px}.pay-opt .pinfo strong,.pay-info strong{display:block;font-size:13px;font-weight:600}.pay-opt .pinfo span,.pay-info span{font-size:11px;color:var(--muted)}.prado,.pay-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;transition:var(--ease)}.pay-opt.sel .prado,.pay-option.selected .pay-radio{border-color:var(--green)}.op-grid,.operator-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.op-btn,.operator-btn{padding:8px;border-radius:var(--r);border:1.5px solid var(--border);background:var(--card);cursor:pointer;text-align:center;font-family:var(--font);color:var(--text);font-weight:600;font-size:12px;transition:var(--ease)}.op-btn.act,.operator-btn.active{border-color:var(--green);background:var(--green-bg);color:var(--green-l)}.sidebar{width:var(--sidebar-w);background:var(--deep);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:40}.sidebar-logo{padding:16px 14px 12px;border-bottom:1px solid var(--border)}.sidebar-nav{padding:6px;flex:1}.sidebar-footer{padding:10px 6px;border-top:1px solid var(--border)}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:var(--r);cursor:pointer;color:var(--muted);font-size:13px;font-weight:500;transition:var(--ease);margin-bottom:2px}.nav-item:hover{background:var(--card);color:var(--text)}.nav-item.active{background:var(--green-bg);color:var(--green-l);border:1px solid rgba(61,170,106,.16)}.nav-icon{font-size:16px;flex-shrink:0}.hamburger{display:none;position:fixed;top:14px;left:14px;z-index:60;width:38px;height:38px;border-radius:var(--r);background:var(--deep);border:1px solid var(--border);cursor:pointer;align-items:center;justify-content:center;font-size:18px;color:var(--text)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#050e17b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-overlay.open{display:block}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--deep);border-top:1px solid var(--border);height:var(--bottom-nav-h);flex-direction:row;align-items:stretch;justify-content:space-around;padding:0 4px;padding-bottom:env(safe-area-inset-bottom)}.mobile-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;border:none;background:none;cursor:pointer;color:var(--muted);position:relative;gap:2px;padding:6px 2px;transition:var(--ease);border-radius:var(--r)}.mobile-tab-btn.active{color:var(--green-l)}.mobile-tab-btn.active .mobile-tab-icon{transform:scale(1.15)}.mobile-tab-icon{font-size:20px;line-height:1}.mobile-tab-label{font-size:9px;font-weight:600;font-family:var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52px}.mobile-tab-badge{position:absolute;top:4px;right:calc(50% - 18px);background:var(--gold);color:#000;border-radius:99px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.4}.bus-card-row,.trip-card-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.data-table,.tbl{width:100%;border-collapse:collapse}.data-table th,.tbl th{padding:9px 12px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td,.tbl td{padding:10px 12px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.data-table tbody tr:hover,.tbl tbody tr:last-child td{background:var(--card)}.toast{position:fixed;bottom:18px;right:18px;z-index:200;padding:10px 14px;border-radius:var(--r);font-size:13px;font-weight:500;animation:tst .3s cubic-bezier(.34,1.56,.64,1);max-width:300px;display:flex;align-items:center;gap:8px}.t-ok,.toast-success{background:#3daa6a1f;border:1px solid rgba(61,170,106,.26);color:var(--green-l)}.t-err,.toast-error{background:#f050501f;border:1px solid rgba(240,80,80,.26);color:var(--err)}.t-inf,.toast-info{background:#1e50824d;border:1px solid rgba(126,200,227,.16);color:#7ec8e3}@keyframes tst{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:none}}.carousel{position:relative;overflow:hidden;border-radius:var(--r-xl)}.c-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.c-slide{min-width:100%;position:relative}.c-slide img{width:100%;height:280px;object-fit:cover;display:block}.c-cap{position:absolute;bottom:0;left:0;right:0;padding:32px 22px 16px;background:linear-gradient(transparent,#050e17d9)}.c-cap h4{font-family:var(--font);font-size:16px;font-weight:700;margin-bottom:2px}.c-cap p{font-size:12px;color:#fff9}.c-btn{position:absolute;top:50%;transform:translateY(-50%);background:#050e1780;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:var(--ease);z-index:2}.c-btn:hover{background:#3daa6a66;border-color:var(--green)}.c-btn.p{left:12px}.c-btn.n{right:12px}.c-dots{display:flex;gap:5px;justify-content:center;padding:10px 0 2px}.cdot{width:5px;height:5px;border-radius:99px;background:var(--border);cursor:pointer;transition:var(--ease)}.cdot.act{width:18px;background:var(--green)}.stat-card{padding:16px 18px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--border);position:relative;overflow:hidden;transition:var(--ease)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.stat-card.green:before,.stat-card.g:before{background:linear-gradient(90deg,var(--green-d),var(--green-l))}.stat-card.gold:before,.stat-card.o:before{background:linear-gradient(90deg,var(--gold),#E8860A)}.stat-card.navy:before,.stat-card.b:before{background:linear-gradient(90deg,#1a5a9a,#3a9abf)}.stat-card.purple:before,.stat-card.p:before{background:linear-gradient(90deg,#6b46c1,#9f7aea)}.stat-card:hover{transform:translateY(-1px)}.stat-value,.sv{font-family:var(--font);font-size:24px;font-weight:800;line-height:1;margin:5px 0 2px}.stat-label,.sl{font-size:11px;color:var(--muted)}.stat-icon,.si{font-size:20px;margin-bottom:2px}.grid-2,.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3,.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.grid-4,.g4c{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flex{display:flex}.col{flex-direction:column}.ac,.items-center{align-items:center}.jb,.justify-between{justify-content:space-between}.jc{justify-content:center}.g4{gap:4px}.g8,.gap-8{gap:8px}.g10{gap:10px}.g12,.gap-12{gap:12px}.g16,.gap-16{gap:16px}.mt4,.mt-8{margin-top:4px}.mt8{margin-top:8px}.mt12,.mt-12{margin-top:12px}.mt16,.mt-16{margin-top:16px}.mt20,.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb4{margin-bottom:4px}.mb8,.mb-8{margin-bottom:8px}.mb12,.mb-12{margin-bottom:12px}.mb16,.mb-16{margin-bottom:16px}.mb20,.mb-20{margin-bottom:20px}.p12{padding:12px}.p16,.p-16{padding:16px}.p20,.p-20{padding:20px}.p-24{padding:24px}.w100,.w-full{width:100%}.rel{position:relative}.muted,.text-muted{color:var(--muted)}.gold,.text-gold{color:var(--gold)}.ok,.text-success{color:var(--ok)}.err,.text-error{color:var(--err)}.grn,.text-cyan{color:var(--green-l)}.sec-title,.section-title{font-family:var(--font);font-size:14px;font-weight:700;margin-bottom:12px}.divider{height:1px;background:var(--border);margin:12px 0}.fade-in{animation:fiu .4s ease both}.fade-in-1{animation-delay:.05s}.fade-in-2{animation-delay:.1s}.fade-in-3{animation-delay:.15s}.fade-in-4{animation-delay:.2s}.fi{animation:fiu .38s ease both}@keyframes fiu{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.spin,.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:currentColor;animation:sp .6s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.quote-band{background:linear-gradient(120deg,var(--green-d) 0%,#1A5C3A 100%);border-radius:var(--r-lg);padding:20px 24px;position:relative;overflow:hidden}.quote-band:before{content:'"';position:absolute;top:-14px;left:14px;font-size:100px;font-family:var(--font);color:#ffffff12;pointer-events:none;line-height:1}@media (max-width:1024px){.grid-4,.g4c{grid-template-columns:1fr 1fr}}@media (max-width:768px){.grid-4,.g4c{grid-template-columns:1fr 1fr;gap:10px}.grid-3,.g3,.grid-2,.g2{grid-template-columns:1fr;gap:10px}.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);box-shadow:4px 0 24px #00000080}.sidebar.open{transform:translate(0)}.hamburger,.mobile-bottom-nav{display:flex}main{padding:60px 14px calc(var(--bottom-nav-h) + 16px)!important}.data-table,.tbl{font-size:12px;min-width:520px}.data-table th,.tbl th{padding:7px 8px;font-size:9px}.data-table td,.tbl td{padding:8px}.overlay,.modal-overlay{align-items:flex-end;padding:0}.mbox,.modal-box{max-width:100%;border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:95vh}.toast{left:14px;right:14px;bottom:calc(var(--bottom-nav-h) + 12px);max-width:100%}.bus-card-row,.trip-card-row{flex-direction:column;align-items:flex-start}.hero-grid{grid-template-columns:1fr!important}.hero-carousel{display:none}.feat-strip{grid-template-columns:1fr 1fr}.c-slide img{height:200px}.stat-value,.sv{font-size:18px}.stat-card{padding:12px 14px}.mfoot,.modal-footer{flex-direction:column}.mfoot .btn,.modal-footer .btn{width:100%;justify-content:center}.dash-header{flex-direction:column;align-items:flex-start!important;gap:10px}.dash-header h1{font-size:16px!important}}@media (max-width:480px){.grid-4,.g4c,.op-grid,.operator-grid{grid-template-columns:1fr 1fr}.stat-value,.sv{font-size:16px}.grid-4.stats-grid,.g4c.stats-grid{grid-template-columns:1fr 1fr}}.mobile-logout{display:none}@media (max-width:768px){.mobile-logout{display:inline-flex}}