:root{--color-bg: #f6f6fa;--color-surface: #ffffff;--color-surface-alt: #fafafd;--color-ink: #131320;--color-ink-muted: #6d6d7c;--color-ink-faint: #a3a3b0;--color-border: rgba(21, 21, 31, .07);--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-deep: #332c9e;--color-accent-tint: #eef0fd;--color-accent-tint-strong: #dfe2fb;--color-success: #15803d;--color-success-tint: #e9faf0;--color-success-strong: #dbf5e5;--color-danger: #dc2626;--color-danger-tint: #fdeeee;--color-warning: #b45309;--color-warning-tint: #fdf3e2;--color-warning-strong: #fce8c6;--color-warning-border: rgba(180, 83, 9, .18);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 11px;--radius-md: 15px;--radius-lg: 22px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-card: 0 1px 1px rgba(19, 19, 32, .03), 0 2px 6px rgba(19, 19, 32, .03), 0 16px 32px -12px rgba(19, 19, 32, .09);--shadow-pill: 0 8px 18px -4px rgba(79, 70, 229, .38);--shadow-hero: 0 18px 34px -12px rgba(51, 44, 158, .45);--z-content: 0;--z-navigation: 10;--z-drawer: 20;--z-modal: 30;--z-popover: 40;--z-toast: 50;--bottom-nav-height: 64px;--header-height: 60px;--sidebar-width: 248px}*{box-sizing:border-box}html,body,#root{height:100svh;margin:0;overflow:hidden;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans)}body{overscroll-behavior:none}a{color:inherit}button{font-family:inherit}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.icon-badge{border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex:none}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:999px}.app-shell{display:flex;flex-direction:column;height:100%;width:100%}.app-shell__header{flex:0 0 auto;height:calc(var(--header-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);padding-left:var(--space-4);padding-right:var(--space-4);z-index:var(--z-navigation)}.app-shell__body{flex:1 1 auto;display:flex;min-height:0}.content-scroll-region{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-5)}.app-shell__bottom-nav{flex:0 0 auto;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;align-items:center;padding-left:var(--space-1);padding-right:var(--space-1);border-top:1px solid var(--color-border);background:var(--color-surface);z-index:var(--z-navigation)}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;font-size:10px;font-weight:700;color:var(--color-ink-faint);text-decoration:none;background:none;border:none}.bottom-nav__tab--active{color:var(--color-accent)}.app-shell__sidebar{flex:0 0 var(--sidebar-width);border-right:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-5) var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5)}.sidebar__navlink{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--color-ink-muted);text-decoration:none;transition:background .15s,color .15s}.sidebar__navlink:hover{background:var(--color-surface-alt);color:var(--color-ink)}.sidebar__navlink--active{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-pill);font-weight:700}.sidebar__navlink--active:hover{background:var(--color-accent);color:#fff}@media(max-width:899px){.app-shell__sidebar{display:none}}@media(min-width:900px){.app-shell__bottom-nav{display:none}}