:root{--brand:#8ee000;--brand-dark:#5f9800;--ink:#172018;--soft:#f3f6f1;--line:#dce4d8;--shadow:0 7px 0 rgba(23,32,24,.10)}
body{font-family:'Roboto',sans-serif;background:var(--soft);color:var(--ink)}a{text-decoration:none}.portal-shell{min-height:100vh;display:flex}.portal-side{width:268px;position:fixed;inset:0 auto 0 0;background:#172018;color:#fff;padding:1.25rem;border-right:7px solid var(--brand);overflow-y:auto}.portal-brand{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1.25rem;font-weight:800;margin-bottom:1.6rem}.portal-brand .mark{width:44px;height:44px;border-radius:10px;background:var(--brand);color:#183000;display:grid;place-items:center;box-shadow:0 4px 0 var(--brand-dark)}.portal-side nav a{display:flex;align-items:center;gap:.75rem;color:#cbd5c8;padding:.8rem .85rem;border-radius:9px;margin:.22rem 0;font-weight:650}.portal-side nav a:hover,.portal-side nav a.active{background:#293a26;color:#fff;box-shadow:inset 4px 0 0 var(--brand)}.portal-main{margin-left:268px;width:calc(100% - 268px)}.portal-top{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 5px 0 rgba(23,32,24,.07);padding:1rem 1.4rem}.portal-content{padding:1.5rem}.portal-card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:1.25rem;height:100%}.portal-metric{font-size:1.85rem;font-weight:800}.portal-icon{width:48px;height:48px;background:#e9ffc5;color:#387500;border-radius:10px;display:grid;place-items:center;box-shadow:0 4px 0 #c6e991}.table-shell{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.table-shell table{margin:0}.table-shell thead th{background:#eef3ea}.btn-brand{background:var(--brand);border-color:var(--brand);color:#183000;font-weight:800;box-shadow:0 4px 0 var(--brand-dark)}.btn-brand:hover{background:#7dca00;border-color:#7dca00;color:#183000;transform:translateY(1px);box-shadow:0 3px 0 var(--brand-dark)}.portal-login{min-height:100vh;background:linear-gradient(125deg,rgba(15,28,16,.92),rgba(31,61,23,.76)),url('../img/hero-bus1.jpg?v=505') center/cover;display:grid;place-items:center;padding:1.5rem}.portal-login-card{width:min(940px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid rgba(255,255,255,.35);border-radius:18px;box-shadow:0 14px 0 rgba(10,18,10,.28);overflow:hidden}.portal-login-info{background:#172018;color:#fff;padding:3rem}.portal-login-form{padding:3rem}.portal-login .brand-logo{width:58px;height:58px;display:grid;place-items:center;background:var(--brand);color:#173000;border-radius:12px;box-shadow:0 5px 0 var(--brand-dark);font-size:1.5rem}.quick-stat{border:1px solid var(--line);background:#f8faf7;border-radius:10px;padding:.8rem}.quick-stat span,.quick-stat strong{display:block}.quick-stat span{font-size:.74rem;color:#6d7969}.timeline-item{border-left:3px solid var(--brand);padding-left:1rem;margin-bottom:1rem}.empty-state{text-align:center;padding:3rem 1rem;color:#6d7969}.form-control,.form-select{min-height:45px;border-color:#ccd6c8}.form-control:focus,.form-select:focus{border-color:#7ac500;box-shadow:0 0 0 .2rem rgba(142,224,0,.18)}
@media(max-width:991.98px){.portal-shell{display:block}.portal-side{position:static;width:100%;border-right:0;border-bottom:7px solid var(--brand)}.portal-side nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.portal-main{margin-left:0;width:100%}.portal-login-card{grid-template-columns:1fr}.portal-login-info{padding:2rem}.portal-login-form{padding:2rem}}
@media(max-width:575.98px){.portal-side nav{grid-template-columns:1fr}.portal-content{padding:1rem}.portal-login-info,.portal-login-form{padding:1.5rem}}