.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-nav{display:flex;align-items:center;gap:16px;padding:14px 28px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-accent);color:#0e0f13;border-radius:6px;font-weight:800}.nav-link{color:var(--color-text-secondary);font-size:13px;margin-left:18px;text-decoration:none}.nav-link:hover{color:var(--color-text)}.brand-tag{color:var(--color-text-muted);font-size:12px}.nav-spacer{flex:1}.user-menu{position:relative}.user-avatar-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffc407;border:none;cursor:pointer;padding:0}.user-initials{font-size:12px;font-weight:700;color:#0e0f13;line-height:1}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;padding:12px;z-index:100;box-shadow:0 4px 16px #0000004d}.user-dropdown-name{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:2px}.user-dropdown-email{font-size:11px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-divider{border:none;border-top:1px solid var(--color-border);margin:10px 0}.user-dropdown-signout{width:100%;padding:7px 10px;border-radius:6px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;cursor:pointer;text-align:left}.user-dropdown-signout:hover{background:var(--color-bg);color:var(--color-text)}.app-main{flex:1;padding:32px 28px;max-width:1280px;width:100%;margin:0 auto}:root{--color-bg: #0e0f13;--color-bg-card: #16181f;--color-bg-input: #1c1f29;--color-text: #e8eaf0;--color-text-secondary: #b8bcc8;--color-text-muted: #8b8fa3;--color-border: #262934;--color-border-light: #1d2029;--color-accent: #FFC407;--color-accent-hover: #ffd33a;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5;min-height:100vh}#root{min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}