*,:before,:after{box-sizing:border-box}:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);color:#1f2937;-webkit-font-smoothing:antialiased;background:#f9fafb;font-size:16px;line-height:1.5}body{margin:0}#root{flex-direction:column;min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;display:flex}.app-loading{color:#6b7280;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}.page-placeholder{padding:48px 32px}.page-placeholder h1{margin:0 0 8px;font-size:28px;font-weight:700}.page-placeholder p{color:#6b7280}h1,h2,h3{margin:0;font-weight:700;line-height:1.2}p{margin:0}.navbar{z-index:100;background:#1a2e1a;border-bottom:1px solid #2d4a2d;align-items:center;gap:24px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.navbar-brand{color:#86efac;align-items:center;gap:8px;margin-right:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.navbar-links{flex:1;gap:4px;display:flex}.navbar-link{color:#d1fae5;border-radius:6px;padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s}.navbar-link:hover,.navbar-link.active{color:#86efac;background:#2d4a2d}.navbar-user{align-items:center;gap:10px;margin-left:auto;display:flex}.navbar-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.navbar-display-name{color:#d1fae5;font-size:14px;text-decoration:none}.navbar-display-name:hover{color:#86efac}.navbar-logout{color:#d1fae5;cursor:pointer;background:0 0;border:1px solid #3d6a3d;border-radius:6px;padding:5px 12px;font-size:13px;transition:background .15s}.navbar-logout:hover{background:#2d4a2d}.navbar-hamburger{cursor:pointer;background:0 0;border:none;margin-left:auto;padding:8px;display:none}.hamburger-icon,.hamburger-icon:before,.hamburger-icon:after{background:#d1fae5;border-radius:2px;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block;position:relative}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;left:0}.hamburger-icon:before{top:-7px}.hamburger-icon:after{top:7px}.hamburger-icon.open{background:0 0}.hamburger-icon.open:before{transform:rotate(45deg)translate(5px,5px)}.hamburger-icon.open:after{transform:rotate(-45deg)translate(5px,-5px)}.navbar-mobile-menu{z-index:200;background:#1a2e1a;border-bottom:1px solid #2d4a2d;flex-direction:column;padding:8px 0;display:none;position:absolute;top:56px;left:0;right:0}.mobile-menu-link{color:#d1fae5;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:14px 24px;font-size:16px;font-weight:500;text-decoration:none;display:block}.mobile-menu-link:hover,.mobile-menu-link.active{color:#86efac;background:#2d4a2d}.mobile-menu-signout{color:#fca5a5;border-top:1px solid #2d4a2d;margin-top:4px;padding-top:18px}@media (width<=640px){.navbar-links,.navbar-display-name,.navbar-logout,.navbar-avatar{display:none}.navbar-hamburger{display:block}.navbar-mobile-menu{display:flex}}