@layer tokens,reset,foundations,components,layouts,utilities;@layer tokens{:root,[data-theme=light]{--jas-palette-neutral-0: oklch(.995 .003 85 / 1);--jas-palette-neutral-50: oklch(.98 .007 85 / 1);--jas-palette-neutral-100: oklch(.95 .009 85 / 1);--jas-palette-neutral-300: oklch(.84 .012 100 / 1);--jas-palette-neutral-500: oklch(.65 .015 110 / 1);--jas-palette-neutral-700: oklch(.45 .012 150 / 1);--jas-palette-neutral-900: oklch(.25 .012 150 / 1);--jas-palette-green-50: oklch(.95 .02 150 / 1);--jas-palette-green-800: oklch(.37 .064 157 / 1);--jas-palette-green-900: oklch(.3 .055 157 / 1);--jas-palette-red-50: oklch(.97 .013 27 / 1);--jas-palette-red-300: oklch(.78 .06 27 / 1);--jas-palette-red-800: oklch(.42 .15 27 / 1);--jas-palette-blue-700: oklch(.46 .15 258 / 1);--jas-space-0: 0rem;--jas-space-1: .25rem;--jas-space-2: .5rem;--jas-space-3: .75rem;--jas-space-4: 1rem;--jas-space-5: 1.25rem;--jas-space-6: 1.5rem;--jas-space-7: 1.75rem;--jas-space-8: 2rem;--jas-space-10: 2.5rem;--jas-space-11: 2.75rem;--jas-space-12: 3rem;--jas-space-14: 3.5rem;--jas-space-16: 4rem;--jas-space-20: 5rem;--jas-space-24: 6rem;--jas-radius-sm: .25rem;--jas-radius-md: .375rem;--jas-font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--jas-font-size-micro: .625rem;--jas-font-size-caption: .75rem;--jas-font-size-small: .8125rem;--jas-font-size-label: .875rem;--jas-font-size-body: 1rem;--jas-font-size-lead: 1.125rem;--jas-font-size-subtitle: 1.25rem;--jas-font-size-section: 1.5rem;--jas-font-size-title: 2rem;--jas-font-size-display: 2.5rem;--jas-font-size-hero: 3rem;--jas-font-weight-regular: 400;--jas-font-weight-medium: 500;--jas-font-weight-semibold: 600;--jas-font-weight-bold: 700;--jas-font-leading-body: 1.6;--jas-font-leading-compact: 1.2;--jas-font-leading-relaxed: 1.5;--jas-motion-duration-fast: [object Object];--jas-motion-easing-standard: cubic-bezier(.16, 1, .3, 1);--jas-color-overlay: oklch(.2 .01 140 / .55);--jas-layout-container: 70rem;--jas-layout-shell: 80rem;--jas-layout-form: 28rem;--jas-layout-standalone: 30rem;--jas-layout-reading-width: 68;--jas-layout-sidebar: 17rem;--jas-layout-portal-header: 4rem;--jas-border-width: 1px;--jas-focus-width: 3px;--jas-focus-offset: 3px;--jas-opacity-disabled: .65;--jas-breakpoint-compact: 640px;--jas-breakpoint-medium: 800px;--jas-breakpoint-desktop: 1024px;--jas-layer-skip: 10;--jas-button-height-sm: 2.75rem;--jas-button-height-md: 2.875rem;--jas-input-height: 3rem;--jas-table-cell-min-width: 9.375rem;--jas-color-surface-page: var(--jas-palette-neutral-50);--jas-color-surface-raised: var(--jas-palette-neutral-0);--jas-color-surface-subtle: var(--jas-palette-neutral-100);--jas-color-text-primary: var(--jas-palette-neutral-900);--jas-color-text-secondary: var(--jas-palette-neutral-700);--jas-color-text-inverse: var(--jas-palette-neutral-0);--jas-color-border-default: var(--jas-palette-neutral-300);--jas-color-border-control: var(--jas-palette-neutral-500);--jas-color-action-primary-background: var(--jas-palette-green-800);--jas-color-action-primary-hover: var(--jas-palette-green-900);--jas-color-action-primary-text: var(--jas-palette-neutral-0);--jas-color-focus: var(--jas-palette-blue-700);--jas-color-status-error-text: var(--jas-palette-red-800);--jas-color-status-error-background: var(--jas-palette-red-50);--jas-color-status-error-border: var(--jas-palette-red-300);--jas-color-status-success-text: var(--jas-palette-green-800);--jas-color-status-success-background: var(--jas-palette-green-50);--jas-layout-gutter: var(--jas-space-8);--jas-layout-gutter-mobile: var(--jas-space-4);--jas-button-radius: var(--jas-radius-md);--jas-button-gap: var(--jas-space-4);--jas-button-padding-inline: var(--jas-space-5);--jas-button-padding-block: var(--jas-space-3);--jas-input-radius: var(--jas-radius-md);--jas-input-padding: var(--jas-space-3);--jas-badge-radius: var(--jas-radius-sm);--jas-table-cell-padding-block: var(--jas-space-4);--jas-table-cell-padding-inline: var(--jas-space-5);--jas-table-cell-padding-compact-block: var(--jas-space-2);--jas-input-border-invalid: var(--jas-color-status-error-text)}}@layer reset{*,*:before,*:after{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin-top:0;overflow-wrap:anywhere}}@layer foundations{:root{color-scheme:light;font-family:var(--jas-font-family-body);color:var(--jas-color-text-primary);background:var(--jas-color-surface-page);font-size:100%;line-height:var(--jas-font-leading-body)}h1,h2,h3{line-height:var(--jas-font-leading-compact);font-weight:var(--jas-font-weight-semibold)}h1{font-size:var(--jas-font-size-display);letter-spacing:-.035em;margin-bottom:var(--jas-space-5)}h2{font-size:var(--jas-font-size-section);letter-spacing:-.02em}h3{font-size:var(--jas-font-size-lead);margin-bottom:var(--jas-space-2)}p{color:var(--jas-color-text-secondary);max-width:calc(var(--jas-layout-reading-width) * 1ch)}a{color:var(--jas-color-action-primary-background);text-underline-offset:var(--jas-space-1)}:focus-visible{outline:var(--jas-focus-width) solid var(--jas-color-focus);outline-offset:var(--jas-focus-offset)}form{min-width:0}form>.jas-button{margin-top:var(--jas-space-3)}label{display:block;font-weight:var(--jas-font-weight-semibold);margin-bottom:var(--jas-space-2)}.field-hint,.jas-field-hint,.jas-field-error{font-size:var(--jas-font-size-small);line-height:var(--jas-font-leading-relaxed);margin:var(--jas-space-3) 0 var(--jas-space-6)}.jas-field-error{color:var(--jas-color-status-error-text)}.check{display:flex;align-items:center;gap:var(--jas-space-3);font-size:var(--jas-font-size-label);font-weight:var(--jas-font-weight-regular);margin:0 0 var(--jas-space-2);cursor:pointer;min-height:var(--jas-button-height-sm)}}@layer components{.jas-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--jas-button-gap);padding:var(--jas-button-padding-block) var(--jas-button-padding-inline);min-height:var(--jas-button-height-md);max-width:100%;border:var(--jas-border-width) solid var(--jas-color-border-default);border-radius:var(--jas-button-radius);color:var(--jas-color-text-primary);background:var(--jas-color-surface-raised);font-weight:var(--jas-font-weight-semibold);text-decoration:none;text-align:center;cursor:pointer;transition:background-color var(--jas-motion-duration-fast) var(--jas-motion-easing-standard)}.jas-button:hover:not(:disabled){background:var(--jas-color-surface-subtle)}.jas-button:active:not(:disabled){border-color:var(--jas-color-border-control)}.jas-button:disabled{cursor:not-allowed;opacity:var(--jas-opacity-disabled)}.jas-button[aria-busy=true]{cursor:wait}.jas-button[data-variant=primary]{color:var(--jas-color-action-primary-text);background:var(--jas-color-action-primary-background);border-color:var(--jas-color-action-primary-background)}.jas-button[data-variant=primary]:is(:hover,:active):not(:disabled){background:var(--jas-color-action-primary-hover)}.jas-button[data-variant=ghost]{background:transparent;border-color:transparent}.jas-button[data-variant=ghost]:hover:not(:disabled){background:var(--jas-color-surface-subtle)}.jas-button[data-variant=danger]{color:var(--jas-color-status-error-text)}.jas-button[data-variant=danger]:hover:not(:disabled){background:var(--jas-color-status-error-background)}.jas-button[data-size=sm]{min-height:var(--jas-button-height-sm);padding:var(--jas-space-2) var(--jas-space-3);font-size:var(--jas-font-size-label)}.jas-button--full{width:100%}.jas-input{display:block;width:100%;min-height:var(--jas-input-height);border:var(--jas-border-width) solid var(--jas-color-border-control);border-radius:var(--jas-input-radius);padding:var(--jas-input-padding);color:var(--jas-color-text-primary);background:var(--jas-color-surface-raised)}.jas-input::placeholder{color:var(--jas-color-text-secondary)}.jas-input:hover:not(:disabled){border-color:var(--jas-color-text-secondary)}.jas-input.ng-invalid.ng-touched,.jas-input[aria-invalid=true]{border-color:var(--jas-input-border-invalid)}.jas-input:disabled{cursor:not-allowed;opacity:var(--jas-opacity-disabled)}textarea.jas-input{resize:vertical}.jas-checkbox{width:var(--jas-space-5);height:var(--jas-space-5);flex-shrink:0;accent-color:var(--jas-color-action-primary-background)}.jas-form-field{display:block;margin-bottom:var(--jas-space-6)}.jas-form-field :is(.jas-field-hint,.jas-field-error){margin-bottom:0}.jas-alert{border:var(--jas-border-width) solid var(--jas-color-border-default);border-radius:var(--jas-radius-md);padding:var(--jas-space-4);background:var(--jas-color-surface-subtle);color:var(--jas-color-text-primary);font-size:var(--jas-font-size-label);margin:var(--jas-space-5) 0;overflow-wrap:anywhere}.jas-alert[data-tone=error]{color:var(--jas-color-status-error-text);background:var(--jas-color-status-error-background);border-color:var(--jas-color-status-error-border)}.jas-alert[data-tone=success]{color:var(--jas-color-status-success-text);background:var(--jas-color-status-success-background)}.jas-table-scroll{display:block;overflow-x:auto}.jas-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--jas-font-size-label)}.jas-table :is(th,td){padding:var(--jas-table-cell-padding-block) var(--jas-table-cell-padding-inline);border-bottom:var(--jas-border-width) solid var(--jas-color-border-default)}.jas-table th{color:var(--jas-color-text-secondary);font-size:var(--jas-font-size-caption);font-weight:var(--jas-font-weight-medium);background:var(--jas-color-surface-subtle)}.jas-table td{min-width:var(--jas-table-cell-min-width)}.jas-table[data-density=compact] :is(th,td){padding-block:var(--jas-table-cell-padding-compact-block)}.jas-table :is(th,td)[data-align=end]{text-align:right;font-variant-numeric:tabular-nums}.jas-table tbody tr:hover{background:var(--jas-color-surface-subtle)}.jas-empty-state{display:block;background:var(--jas-color-surface-subtle);padding:var(--jas-space-5);font-size:var(--jas-font-size-label)}.jas-empty-state>:last-child{margin-bottom:0}.jas-empty-state__heading{color:var(--jas-color-text-primary);font-weight:var(--jas-font-weight-semibold);margin-bottom:var(--jas-space-2)}.jas-pagination nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--jas-space-3);padding-block:var(--jas-space-4)}.jas-pagination__status{color:var(--jas-color-text-secondary);font-size:var(--jas-font-size-label)}.jas-badge{display:inline-block;white-space:nowrap;border-radius:var(--jas-badge-radius);background:var(--jas-color-surface-subtle);border:var(--jas-border-width) solid var(--jas-color-border-default);color:var(--jas-color-text-secondary);padding:var(--jas-space-1) var(--jas-space-2);font-size:var(--jas-font-size-caption)}}@layer layouts{.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--jas-space-6);width:min(var(--jas-layout-shell),100% - var(--jas-space-16));margin:0 auto}.site-header{min-height:108px;border-bottom:var(--jas-border-width) solid var(--jas-color-border-default)}.brand{display:flex;align-items:center;gap:var(--jas-space-3);font-weight:var(--jas-font-weight-bold);color:var(--jas-color-text-primary);text-decoration:none;letter-spacing:.04em;line-height:1.4}.brand small{display:block;color:var(--jas-color-text-secondary);font-size:var(--jas-font-size-micro);font-weight:var(--jas-font-weight-medium);letter-spacing:.14em}.brand-mark{display:grid;place-items:center;background:var(--jas-color-action-primary-background);color:var(--jas-color-surface-raised);width:var(--jas-space-10);height:var(--jas-space-10);border-radius:var(--jas-radius-sm);font-size:var(--jas-font-size-body)}.site-header nav{display:flex;align-items:center;gap:var(--jas-space-6);font-size:var(--jas-font-size-label)}.site-header nav>a:not(.jas-button){text-decoration:none;padding:var(--jas-space-3) 0}.site-footer{border-top:var(--jas-border-width) solid var(--jas-color-border-default);padding:var(--jas-space-6) 0;color:var(--jas-color-text-secondary);font-size:var(--jas-font-size-small)}@media(max-width:640px){.site-header,.site-footer{width:calc(100% - var(--jas-space-8));gap:var(--jas-space-4)}.site-header{padding:var(--jas-space-5) 0;min-height:var(--jas-space-24);flex-wrap:wrap}.site-header nav{gap:var(--jas-space-4);flex-wrap:wrap}.site-footer{flex-wrap:wrap}}}@layer layouts{.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--jas-space-24);align-items:start;padding:var(--jas-space-20) 0}.auth-aside{padding-top:var(--jas-space-10)}.auth-aside h2{font-size:var(--jas-font-size-title);line-height:1.25}.auth-aside>a{display:inline-block;margin-top:var(--jas-space-12)}.auth-panel{width:100%;max-width:var(--jas-layout-form)}.auth-panel h1{font-size:var(--jas-font-size-title)}.auth-panel form{margin-top:var(--jas-space-7)}.standalone-panel{max-width:var(--jas-layout-standalone);margin:var(--jas-space-16) auto var(--jas-space-6)}.password-input{position:relative}.password-input input{padding-right:135px}.password-input button{position:absolute;right:var(--jas-border-width);top:var(--jas-border-width);font-size:var(--jas-font-size-caption);padding:var(--jas-space-1) var(--jas-space-3);min-height:calc(var(--jas-input-height) - 2 * var(--jas-border-width));border:0;background:transparent}.recovery-link{display:block;text-align:center;margin-top:var(--jas-space-6);font-size:var(--jas-font-size-label)}.separator{display:flex;align-items:center;gap:var(--jas-space-4);font-size:var(--jas-font-size-caption);color:var(--jas-color-text-secondary);margin:var(--jas-space-6) 0}.separator:before,.separator:after{content:"";height:1px;background:var(--jas-color-border-default);flex:1}.reauth-form{margin:var(--jas-space-7) 0;border-bottom:var(--jas-border-width) solid var(--jas-color-border-default)}@media(max-width:800px){.auth-layout{gap:var(--jas-space-10)}}@media(max-width:640px){.auth-layout{display:block;padding:var(--jas-space-10) 0}.auth-aside{display:none}.auth-panel{margin-inline:auto}.standalone-panel{margin-top:var(--jas-space-10)}}}@layer layouts{.eyebrow{color:var(--jas-color-action-primary-background);font-size:var(--jas-font-size-caption);font-weight:var(--jas-font-weight-bold);letter-spacing:.13em;margin-bottom:var(--jas-space-5)}.welcome{padding:var(--jas-space-24) 0 var(--jas-space-20)}.welcome h1{font-size:var(--jas-font-size-hero);max-width:680px;line-height:1.13}.lead{font-size:var(--jas-font-size-lead);max-width:var(--jas-layout-standalone);margin-bottom:var(--jas-space-7)}.overview{padding:var(--jas-space-10) 0 var(--jas-space-4);border-top:var(--jas-border-width) solid var(--jas-color-border-default)}.preview-list>div{display:flex;align-items:center;gap:var(--jas-space-6);padding:var(--jas-space-6) 0;border-bottom:var(--jas-border-width) solid var(--jas-color-border-default)}.preview-list>div>div{flex:1}.preview-list p{margin-bottom:0}.index{font-size:var(--jas-font-size-caption);color:var(--jas-color-text-secondary);align-self:start;padding-top:var(--jas-space-1)}.caption{font-size:var(--jas-font-size-small);margin-top:var(--jas-space-6)}.page-heading{margin-top:var(--jas-space-14);margin-bottom:var(--jas-space-8)}.page-heading .eyebrow{margin-bottom:var(--jas-space-3)}.page-heading h1{font-size:var(--jas-font-size-title)}.demo-notice{display:flex;gap:var(--jas-space-4);flex-wrap:wrap}.activity-section{margin:var(--jas-space-11) 0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--jas-space-4)}.security-prompt{display:flex;justify-content:space-between;align-items:center;gap:var(--jas-space-6);background:var(--jas-color-surface-subtle);padding:var(--jas-space-7);margin-top:var(--jas-space-10)}.security-prompt h2{font-size:var(--jas-font-size-subtitle)}.security-prompt p{margin:0}.security-prompt .jas-button{flex-shrink:0}.back-link{display:inline-block;margin-top:var(--jas-space-8);font-size:var(--jas-font-size-label)}.back-link+.page-heading{margin-top:var(--jas-space-6)}.settings-section{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--jas-space-24);border-top:var(--jas-border-width) solid var(--jas-color-border-default);padding:var(--jas-space-10) 0}.settings-section>div:first-child p{max-width:350px}.passkey-list{padding:0;margin:0;list-style:none}.passkey-list li{display:flex;justify-content:space-between;align-items:center;gap:var(--jas-space-4);padding:var(--jas-space-5) 0;border-bottom:var(--jas-border-width) solid var(--jas-color-border-default)}.passkey-list strong{display:block;overflow-wrap:anywhere}.passkey-list span{display:block;color:var(--jas-color-text-secondary);font-size:var(--jas-font-size-caption)}@media(max-width:800px){.settings-section{gap:var(--jas-space-10)}.security-prompt{align-items:start;flex-direction:column}}@media(max-width:640px){h1,.welcome h1{font-size:var(--jas-font-size-title)}.welcome{padding:var(--jas-space-14) 0}.settings-section{grid-template-columns:1fr;gap:var(--jas-space-4);padding:var(--jas-space-7) 0}.preview-list>div{gap:var(--jas-space-3);flex-wrap:wrap}.preview-list .jas-badge{margin-left:27px}.page-heading{margin-top:var(--jas-space-8)}.demo-notice{gap:var(--jas-space-2)}.passkey-list li{align-items:start}}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:var(--jas-space-3);left:var(--jas-space-4);z-index:var(--jas-layer-skip);background:var(--jas-color-surface-raised);padding:var(--jas-space-3);clip-path:inset(50%)}.skip-link:focus{clip-path:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}
