*{box-sizing:border-box;margin:0;padding:0}body{color:#111827;background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app-layout{flex-direction:column;min-height:100vh;display:flex}.navbar{color:#fff;z-index:200;background:#1e40af;justify-content:space-between;align-items:center;height:54px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.nav-brand{letter-spacing:.02em;white-space:nowrap;font-size:1rem;font-weight:700}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a,.desktop-nav a{color:#ffffffd1;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-links a:hover,.desktop-nav a:hover{color:#fff;background:#ffffff26}.nav-links a.router-link-active,.desktop-nav a.router-link-active{color:#fff;background:#ffffff38;font-weight:700}.logout-btn.desktop-logout{color:#ffffffe6;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;margin-left:8px;padding:5px 12px;font-size:.88rem;font-weight:500;transition:background .15s,color .15s}.logout-btn.desktop-logout:hover{color:#fff;background:#ef4444;border-color:#ef4444}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;display:none}.hamburger span{background:#fff;border-radius:2px;height:2px;transition:all .2s;display:block}.mobile-menu{z-index:199;background:#1e3a8a;flex-direction:column;max-height:0;transition:max-height .25s;display:none;position:sticky;top:54px;overflow:hidden}.mobile-menu.open{max-height:360px}.mobile-menu a{color:#ffffffe0;border-bottom:1px solid #ffffff14;padding:14px 24px;font-size:1rem;font-weight:500;text-decoration:none;transition:background .15s}.mobile-menu a:hover{background:#ffffff1a}.mobile-menu a.router-link-active{color:#fff;background:#ffffff1f;font-weight:700}.mobile-logout{color:#fca5a5;text-align:left;cursor:pointer;background:#ef444426;border:none;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;transition:background .15s}.mobile-logout:hover{color:#fff;background:#ef4444}.main-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px 20px}@media (width<=768px){.desktop-nav{display:none}.hamburger,.mobile-menu{display:flex}.navbar{padding:0 16px}.main-content{padding:16px 12px}}