.DemoShell-module__cTWARq__shell{background:var(--app-background);min-height:100dvh;padding:0}.DemoShell-module__cTWARq__skipLink{z-index:1000;color:#fff;background:var(--app-accent);transition:transform var(--motion-spatial-fast) var(--ease-out);border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.DemoShell-module__cTWARq__skipLink:focus{transform:translateY(0)}.DemoShell-module__cTWARq__sidebar{border-right:1px solid var(--app-border);background:var(--app-surface);z-index:20;border-radius:0;flex-direction:column;width:248px;padding:0 8px 12px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.DemoShell-module__cTWARq__sidebarGlass{z-index:0;background:var(--app-surface);width:248px;box-shadow:none;pointer-events:none;border:0;border-radius:0;position:fixed;inset:0 auto 0 0}:root[data-theme=dark] .DemoShell-module__cTWARq__sidebarGlass{background:linear-gradient(160deg,#2c33659e,#0a0d287a),radial-gradient(circle at 12% 8%,#707adc4d,#0000 34%);border-right-color:#ffffff24;box-shadow:14px 0 50px #00000057,inset -1px 0 #ffffff1f,inset 1px 0 #ffffff14}.DemoShell-module__cTWARq__sidebar>*{z-index:3;position:relative}.DemoShell-module__cTWARq__sidebar>.DemoShell-module__cTWARq__sidebarGlass{z-index:0;position:fixed}.DemoShell-module__cTWARq__brand{border-bottom:1px solid var(--app-border);height:48px;color:var(--app-text-strong);align-items:center;gap:10px;padding:0 8px;font-size:15px;font-weight:750;text-decoration:none;display:flex}.DemoShell-module__cTWARq__brand span{color:#fff;background:var(--app-accent);border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.DemoShell-module__cTWARq__demoBadge{color:var(--app-accent);background:var(--app-accent-soft);text-transform:uppercase;letter-spacing:.08em;border-radius:9px;margin:10px 5px 8px;padding:6px 8px;font-size:9px;font-weight:750}.DemoShell-module__cTWARq__sidebar nav{gap:3px;display:grid}.DemoShell-module__cTWARq__sidebar nav a{min-height:34px;color:var(--app-text-muted);border-radius:7px;align-items:center;gap:9px;padding:6px 9px;font-size:12px;font-weight:600;text-decoration:none;display:flex;position:relative}.DemoShell-module__cTWARq__sidebar nav a:hover,.DemoShell-module__cTWARq__sidebar nav .DemoShell-module__cTWARq__active{color:var(--app-accent);background:var(--app-accent-soft)}.DemoShell-module__cTWARq__sidebarFooter{border-top:1px solid var(--app-border);gap:5px;margin-top:auto;padding:10px 8px 0;display:grid}.DemoShell-module__cTWARq__sidebarFooter strong{font-size:13px}.DemoShell-module__cTWARq__sidebarFooter small{color:var(--app-text-muted);font-size:9px}.DemoShell-module__cTWARq__sidebarFooter a{color:var(--app-accent);margin-top:10px;font-size:12px;font-weight:700}.DemoShell-module__cTWARq__content{background:var(--app-background);min-height:100dvh;box-shadow:none;border:0;border-radius:0;margin-left:248px;overflow:clip}.DemoShell-module__cTWARq__content>header{border-bottom:1px solid var(--app-border);background:var(--app-surface);height:48px;box-shadow:none;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.DemoShell-module__cTWARq__content>header div{gap:4px;display:grid}.DemoShell-module__cTWARq__mobileMark{display:none}.DemoShell-module__cTWARq__content>header strong{font-size:14px}.DemoShell-module__cTWARq__content>header small{display:none}.DemoShell-module__cTWARq__content>header>a{color:#fff;background:var(--app-accent);box-shadow:0 2px 6px color-mix(in srgb, var(--app-accent) 22%, transparent);border:1px solid #fff3;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700;text-decoration:none}:root[data-theme=dark] .DemoShell-module__cTWARq__content>header>a{color:#0b1d35;background:#c6d6e5}.DemoShell-module__cTWARq__content main{max-width:1600px;margin:auto;padding:24px clamp(20px,2.5vw,36px) 48px}.DemoShell-module__cTWARq__accountRail{border-top:1px solid var(--app-border);flex:1;min-height:0;margin:10px -8px 0;padding:10px 8px;overflow-y:auto}.DemoShell-module__cTWARq__accountRail section+section{margin-top:13px}.DemoShell-module__cTWARq__accountRail h2{color:var(--app-text-muted);align-items:center;gap:5px;margin:0 8px 5px;font-size:10px;font-weight:700;display:flex}.DemoShell-module__cTWARq__accountRail a{grid-template-columns:7px minmax(0,1fr) auto;align-items:center;min-height:30px!important;color:var(--app-text-strong)!important;background:0 0!important;gap:7px!important;padding:4px 8px!important;font-size:10px!important;display:grid!important}.DemoShell-module__cTWARq__accountRail a i{background:var(--app-accent);border-radius:50%;width:6px;height:6px}.DemoShell-module__cTWARq__accountRail a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.DemoShell-module__cTWARq__accountRail a strong{color:var(--app-text-muted);font-variant-numeric:tabular-nums;font-size:9px}.DemoShell-module__cTWARq__content main:focus{outline:none}.DemoShell-module__cTWARq__mobileNav{display:none}@media (max-width:47.999rem){.DemoShell-module__cTWARq__sidebar{display:none}.DemoShell-module__cTWARq__content{min-height:100dvh;box-shadow:none;border:0;border-radius:0;margin-left:0;overflow:visible}.DemoShell-module__cTWARq__shell{padding:0}.DemoShell-module__cTWARq__content>header{z-index:15;height:70px;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));color:#fff;background:radial-gradient(circle at 88% -20%,#4c8e8473,#0000 42%),#071c42;border-bottom:0;position:sticky;top:0;box-shadow:0 8px 24px #071c422e}.DemoShell-module__cTWARq__mobileMark{background:#fffffff0;border:1px solid #ffffff26;border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 7px 18px #00000024}.DemoShell-module__cTWARq__mobileMark svg{width:26px;height:26px}.DemoShell-module__cTWARq__headerCopy{position:absolute;left:50%;transform:translate(-50%)}.DemoShell-module__cTWARq__content>header strong{color:#fff;letter-spacing:-.02em;font-size:16px}.DemoShell-module__cTWARq__content>header small{display:none}.DemoShell-module__cTWARq__content>header>a{color:#071c42;background:#fff;border-color:#ffffff2e;min-height:38px;padding:0 11px;box-shadow:0 7px 18px #00000024}.DemoShell-module__cTWARq__content main{padding:22px max(14px, env(safe-area-inset-right)) calc(108px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left))}.DemoShell-module__cTWARq__mobileNav{inset:auto max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));z-index:30;padding:6px 5px max(6px, env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--app-border) 82%, transparent);background:color-mix(in srgb, var(--app-surface) 94%, transparent);box-shadow:0 18px 44px #11143929, inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);transition:opacity var(--motion-effect-fast) ease, transform var(--motion-spatial-fast) var(--ease-out);border-radius:24px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed}.DemoShell-module__cTWARq__mobileNav a,.DemoShell-module__cTWARq__mobileNav button{min-width:0;min-height:56px;color:var(--app-text-muted);border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.DemoShell-module__cTWARq__mobileNav button{padding:5px 2px;box-shadow:none!important;background:0 0!important;border:0!important}.DemoShell-module__cTWARq__mobileNav button:before{display:none}.DemoShell-module__cTWARq__mobileNav .DemoShell-module__cTWARq__active{color:#fff;background:var(--app-accent);box-shadow:0 7px 16px color-mix(in srgb, var(--app-accent) 22%, transparent);border-radius:17px}.DemoShell-module__cTWARq__mobileNav small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.DemoShell-module__cTWARq__shell:has(input:focus,textarea:focus,select:focus) .DemoShell-module__cTWARq__mobileNav{opacity:0;pointer-events:none;transform:translateY(calc(100% + 32px))}.DemoShell-module__cTWARq__drawerNav{padding-bottom:max(16px, env(safe-area-inset-bottom));gap:4px;display:grid}.DemoShell-module__cTWARq__drawerNav a{min-height:52px;color:var(--app-text-muted);border-radius:12px;align-items:center;gap:14px;padding:12px 14px;font-weight:650;text-decoration:none;display:flex}.DemoShell-module__cTWARq__drawerNav .DemoShell-module__cTWARq__active{color:var(--app-accent);background:var(--app-accent-soft)}}@media (prefers-reduced-transparency:reduce){.DemoShell-module__cTWARq__sidebarGlass,.DemoShell-module__cTWARq__content>header,.DemoShell-module__cTWARq__mobileNav{background:var(--app-surface);-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.DemoShell-module__cTWARq__skipLink{transition:none}}@media (min-width:48rem){.DemoShell-module__cTWARq__sidebar{background:0 0;border:0;width:264px;padding:12px}.DemoShell-module__cTWARq__sidebarGlass{border:1px solid var(--glass-border);background:var(--glass-strong);width:240px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(30px)saturate(155%);backdrop-filter:blur(30px)saturate(155%);border-radius:18px;inset:12px auto 12px 12px}.DemoShell-module__cTWARq__brand{height:64px;padding-inline:14px}.DemoShell-module__cTWARq__content{background:0 0;margin-left:264px}.DemoShell-module__cTWARq__content>header{border:1px solid var(--glass-border);background:var(--glass-surface);width:calc(100% - 24px);min-height:64px;box-shadow:0 12px 34px #12234414, inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(28px)saturate(155%);backdrop-filter:blur(28px)saturate(155%);border-radius:16px;margin:12px 12px 0;padding-inline:18px;top:12px}.DemoShell-module__cTWARq__content main{padding:clamp(32px,4vw,54px) clamp(22px,3.2vw,46px) 64px}}@media (max-width:47.999rem){.DemoShell-module__cTWARq__demoModeBar{z-index:40;height:calc(52px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);color:#fff;background:#000;justify-content:center;align-items:center;font-size:15px;display:flex;position:fixed;inset:0 0 auto}.DemoShell-module__cTWARq__demoModeBar a{right:max(18px,env(safe-area-inset-right));color:#fff;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:9px}.DemoShell-module__cTWARq__content>header{inset:calc(52px + env(safe-area-inset-top)) 0 auto;height:132px;padding:14px max(22px,env(safe-area-inset-right)) 54px max(22px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(24px)saturate(145%);background:radial-gradient(circle at 50% -30%,#91e0ff6b,#0000 58%),linear-gradient(#006fd7d1 0%,#228bdeb8 100%);border:0;border-radius:32px 32px 0 0;margin:0;position:fixed;box-shadow:inset 0 1px #ffffff5c,inset 0 -1px #ffffff1a}.DemoShell-module__cTWARq__content>header:after{opacity:0;pointer-events:none;content:"";background:linear-gradient(#2d8ee09e 0%,#4997dd4d 44%,#0000 100%);height:82px;transition:opacity .18s cubic-bezier(.23,1,.32,1);position:absolute;inset:auto 0 -72px}.DemoShell-module__cTWARq__mobileScrolled .DemoShell-module__cTWARq__content>header:after{opacity:1}.DemoShell-module__cTWARq__mobileHousehold{display:none}.DemoShell-module__cTWARq__content>header strong{font-size:21px;line-height:1.1}.DemoShell-module__cTWARq__createAccount{color:#0000;border-radius:50%;width:40px;min-width:40px;padding:0;overflow:hidden}.DemoShell-module__cTWARq__createAccount:after{content:"+";color:#0b3763;place-items:center;width:100%;height:100%;font-size:24px;display:grid}.DemoShell-module__cTWARq__createAccount{display:none!important}.DemoShell-module__cTWARq__mobileHousehold{place-items:center;color:#ffffff9e!important;width:40px!important;height:40px!important;box-shadow:none!important;background:0 0!important;border:0!important;display:grid!important}.DemoShell-module__cTWARq__mobileHousehold:after{display:none!important}.DemoShell-module__cTWARq__content main{box-sizing:border-box;width:100%;max-width:none;min-height:100dvh;padding:calc(184px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(34px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:var(--app-background);touch-action:pan-y pinch-zoom;position:relative;overflow-x:clip}.DemoShell-module__cTWARq__mobileNav{inset:calc(108px + env(safe-area-inset-top)) 0 auto;z-index:41;padding:9px max(14px,env(safe-area-inset-right)) 13px max(14px,env(safe-area-inset-left));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;scrollbar-width:none;background:0 0;border:0;border-radius:0 0 30px 30px;gap:6px;display:flex;overflow-x:auto}.DemoShell-module__cTWARq__mobileNav::-webkit-scrollbar{display:none}.DemoShell-module__cTWARq__mobileNav a,.DemoShell-module__cTWARq__mobileNav button{isolation:isolate;color:#ffffffa3;border-radius:21px;flex-direction:row;gap:7px;min-width:max-content;min-height:42px;padding:0 14px;font-size:13px;position:relative}.DemoShell-module__cTWARq__mobileNav svg{display:none}.DemoShell-module__cTWARq__mobileNav small{font-size:13px}.DemoShell-module__cTWARq__mobileNav a>svg,.DemoShell-module__cTWARq__mobileNav a>small{z-index:1;position:relative}.DemoShell-module__cTWARq__mobileNav .DemoShell-module__cTWARq__active{color:#fff;box-shadow:none;background:0 0}.DemoShell-module__cTWARq__mobileActiveIndicator{z-index:0;-webkit-backdrop-filter:blur(18px)saturate(170%);pointer-events:none;background:linear-gradient(#6ad3ffad,#2293e9a3);border-radius:21px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffb8,inset 0 0 0 1px #75e0ffb8,0 8px 22px #01468c40}}.DemoShell-module__cTWARq__demoModeBar{display:none}@media (max-width:47.999rem){.DemoShell-module__cTWARq__demoModeBar{display:flex}.DemoShell-module__cTWARq__headerCopy small{display:none!important}.DemoShell-module__cTWARq__content>header strong{color:#fff!important;font-size:21px!important}.DemoShell-module__cTWARq__mobileMark{color:#ffffff85!important;box-shadow:none!important;background:0 0!important;border:0!important}.DemoShell-module__cTWARq__mobileNav a,.DemoShell-module__cTWARq__mobileNav small{font-size:15px!important}}@media (min-width:48rem){.DemoShell-module__cTWARq__shell{padding:12px}.DemoShell-module__cTWARq__sidebar,.DemoShell-module__cTWARq__sidebarGlass{border:1px solid var(--glass-border);border-radius:18px;width:240px;inset:12px auto 12px 12px}.DemoShell-module__cTWARq__sidebarGlass{background:var(--glass-surface);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(30px)saturate(155%);backdrop-filter:blur(30px)saturate(155%)}.DemoShell-module__cTWARq__sidebar{background:0 0;padding:0 10px 14px}.DemoShell-module__cTWARq__brand{height:58px;padding-inline:10px}.DemoShell-module__cTWARq__sidebar nav{gap:4px}.DemoShell-module__cTWARq__sidebar nav a{border-radius:11px;min-height:38px;padding:7px 11px}.DemoShell-module__cTWARq__accountRail{margin-top:14px;padding-top:14px}.DemoShell-module__cTWARq__accountRail a{min-height:32px!important}.DemoShell-module__cTWARq__content{border-radius:18px;margin-left:252px}.DemoShell-module__cTWARq__content>header{z-index:10;border:1px solid var(--glass-border);background:var(--glass-surface);height:64px;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(30px)saturate(155%);backdrop-filter:blur(30px)saturate(155%);border-radius:18px;padding:0 clamp(20px,2.2vw,34px);position:sticky;top:12px}.DemoShell-module__cTWARq__content>header small{display:block}.DemoShell-module__cTWARq__content main{max-width:1540px;padding:clamp(22px,2.5vw,40px) clamp(22px,3vw,48px) 64px}}
