:root{--color-bg: #FFFFFF;--color-text-primary: #000000;--color-text-secondary: #4A4A4A;--color-divider: #E5E5E5;--color-bg-light: #F5F5F5;--color-accent: #C41E3A;--font-family: "Inter", system-ui, -apple-system, sans-serif}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.layout-root{min-height:100vh;display:flex;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family)}.sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--color-divider);background:var(--color-bg);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.sidebar-brand{padding:20px 20px 16px;border-bottom:1px solid var(--color-divider)}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;padding:9px 12px;border-radius:4px;text-decoration:none;font-size:14px;color:var(--color-text-primary);line-height:1.3}.sidebar-link:hover{background:var(--color-bg-light)}.sidebar-link.is-active{background:var(--color-text-primary);color:var(--color-bg);font-weight:500}.sidebar-link.is-disabled{color:var(--color-text-secondary);opacity:.55;cursor:not-allowed}.sidebar-link.is-disabled:hover{background:transparent}.sidebar-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);padding:10px 12px 4px}.sidebar-user{border-top:1px solid var(--color-divider);padding:12px;display:flex;align-items:center;gap:10px}.sidebar-user-avatar{width:32px;height:32px;border-radius:16px;background:var(--color-bg-light);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.sidebar-user-meta{flex:1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:11px;color:var(--color-text-secondary);text-transform:lowercase;letter-spacing:.04em}.sidebar-signout{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:6px;border-radius:4px;font-family:var(--font-family)}.sidebar-signout:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.layout-main{flex:1;min-width:0;display:flex;flex-direction:column}.layout-content{flex:1;padding:24px 32px 40px;overflow-x:auto}.mobile-topbar,.bottomnav{display:none}@media (max-width: 900px){.sidebar{display:none}.layout-content{padding:16px 16px 80px}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-divider)}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg);border-top:1px solid var(--color-divider);z-index:100}.bottomnav-link{flex:1;text-align:center;padding:10px 4px;text-decoration:none;color:var(--color-text-secondary);font-size:11px;border-top:2px solid transparent}.bottomnav-link.is-active{color:var(--color-text-primary);border-top-color:var(--color-text-primary);font-weight:600}}