:root{--primary:#0F4C81;--secondary:#FFD700;--sidebar-open:250px;--sidebar-collapse:80px}
.body-premium{font-family:Poppins,Arial,sans-serif;background:#f5f7fb;overflow-x:hidden}.login-premium{font-family:Poppins;background:radial-gradient(circle at top left,#1f7abd,#0F4C81 45%,#081a2b);}.login-card{border-radius:28px}.login-hero{min-height:560px;background:linear-gradient(135deg,rgba(15,76,129,.95),rgba(6,22,40,.98)),url('../img/undraw_posting_photo.svg') center bottom/70% no-repeat;color:white;align-items:center;padding:55px}.login-hero h1{font-weight:800;font-size:38px}.hero-badge{display:inline-block;background:rgba(255,215,0,.18);border:1px solid rgba(255,215,0,.5);padding:12px 16px;border-radius:18px;color:#FFD700;font-weight:700}
#wrapper{display:flex;min-height:100vh;width:100%}.content-page{min-width:0;width:100%;transition:margin-left .3s ease, width .3s ease}.topbar{position:sticky;top:0;z-index:900}.content-wrapper{min-height:calc(100vh - 70px)}.footer-sticky{position:sticky;bottom:0;background:white}.sidebar-backdrop{display:none}
.sidebar-premium{background:linear-gradient(180deg,#0F4C81 0%,#07345c 100%);width:var(--sidebar-open)!important;min-width:var(--sidebar-open)!important;transition:width .3s ease,min-width .3s ease,transform .3s ease;overflow-x:hidden;z-index:1040}.sidebar-premium .sidebar-brand,.sidebar-premium .nav-link{white-space:nowrap}.sidebar-premium .nav-link{border-radius:14px;margin:4px 10px;color:rgba(255,255,255,.9)!important;transition:.2s}.sidebar-premium .nav-link:hover{background:rgba(255,255,255,.12);transform:translateX(3px)}.sidebar-premium .nav-link i{color:#FFD700!important;min-width:24px;text-align:center}.sidebar-premium.collapsed{width:var(--sidebar-collapse)!important;min-width:var(--sidebar-collapse)!important}.sidebar-premium.collapsed .nav-text,.sidebar-premium.collapsed .sidebar-brand-text,.sidebar-premium.collapsed .sidebar-heading{display:none!important}.sidebar-premium.collapsed .nav-link{text-align:center;margin-left:8px;margin-right:8px;padding-left:0!important;padding-right:0!important}.sidebar-premium.collapsed .sidebar-brand{justify-content:center!important}.sidebar-premium.collapsed .nav-link i{font-size:17px;margin-right:0!important}
.glass-card{background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);border-radius:22px}.stat-card{border-radius:20px;border:0;box-shadow:0 10px 30px rgba(15,76,129,.10)}.public-body{font-family:Poppins;background:#071828;color:white;min-height:100vh}.public-card{background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.18);border-radius:24px;backdrop-filter:blur(12px)}.running{position:fixed;bottom:0;left:0;right:0;background:#FFD700;color:#0F4C81;font-weight:800;padding:12px;white-space:nowrap;overflow:hidden}.running span{display:inline-block;animation:run 25s linear infinite}@keyframes run{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
@media(max-width:768px){#wrapper{display:block}.sidebar-premium{position:fixed;top:0;left:0;height:100vh;width:250px!important;min-width:250px!important;transform:translateX(-105%);box-shadow:0 20px 45px rgba(0,0,0,.25)}.sidebar-premium.collapsed{width:250px!important;min-width:250px!important}.sidebar-premium.collapsed .nav-text,.sidebar-premium.collapsed .sidebar-brand-text,.sidebar-premium.collapsed .sidebar-heading{display:inline-block!important}.sidebar-premium.collapsed .sidebar-heading{display:block!important}.sidebar-premium.collapsed .nav-link{text-align:left;margin:4px 10px;padding-left:1rem!important;padding-right:1rem!important}.sidebar-premium.collapsed .nav-link i{font-size:1rem;margin-right:.25rem!important}.body-premium.sidebar-mobile-open .sidebar-premium{transform:translateX(0)}.body-premium.sidebar-mobile-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1030}.content-page{margin-left:0!important;width:100%!important}.container-fluid{padding-left:14px;padding-right:14px}.topbar{z-index:1020}.login-hero{min-height:320px;padding:30px}.login-hero h1{font-size:28px}}