*{box-sizing:border-box}:root{--green-900:#0b3d24;--green-800:#114d2e;--green-700:#17663d;--green-600:#1d824e;--green-500:#24a05f;--green-100:#e4f5ea;--green-50:#f2faf5;--amber-600:#b45309;--amber-100:#fef3e0;--red-700:#b91c1c;--red-100:#fde8e8;--blue-700:#1d4ed8;--blue-100:#e6edfd;--ink-900:#14201a;--ink-700:#3a463f;--ink-500:#5c6b62;--line:#d8e6db;--bg:#f6faf7;--card:#fff;--radius:12px}html,body{background:var(--bg);color:var(--ink-900);width:100%;margin:0;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:1rem}.app-shell{width:100%;min-height:100vh;display:flex}.sidebar{background:var(--green-900);color:#eafbf0;flex-direction:column;flex-shrink:0;width:232px;padding:18px 12px;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;margin-bottom:12px;padding:6px 8px 18px;display:flex}.sidebar-brand .brand-title{font-size:1.05rem;font-weight:700;line-height:1.2}.sidebar-brand .brand-sub{color:#b7ddc4;font-size:.72rem}.nav-btn{text-align:left;color:#d9f2e2;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:10px 12px;font-size:.94rem;display:flex}.nav-btn:hover{background:#ffffff14}.nav-btn.active{background:var(--green-600);color:#fff;font-weight:600}.main{flex:1;min-width:0;max-width:100%;padding:22px 26px 60px;overflow-x:hidden}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.topbar h1{color:var(--green-900);margin:0;font-size:1.4rem}.topbar .subtitle{color:var(--ink-500);margin-top:2px;font-size:.85rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:0;margin-bottom:16px;padding:18px}.card h2,.card h3{color:var(--green-900);margin-top:0}.grid{gap:14px;min-width:0;display:grid}.grid>*{min-width:0}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.stat-tile{background:var(--green-50);border:1px solid var(--green-100);border-radius:var(--radius);padding:14px 16px}.stat-tile .label{color:var(--ink-500);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem}.stat-tile .value{color:var(--green-900);margin-top:4px;font-size:1.6rem;font-weight:700}.stat-tile .hint{color:var(--ink-500);margin-top:2px;font-size:.78rem}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:480px;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}th{color:var(--ink-500);text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;font-weight:600}.pill{border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.pill-green{background:var(--green-100);color:var(--green-800)}.pill-amber{background:var(--amber-100);color:var(--amber-600)}.pill-red{background:var(--red-100);color:var(--red-700)}.pill-blue{background:var(--blue-100);color:var(--blue-700)}.pill-gray{color:var(--ink-700);background:#eceeed}.btn{border:1px solid var(--green-600);background:var(--green-600);color:#fff;border-radius:8px;padding:8px 14px;font-size:.88rem;font-weight:600}.btn:hover{background:var(--green-700)}.btn-outline{color:var(--green-700);background:0 0}.btn-outline:hover{background:var(--green-100)}.btn-danger{background:var(--red-700);border-color:var(--red-700)}.btn-danger:hover{background:#9b1c1c}.btn-sm{padding:5px 10px;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field label{color:var(--ink-700);font-size:.82rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);color:var(--ink-900);background:#fff;border-radius:8px;padding:8px 10px}.center-screen{background:var(--green-900);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.auth-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:32px 28px}.auth-card img.logo{height:44px;margin-bottom:10px}.auth-card h1{color:var(--green-900);margin:6px 0 2px;font-size:1.25rem}.auth-card .sub{color:var(--ink-500);margin-bottom:18px;font-size:.85rem}.pin-input{text-align:center;letter-spacing:.3em;border:1px solid var(--line);border-radius:8px;width:100%;margin-bottom:12px;padding:10px;font-size:1.3rem}.error-text{color:var(--red-700);margin-bottom:10px;font-size:.85rem}.crew-wrap{width:100%;max-width:480px;margin:0 auto;padding:14px}.stop-row{border:1px solid var(--line);background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:flex}.stop-row .barangay-name{color:var(--ink-900);font-weight:600}footer.brand-footer{color:var(--ink-500);justify-content:center;align-items:center;gap:8px;padding:18px 0 6px;font-size:.78rem;display:flex}footer.brand-footer img{opacity:.85;height:16px}.toast{background:var(--green-800);color:#fff;z-index:50;border-radius:10px;padding:10px 16px;font-size:.88rem;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 14px #0003}@media (width<=760px){.app-shell{flex-direction:column}.sidebar{flex-direction:row;width:100%;padding:10px;overflow-x:auto}.sidebar-brand{display:none}.nav-btn{white-space:nowrap;width:auto}.main{padding:14px 14px 40px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}