*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(to bottom right,#111827,#1f2937);font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit}.layout-root{flex-direction:column;min-height:100vh;display:flex}.content-area{flex:1;min-height:100vh;padding:40px}@media (width<=600px){.content-area{padding:20px}}.top-navbar{color:#fff;background:linear-gradient(90deg,#1e1b4b,#312e81,#4f46e5);justify-content:space-between;align-items:center;width:100%;height:75px;padding:0 30px;display:flex;box-shadow:0 4px 12px #00000040}.brand-title{font-size:24px;font-weight:800}.nav-center{align-items:center;gap:25px;display:flex}.nav-link{color:#d7d7d7;border-radius:6px;padding:8px 12px;text-decoration:none;transition:all .2s}.nav-link:hover{color:#fff;background:#ffffff2e}.nav-link.active{background:#ffffff4d;color:#fff!important}.nav-right{align-items:center;gap:15px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 14px}.logout-btn:hover{background:#dc2626}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;font-size:26px;display:none}.mobile-menu{display:none}@media (width<=900px){.desktop-menu{display:none}.hamburger{display:block}.mobile-menu{background:#1e1b4b;flex-direction:column;gap:15px;padding:20px;display:flex}.mobile-link{color:#d7d7d7;background:#ffffff1a;border-radius:6px;padding:10px 14px;text-decoration:none}.mobile-logout{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:10px}}