@charset "UTF-8";:root{color-scheme:light;--background: #f6fffe;--background-subtle: #ecf7f6;--foreground: #031715;--foreground-muted: #405351;--foreground-subtle: #697a78;--surface: #fafffe;--surface-raised: #ffffff;--surface-muted: #edf9f7;--primary: #007872;--primary-hover: #006b66;--primary-active: #005f5a;--primary-foreground: #ffffff;--secondary: #409cb9;--secondary-hover: #2a8aa6;--secondary-foreground: #0c1a19;--accent: #c04f62;--accent-foreground: #ffffff;--border: #d6e1df;--border-muted: #dfe8e7;--border-strong: #b8c6c4;--input: #ffffff;--input-border: #d6e1df;--focus-ring: #007872;--success: #2b9338;--success-foreground: #0c1a19;--warning: #ebb213;--warning-foreground: #0c1a19;--danger: #c94c49;--danger-foreground: #ffffff;--info: #007cc2;--info-foreground: #ffffff;--surface-glass: rgba(250, 255, 254, .85);--brand-glow: rgba(0, 120, 114, .12);--brand-glow-lg: rgba(0, 120, 114, .2);--border-subtle: #e5eceb;--code-bg: #eaf3f2;--skeleton-background: #e2edea;--skeleton-animation-background: rgba(255, 255, 255, .75);--skeleton-border-radius: var(--radius-md)}.dark,:root[data-theme=dark]{color-scheme:dark;--background: #060c0c;--background-subtle: #0b1312;--foreground: #e3f0ef;--foreground-muted: #9da7a6;--foreground-subtle: #6f7776;--surface: #0f1716;--surface-raised: #161e1d;--surface-muted: #0a1111;--primary: #2a938d;--primary-hover: #3ea29c;--primary-active: #1c8a84;--primary-foreground: #071010;--secondary: #007490;--secondary-hover: #2586a3;--secondary-foreground: #deeff5;--accent: #d76375;--accent-foreground: #071010;--border: #28302f;--border-muted: #1f2625;--border-strong: #3f4847;--input: #0f1716;--input-border: #28302f;--focus-ring: #2a938d;--success: #6bc670;--success-foreground: #071010;--warning: #f0bb3b;--warning-foreground: #071010;--danger: #ff847d;--danger-foreground: #071010;--info: #59b6ff;--info-foreground: #071010;--surface-glass: rgba(15, 23, 22, .85);--brand-glow: rgba(42, 147, 141, .18);--brand-glow-lg: rgba(42, 147, 141, .32);--border-subtle: #192221;--code-bg: #0d1514;--skeleton-background: #172322;--skeleton-animation-background: rgba(255, 255, 255, .08);--skeleton-border-radius: var(--radius-md)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background: #060c0c;--background-subtle: #0b1312;--foreground: #e3f0ef;--foreground-muted: #9da7a6;--foreground-subtle: #6f7776;--surface: #0f1716;--surface-raised: #161e1d;--surface-muted: #0a1111;--primary: #2a938d;--primary-hover: #3ea29c;--primary-active: #1c8a84;--primary-foreground: #071010;--secondary: #007490;--secondary-hover: #2586a3;--secondary-foreground: #deeff5;--accent: #d76375;--accent-foreground: #071010;--border: #28302f;--border-muted: #1f2625;--border-strong: #3f4847;--input: #0f1716;--input-border: #28302f;--focus-ring: #2a938d;--success: #6bc670;--success-foreground: #071010;--warning: #f0bb3b;--warning-foreground: #071010;--danger: #ff847d;--danger-foreground: #071010;--info: #59b6ff;--info-foreground: #071010;--surface-glass: rgba(15, 23, 22, .85);--brand-glow: rgba(42, 147, 141, .18);--brand-glow-lg: rgba(42, 147, 141, .32);--border-subtle: #192221;--code-bg: #0d1514;--skeleton-background: #172322;--skeleton-animation-background: rgba(255, 255, 255, .08);--skeleton-border-radius: var(--radius-md)}}:root{--font-heading: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs: .64rem;--font-size-xs-line-height: 1.45;--font-size-xs-letter-spacing: 0em;--font-size-sm: .8rem;--font-size-sm-line-height: 1.45;--font-size-sm-letter-spacing: 0em;--font-size-base: 1rem;--font-size-base-line-height: 1.5;--font-size-base-letter-spacing: 0em;--font-size-lg: 1.25rem;--font-size-lg-line-height: 1.4;--font-size-xl: 1.563rem;--font-size-xl-line-height: 1.3;--font-size-xl-letter-spacing: -.01em;--font-size-2xl: 1.953rem;--font-size-2xl-line-height: 1.15;--font-size-2xl-letter-spacing: -.02em;--font-size-3xl: 2.441rem;--font-size-3xl-line-height: 1.15;--font-size-3xl-letter-spacing: -.02em;--font-size-4xl: 3.052rem;--font-size-4xl-line-height: 1.15;--font-size-4xl-letter-spacing: -.02em;--font-size-5xl: 3.815rem;--font-size-5xl-line-height: 1.15;--font-size-5xl-letter-spacing: -.02em;--space-2: .125rem;--space-4: .25rem;--space-6: .375rem;--space-8: .5rem;--space-10: .625rem;--space-12: .75rem;--space-14: .875rem;--space-16: 1rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-28: 1.75rem;--space-32: 2rem;--space-40: 2.5rem;--space-48: 3rem;--space-64: 4rem;--space-80: 5rem;--space-96: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 2px 4px -1px rgb(0 0 0 / .06), 0 4px 10px -2px rgb(0 0 0 / .07);--shadow-lg: 0 4px 8px -2px rgb(0 0 0 / .08), 0 12px 24px -6px rgb(0 0 0 / .1);--shadow-xl: 0 8px 16px -4px rgb(0 0 0 / .1), 0 24px 48px -12px rgb(0 0 0 / .14);--control-height: 2.5rem;--content-max: 72rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--leading-tight: 1.25;--leading-normal: 1.5}.field{display:grid;align-content:start;gap:var(--space-4)}.field__label{font-size:var(--font-size-sm);font-weight:var(--weight-medium);color:var(--foreground)}.field__optional{margin-left:var(--space-4);color:var(--foreground-muted);font-weight:var(--weight-regular)}.field__hint{color:var(--foreground-muted);font-size:var(--font-size-sm)}.field__hint--warn{color:var(--warning);font-weight:var(--weight-medium)}.field__hint--ok{color:var(--success);font-weight:var(--weight-medium)}.reason-presets{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6);margin-bottom:var(--space-6)}.reason-presets__label{font-size:var(--font-size-xs);color:var(--foreground-muted);font-weight:var(--weight-medium)}.reason-presets__list{display:flex;flex-wrap:wrap;gap:var(--space-6)}.preset-chip{display:inline-flex;align-items:center;padding:.25rem var(--space-8);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-muted);color:var(--foreground-muted);font-family:var(--font-sans);font-size:var(--font-size-xs);cursor:pointer;text-align:left;transition:all .15s ease}.preset-chip:hover:not(:disabled){background:var(--surface-hover);color:var(--foreground);border-color:var(--border-strong)}.preset-chip--selected{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);border-color:var(--primary);font-weight:var(--weight-medium)}.field__error{color:var(--danger);font-size:var(--font-size-sm);font-weight:var(--weight-medium)}.field__error:before{content:"Error: ";position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.field__control{position:relative}.input{width:100%;height:var(--control-height);padding:0 var(--space-12);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input);color:var(--foreground);font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-size-sm-line-height);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}@media(max-width:640px){.input{height:2.75rem;font-size:16px}}.input:hover{border-color:var(--border-strong)}.input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-color:var(--focus-ring)}.input[aria-invalid=true]{border-color:var(--danger)}.input--revealable{padding-right:4.5rem}.input--mono{font-family:var(--font-mono);letter-spacing:.04em}.field__reveal{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);height:calc(var(--control-height) - .5rem);padding:0 var(--space-12);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--primary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-medium);cursor:pointer}.field__reveal:hover{background:var(--background-subtle);color:var(--primary-hover)}.checkbox{display:flex;gap:var(--space-8);align-items:flex-start;font-size:var(--font-size-sm);color:var(--foreground)}.checkbox input{width:1.125rem;height:1.125rem;margin:.125rem 0 0;accent-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--control-height);padding:0 var(--space-16);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--weight-medium);line-height:var(--font-size-sm-line-height);text-decoration:none;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.6}.btn--primary{background:var(--primary);color:var(--primary-foreground)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--primary:active:not(:disabled){background:var(--primary-active)}.btn--secondary{border-color:var(--border-strong);background:var(--surface);color:var(--foreground)}.btn--secondary:hover:not(:disabled){border-color:var(--foreground-muted);background:var(--surface-muted)}.btn--secondary:active:not(:disabled){background:var(--surface-muted)}.btn--ghost{padding:0 var(--space-8);background:transparent;color:var(--primary)}.btn--ghost:hover:not(:disabled){background:var(--background-subtle);color:var(--primary-hover)}.btn--ghost:active:not(:disabled){background:var(--background-subtle)}.btn--sm{min-height:2rem!important;padding:0 var(--space-10)!important;font-size:var(--font-size-xs)!important}.btn--lg{min-height:3rem!important;padding:0 var(--space-24)!important;font-size:var(--font-size-base)!important}.btn--block{width:100%}@media(max-width:640px){.btn{min-height:2.75rem}}.spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{display:flex;gap:var(--space-12);padding:var(--space-12) var(--space-16);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);color:var(--foreground);font-size:var(--font-size-sm);line-height:var(--font-size-sm-line-height)}.alert--error{border-color:var(--danger)}.alert--success{border-color:var(--success)}.alert--warning{border-color:var(--warning)}.alert--info{border-color:var(--info)}.alert__icon{display:inline-grid;flex:none;place-items:center;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background:var(--foreground);color:var(--background);font-size:var(--font-size-xs);font-weight:var(--weight-semibold)}.alert--error .alert__icon{background:var(--danger);color:var(--danger-foreground)}.alert--success .alert__icon{background:var(--success);color:var(--success-foreground)}.alert--warning .alert__icon{background:var(--warning);color:var(--warning-foreground)}.alert--info .alert__icon{background:var(--info);color:var(--info-foreground)}.alert__title{font-weight:var(--weight-semibold)}.alert__body{display:grid;gap:var(--space-4)}.auth{display:grid;gap:var(--space-24);width:100%;max-width:26rem;margin-inline:auto;padding-block:var(--space-48)}.auth-frame__art{display:none}@media(min-width:960px){.auth-frame--art{display:flex;align-items:center;justify-content:center;gap:var(--space-64)}.auth-frame--art .auth{margin-inline:0}.auth-frame--art .auth-frame__art{display:block;flex:0 1 22rem;min-width:0}}.auth__brand{display:flex;justify-content:center;margin-bottom:var(--space-4)}.auth__logo{display:block;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);transition:transform .12s ease}.auth__logo:hover{transform:scale(1.05)}.auth__header{display:grid;gap:var(--space-8)}.auth__eyebrow{color:var(--foreground-muted);font-size:var(--font-size-sm);font-weight:var(--weight-medium)}.auth__title{font-family:var(--font-heading);font-size:var(--font-size-xl);line-height:var(--font-size-xl-line-height);letter-spacing:var(--font-size-xl-letter-spacing);color:var(--foreground)}.auth__description{color:var(--foreground-muted);font-size:var(--font-size-base);line-height:var(--font-size-base-line-height)}.auth__panel{display:grid;gap:var(--space-16);padding:var(--space-24);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}@media(max-width:480px){.auth__panel{padding:var(--space-16)}}.auth__footer{display:grid;gap:var(--space-8);color:var(--foreground-muted);font-size:var(--font-size-sm);text-align:center}.auth__footer:empty{display:none}.form-stack{display:grid;gap:var(--space-16)}.form-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-12)}.text-link{color:var(--primary);font-size:var(--font-size-sm);font-weight:var(--weight-medium);text-decoration:underline;text-underline-offset:2px;transition:color .12s ease}.text-link:hover{color:var(--primary-hover)}.muted{color:var(--foreground-muted)}.mono{font-family:var(--font-mono)}.btn--danger{background:var(--danger);color:var(--danger-foreground)}.btn--danger:hover:not(:disabled){filter:brightness(.92)}.textarea{height:auto;min-height:5rem;padding:var(--space-8) var(--space-12);resize:vertical;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--font-size-sm-line-height)}select.input{appearance:auto}.dialog{width:min(32rem,100vw - 2 * var(--space-16));padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--foreground);box-shadow:var(--shadow-xl)}.dialog::backdrop{background:#00000080}.dialog__form{display:grid;gap:var(--space-16);padding:var(--space-24)}.dialog__title{font-family:var(--font-heading);font-size:var(--font-size-lg);line-height:var(--font-size-lg-line-height);color:var(--foreground)}.dialog__body{display:grid;gap:var(--space-8);color:var(--foreground-muted);font-size:var(--font-size-sm);line-height:var(--font-size-sm-line-height)}.dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-8)}.pill{display:inline-flex;align-items:center;gap:var(--space-4);padding:.125rem var(--space-8);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-muted);color:var(--foreground);font-size:var(--font-size-xs);font-weight:var(--weight-medium);white-space:nowrap}.pill:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--border-strong)}.pill--success:before{background:var(--success)}.pill--warning:before{background:var(--warning)}.pill--danger:before{background:var(--danger)}.pill--info:before{background:var(--info)}.p-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);padding:.125rem var(--space-8);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--weight-medium);line-height:var(--font-size-xs-line-height);white-space:nowrap;vertical-align:middle;border:1px solid var(--border-strong);background:var(--surface-muted);color:var(--foreground);box-sizing:border-box}.p-badge:before{display:none!important;content:none!important}.p-badge .p-badge-dot-indicator{width:.4rem;height:.4rem;border-radius:50%;flex-shrink:0;background:var(--border-strong)}.p-badge.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;padding:0;border-radius:50%;border:none;background:var(--border-strong)}.p-badge.p-badge-counter{min-width:1.25rem;height:1.25rem;padding:0 var(--space-4);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:var(--weight-semibold);background:var(--primary);color:var(--primary-foreground);border-color:transparent}.p-badge.p-badge-sm,.p-badge.p-badge-compact{font-size:.65rem;padding:.05rem var(--space-6)}.p-badge.p-badge-lg{font-size:var(--font-size-sm);padding:var(--space-4) var(--space-12)}.p-badge.p-badge-xl{font-size:var(--font-size-base);padding:var(--space-6) var(--space-16)}.p-badge.p-badge-success{border-color:var(--border-strong)}.p-badge.p-badge-success .p-badge-dot-indicator,.p-badge.p-badge-success.p-badge-dot{background:var(--success)}.p-badge.p-badge-success.p-badge-counter{background:var(--success);color:var(--success-foreground)}.p-badge.p-badge-info{border-color:var(--border-strong)}.p-badge.p-badge-info .p-badge-dot-indicator,.p-badge.p-badge-info.p-badge-dot{background:var(--info)}.p-badge.p-badge-info.p-badge-counter{background:var(--info);color:var(--info-foreground)}.p-badge.p-badge-warn,.p-badge.p-badge-warning{border-color:var(--border-strong)}.p-badge.p-badge-warn .p-badge-dot-indicator,.p-badge.p-badge-warn.p-badge-dot,.p-badge.p-badge-warning .p-badge-dot-indicator,.p-badge.p-badge-warning.p-badge-dot{background:var(--warning)}.p-badge.p-badge-warn.p-badge-counter,.p-badge.p-badge-warning.p-badge-counter{background:var(--warning);color:var(--warning-foreground)}.p-badge.p-badge-danger{border-color:var(--border-strong)}.p-badge.p-badge-danger .p-badge-dot-indicator,.p-badge.p-badge-danger.p-badge-dot{background:var(--danger)}.p-badge.p-badge-danger.p-badge-counter{background:var(--danger);color:var(--danger-foreground)}.p-badge.p-badge-secondary,.p-badge.p-badge-neutral{border-color:var(--border);color:var(--foreground-muted)}.p-badge.p-badge-secondary .p-badge-dot-indicator,.p-badge.p-badge-secondary.p-badge-dot,.p-badge.p-badge-neutral .p-badge-dot-indicator,.p-badge.p-badge-neutral.p-badge-dot{background:var(--foreground-subtle)}.p-badge.p-badge-secondary.p-badge-counter,.p-badge.p-badge-neutral.p-badge-counter{background:var(--surface-muted);color:var(--foreground-muted);border-color:var(--border-strong)}.p-badge.p-badge-contrast{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.p-badge.p-badge-contrast .p-badge-dot-indicator,.p-badge.p-badge-contrast.p-badge-dot{background:var(--background)}.p-badge.p-badge-contrast.p-badge-counter{background:var(--foreground);color:var(--background)}.table-wrap,.table-container{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);max-width:100%;width:100%;min-width:0;box-sizing:border-box}.data-table,.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:36rem;box-sizing:border-box}.data-table th,.data-table td,.table th,.table td{padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--border-muted);text-align:left;vertical-align:top;color:var(--foreground)}.data-table thead th,.table thead th{color:var(--foreground-muted);font-weight:var(--weight-medium);white-space:nowrap;background:var(--surface-muted);border-bottom:1px solid var(--border)}.data-table tbody tr:last-child td,.data-table tbody tr:last-child th,.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom:0}.data-table--sticky-header thead th,.data-table thead.sticky th,.table--sticky-header thead th,.table thead.sticky th{position:sticky;top:0;z-index:10}.data-table th.p-resizable-column,.data-table th[appResizableColumn],.data-table th[pResizableColumn],.table th.p-resizable-column,.table th[appResizableColumn],.table th[pResizableColumn]{position:relative}.data-table th.p-resizable-column .p-column-resizer,.data-table th[appResizableColumn] .p-column-resizer,.data-table th[pResizableColumn] .p-column-resizer,.table th.p-resizable-column .p-column-resizer,.table th[appResizableColumn] .p-column-resizer,.table th[pResizableColumn] .p-column-resizer{position:absolute;top:0;right:0;bottom:0;width:.5rem;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;z-index:2;display:block}.data-table th.p-resizable-column .p-column-resizer:after,.data-table th[appResizableColumn] .p-column-resizer:after,.data-table th[pResizableColumn] .p-column-resizer:after,.table th.p-resizable-column .p-column-resizer:after,.table th[appResizableColumn] .p-column-resizer:after,.table th[pResizableColumn] .p-column-resizer:after{content:"";position:absolute;top:20%;bottom:20%;right:2px;width:2px;border-radius:1px;background:transparent;transition:background-color .12s ease}.data-table th.p-resizable-column .p-column-resizer:hover:after,.data-table th.p-resizable-column .p-column-resizer:focus-visible:after,.data-table th.p-resizable-column .p-column-resizer.is-resizing:after,.data-table th[appResizableColumn] .p-column-resizer:hover:after,.data-table th[appResizableColumn] .p-column-resizer:focus-visible:after,.data-table th[appResizableColumn] .p-column-resizer.is-resizing:after,.data-table th[pResizableColumn] .p-column-resizer:hover:after,.data-table th[pResizableColumn] .p-column-resizer:focus-visible:after,.data-table th[pResizableColumn] .p-column-resizer.is-resizing:after,.table th.p-resizable-column .p-column-resizer:hover:after,.table th.p-resizable-column .p-column-resizer:focus-visible:after,.table th.p-resizable-column .p-column-resizer.is-resizing:after,.table th[appResizableColumn] .p-column-resizer:hover:after,.table th[appResizableColumn] .p-column-resizer:focus-visible:after,.table th[appResizableColumn] .p-column-resizer.is-resizing:after,.table th[pResizableColumn] .p-column-resizer:hover:after,.table th[pResizableColumn] .p-column-resizer:focus-visible:after,.table th[pResizableColumn] .p-column-resizer.is-resizing:after{background:var(--primary)}.data-table th.p-resizable-column .p-column-resizer:focus-visible,.data-table th[appResizableColumn] .p-column-resizer:focus-visible,.data-table th[pResizableColumn] .p-column-resizer:focus-visible,.table th.p-resizable-column .p-column-resizer:focus-visible,.table th[appResizableColumn] .p-column-resizer:focus-visible,.table th[pResizableColumn] .p-column-resizer:focus-visible{outline:2px solid var(--primary);outline-offset:-1px}.data-table th.p-resizable-column.is-resizing,.data-table th[appResizableColumn].is-resizing,.data-table th[pResizableColumn].is-resizing,.table th.p-resizable-column.is-resizing,.table th[appResizableColumn].is-resizing,.table th[pResizableColumn].is-resizing{-webkit-user-select:none;user-select:none}.data-table .num,.table .num{text-align:right;font-variant-numeric:tabular-nums}.page{display:grid;gap:var(--space-24);padding-block:var(--space-32);width:100%;max-width:100%;min-width:0;box-sizing:border-box}.page>*{min-width:0;max-width:100%;box-sizing:border-box}@media(max-width:640px){.page{padding-block:var(--space-16);gap:var(--space-16)}}main.has-breadcrumb .page{padding-top:0}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-16);width:100%;max-width:100%;box-sizing:border-box}.page-header h1{font-family:var(--font-heading);font-size:var(--font-size-xl);line-height:var(--font-size-xl-line-height);letter-spacing:var(--font-size-xl-letter-spacing)}.page-header p{color:var(--foreground-muted);font-size:var(--font-size-sm)}@media(max-width:640px){.page-header{flex-direction:column;align-items:stretch;gap:var(--space-12)}.page-header .actions-row{width:100%;display:flex;gap:var(--space-8)}.page-header .actions-row .btn{flex:1 1 0;min-height:2.75rem;text-align:center}}.panel{display:grid;gap:var(--space-16);padding:var(--space-24);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.panel h2{font-family:var(--font-heading);font-size:var(--font-size-lg);line-height:var(--font-size-lg-line-height)}@media(max-width:480px){.panel{padding:var(--space-16)}}.panel--empty,.panel.empty-state{text-align:center;align-items:center;justify-items:center;padding:var(--space-32) var(--space-16)}.panel--empty .empty-state__actions,.panel.empty-state .empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-8)}.panel--empty .empty-state__actions:empty,.panel.empty-state .empty-state__actions:empty{display:none}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap}.panel__header h2,.panel__header h3{margin:0}.settings-action-btn{display:inline-flex;align-items:center;gap:var(--space-6, 6px);padding:var(--space-4) var(--space-8);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--primary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--weight-medium);line-height:var(--font-size-sm-line-height);cursor:pointer;text-decoration:none;transition:background-color .12s ease,color .12s ease}.settings-action-btn:hover:not(:disabled){background:var(--background-subtle);color:var(--primary-hover);text-decoration:underline}.settings-action-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.settings-action-btn:disabled{opacity:.5;cursor:not-allowed}.settings-action-btn--danger{color:var(--danger)}.settings-action-btn--danger:hover:not(:disabled){color:var(--danger);background:#c94c491a}.settings-action-icon{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.settings__row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-12) var(--space-24);padding:var(--space-12) 0;border-bottom:1px solid var(--border-muted)}.settings__row:last-child{border-bottom:none}.settings__row-main{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.settings__label{font-size:var(--font-size-xs);color:var(--foreground-muted);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.settings__value--masked{letter-spacing:.25em;font-size:var(--font-size-base);color:var(--foreground-muted);font-family:var(--font-mono)}.settings__form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin-top:var(--space-12)}.form-grid{display:grid;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.form-grid__action{display:flex;align-items:flex-end;justify-content:flex-start}.fieldset{display:grid;gap:var(--space-8);margin:0;padding:0;border:0}.fieldset legend{margin-bottom:var(--space-4);font-size:var(--font-size-sm);font-weight:var(--weight-medium);color:var(--foreground)}.actions-row{display:flex;flex-wrap:wrap;gap:var(--space-8)}.data-table .actions-cell{width:1%;text-align:end;white-space:nowrap}.data-table .actions-cell .field__error{min-width:12rem;text-align:start;white-space:normal}.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-16)}@media(min-width:768px){.container{padding-inline:var(--space-32)}}main.container:has(app-mailbox,app-webmail,app-mail-panel),main.container:has(>app-mailbox,>app-webmail){max-width:100%;margin-inline:0;width:100%}@media(min-width:768px){main.container:has(app-mailbox,app-webmail,app-mail-panel),main.container:has(>app-mailbox,>app-webmail){padding-inline:var(--space-20)}}.topbar{position:sticky;top:0;z-index:50;width:100%;max-width:100%;border-bottom:1px solid var(--border);background:var(--surface-glass, var(--surface));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background-color .15s ease,border-color .15s ease}.topbar>.container{display:flex;align-items:center;height:4rem;width:100%;max-width:100%}@media(max-width:640px){.topbar>.container{height:3.5rem;padding-inline:var(--space-12)}}@media(max-width:480px){.topbar>.container{padding-inline:var(--space-8)}}.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-20);width:100%}@media(max-width:640px){.topbar__inner{gap:var(--space-8)}}.topbar__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);flex:1;min-width:0}.topbar__links{display:flex;align-items:center;gap:var(--space-4);padding:4px 6px;background:var(--surface-muted);border:1px solid var(--border-muted);border-radius:var(--radius-full, 9999px);margin-inline:auto;box-shadow:inset 0 1px 2px #0000000a;white-space:nowrap}@media(max-width:860px){.topbar__links{display:none}}.topbar__links--app{gap:var(--space-2);padding:3px 6px;margin-inline:0}.topbar__links--app .topbar__link{padding:var(--space-4) var(--space-10);font-size:var(--font-size-xs)}.topbar__links--app .topbar__link.is-active,.topbar__links--app .topbar__link.active{color:var(--primary);background:var(--surface);font-weight:var(--weight-semibold);box-shadow:0 1px 3px #0000001a}@media(max-width:1024px){.topbar__links--app{display:none}}.topbar__actions{display:flex;align-items:center;gap:var(--space-10);margin-left:auto;flex-shrink:0;white-space:nowrap}@media(max-width:640px){.topbar__actions{gap:var(--space-6)}.topbar__actions .discord-toggle{display:none!important}.topbar__actions .topbar__link{padding:0 var(--space-8);font-size:var(--font-size-xs)}}@media(max-width:480px){.topbar__actions{gap:var(--space-4)}}.topbar__actions .topbar__link{min-height:2.125rem;height:2.125rem;padding:0 var(--space-12);border-radius:var(--radius-md, 8px);font-size:.8125rem;color:var(--foreground-muted);font-weight:var(--weight-medium)}.topbar__actions .topbar__link:hover{color:var(--foreground);background:var(--surface-muted)}.topbar__link{color:var(--foreground-muted);font-size:var(--font-size-sm);font-weight:var(--weight-medium);text-decoration:none;padding:var(--space-6) var(--space-12);border-radius:var(--radius-full, 9999px);display:inline-flex;align-items:center;gap:var(--space-6);white-space:nowrap;flex-shrink:0;line-height:1.25;transition:color .12s ease,background-color .12s ease,transform .12s ease;cursor:pointer}.topbar__link:hover{color:var(--foreground);background:var(--surface)}.topbar__link.is-active,.topbar__link.active{color:var(--foreground);background:var(--surface);font-weight:var(--weight-semibold)}.topbar__link:active{transform:scale(.96)}.topbar__link--account{color:var(--primary);font-weight:var(--weight-semibold)}.topbar__link--webmail{color:var(--foreground)}.topbar__link--webmail .webmail-badge-dot{width:.4375rem;height:.4375rem;border-radius:var(--radius-full, 9999px);background:var(--primary);box-shadow:0 0 6px var(--primary);flex-shrink:0}.topbar__user{overflow:hidden;max-width:12rem;color:var(--foreground-muted);text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-8);border:1px solid var(--border-muted);border-radius:var(--radius-sm);background:var(--surface-muted)}@media(max-width:960px){.topbar__user{display:none}}.is-authenticated .topbar__anon,.topbar.is-authenticated .topbar__anon,.topbar__actions.is-authenticated .topbar__anon{display:none!important}.topbar__anon{white-space:nowrap;flex-shrink:0}@media(max-width:860px){.topbar__anon{display:none!important}}.topbar__link--app-switch{color:var(--primary)!important;font-weight:var(--weight-semibold)}.topbar__button{min-height:2.125rem;height:2.125rem;padding:0 var(--space-14, .875rem);font-size:.8125rem;font-weight:var(--weight-semibold);letter-spacing:.01em;white-space:nowrap;flex-shrink:0;border-radius:var(--radius-md, 8px);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);text-decoration:none;line-height:1}@media(max-width:640px){.topbar__button{min-height:2rem;height:2rem;padding:0 var(--space-8);font-size:var(--font-size-xs)}}.topbar__button{transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1),background .16s ease,border-color .16s ease}.topbar__button .topbar__button-arrow{display:inline-block;transition:transform .16s cubic-bezier(.16,1,.3,1)}.topbar__button.btn--primary{background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 82%,#0284c7) 100%);border:1px solid color-mix(in srgb,var(--primary-foreground) 22%,transparent);color:var(--primary-foreground);box-shadow:inset 0 1px #ffffff47,0 1px 2px #0000002e,0 4px 12px -2px color-mix(in srgb,var(--primary) 35%,transparent)}.topbar__button.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary) 100%);border-color:color-mix(in srgb,var(--primary-foreground) 36%,transparent);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff5c,0 3px 6px #0003,0 8px 20px -3px color-mix(in srgb,var(--primary) 55%,transparent)}.topbar__button.btn--primary:hover:not(:disabled) .topbar__button-arrow{transform:translate(2px)}.topbar__button.btn--primary:active:not(:disabled){transform:translateY(0);background:var(--primary-active);box-shadow:inset 0 1px 2px #0000004d,0 1px 2px #00000026}@media(max-width:560px){.topbar__button{display:none}}.wordmark{display:inline-flex;align-items:center;text-decoration:none;line-height:1;flex-shrink:0}.brand-logo{display:block;height:2rem;width:auto;object-fit:contain}.logo--horizontal-light{display:block}.logo--horizontal-dark,.logo--symbol{display:none}:root[data-theme=dark] .logo--horizontal-light,.dark .logo--horizontal-light{display:none}:root[data-theme=dark] .logo--horizontal-dark,.dark .logo--horizontal-dark{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .logo--horizontal-light{display:none}:root:not([data-theme=light]) .logo--horizontal-dark{display:block}}@media(max-width:560px){.wordmark .logo--horizontal-light,.wordmark .logo--horizontal-dark{display:none!important}.wordmark .logo--symbol{display:block!important;height:2rem;width:2rem}}.theme-toggle,.discord-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border-muted);border-radius:var(--radius-full, 9999px);background:var(--surface-muted);color:var(--foreground-muted);cursor:pointer;text-decoration:none;transition:all .14s ease}.theme-toggle:hover,.discord-toggle:hover{border-color:var(--border);color:var(--foreground);background:var(--surface);transform:translateY(-1px)}.theme-toggle__icon,.discord-toggle__icon{display:block}.discord-toggle:hover{border-color:#5865f2;color:#5865f2;background:#5865f214}.mobile-toggle{display:none;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border-muted);border-radius:var(--radius-full, 9999px);background:var(--surface-muted);color:var(--foreground);cursor:pointer;transition:all .14s ease}@media(max-width:860px){.mobile-toggle{display:inline-flex!important}}.mobile-toggle:hover{border-color:var(--border);background:var(--surface)}.mobile-drawer-backdrop{position:fixed;inset:0;top:4rem;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99}@media(max-width:640px){.mobile-drawer-backdrop{top:3.5rem}}.mobile-drawer{position:fixed;top:4rem;left:0;right:0;bottom:0;width:100%;border-top:1px solid var(--border);background:var(--surface-raised, var(--surface));box-shadow:var(--shadow-xl);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:100}@media(max-width:640px){.mobile-drawer{top:3.5rem}}.mobile-drawer__inner{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-16) var(--space-16) var(--space-32);max-width:32rem;margin-inline:auto;width:100%;box-sizing:border-box;height:auto!important}.mobile-drawer__link{display:flex;align-items:center;min-height:2.75rem;padding:var(--space-10) var(--space-14);border-radius:var(--radius-md);color:var(--foreground);font-size:var(--font-size-base);font-weight:var(--weight-medium);text-decoration:none;transition:background-color .12s ease,color .12s ease,transform .12s ease;cursor:pointer}.mobile-drawer__link:hover{background:var(--surface-muted);color:var(--primary)}.mobile-drawer__link.is-active,.mobile-drawer__link.active{background:var(--surface-muted);color:var(--primary);font-weight:var(--weight-semibold)}.mobile-drawer__link:active{transform:scale(.98)}.mobile-drawer__actions{display:flex;flex-direction:column;gap:var(--space-10);margin-top:var(--space-12);padding-top:var(--space-12);border-top:1px solid var(--border-muted)}.mobile-drawer__actions .btn{min-height:2.875rem}.skip-link{position:absolute;top:-3rem;left:var(--space-16);z-index:10;padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-foreground);text-decoration:none}.skip-link:focus{top:var(--space-8)}.footer{margin-top:auto;border-top:1px solid var(--border);background:var(--surface);padding-block:var(--space-32)}.footer__grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:var(--space-32)}@media(max-width:960px){.footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.footer__grid{grid-template-columns:1fr}}.footer__brand{display:flex;align-items:center;gap:var(--space-12);margin-bottom:var(--space-12)}.footer__logo{height:1.625rem;width:auto;object-fit:contain}.footer__tagline{color:var(--foreground-muted);font-size:var(--font-size-sm);padding-left:var(--space-12);border-left:1px solid var(--border)}.footer__desc{color:var(--foreground-muted);font-size:var(--font-size-sm);line-height:var(--font-size-sm-line-height);margin-bottom:var(--space-16)}.footer__heading{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--foreground);margin-bottom:var(--space-12)}.footer__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-8);font-size:var(--font-size-sm)}.footer__list a{color:var(--foreground-muted);text-decoration:none}.footer__list a:hover{color:var(--primary)}.footer__discord-link{display:inline-flex;align-items:center;color:var(--foreground-muted);transition:color .12s ease}.footer__discord-link svg{color:#5865f2;flex-shrink:0}.footer__discord-link:hover{color:#5865f2!important}.footer__static-item{color:var(--foreground-subtle)}.footer__bottom{margin-top:var(--space-32);padding-top:var(--space-16);border-top:1px solid var(--border-muted);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-8);font-size:var(--font-size-xs);color:var(--foreground-subtle)}.footer__bottom-links{display:flex;align-items:center;gap:var(--space-16);flex-wrap:wrap}.footer__discord-pill{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-10);border-radius:var(--radius-full);background:#5865f21a;color:#5865f2;text-decoration:none;font-weight:var(--weight-medium);font-size:var(--font-size-xs);transition:background-color .12s ease,transform .12s ease}.footer__discord-pill:hover{background:#5865f233;transform:translateY(-1px)}.illustration{display:block;line-height:0}.illustration img{display:block;width:auto;max-width:100%;height:9rem;margin-inline:auto;object-fit:contain}.illustration--sm img{height:6rem}.illustration--lg img{height:18rem}.empty-inline{display:grid;justify-items:center;gap:var(--space-12);padding-block:var(--space-24);text-align:center}.skeleton-block{display:block;position:relative;overflow:hidden;background:var(--skeleton-background);border-radius:var(--skeleton-border-radius)}.skeleton-block:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;transform:translate(-100%);z-index:1;background:linear-gradient(90deg,rgba(255,255,255,0),var(--skeleton-animation-background),rgba(255,255,255,0));animation:skeleton-block-wave 1.4s ease-in-out infinite}.skeleton-block--circle{border-radius:50%}.skeleton-block--static:after{animation:none;display:none}@keyframes skeleton-block-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton-block:after{animation:none;display:none}}.app-shell{display:flex;flex:1;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.app-shell>main{flex:1;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.app-shell>main.container{max-width:100%;margin-inline:0;width:100%;padding-inline:var(--space-16);box-sizing:border-box}@media(max-width:640px){.app-shell>main.container{padding-inline:var(--space-12)}}@media(min-width:768px){.app-shell>main.container{padding-inline:var(--space-24)}}.sidebar-host{display:contents}.topbar--app .container{max-width:100%}.sidebar{position:sticky;top:3.75rem;display:flex;flex:none;flex-direction:column;width:15rem;height:calc(100dvh - 3.75rem);border-right:1px solid var(--border);background:var(--surface);transition:width .18s ease}.sidebar__header{position:relative;display:flex;flex-direction:column;padding:var(--space-8);border-bottom:1px solid var(--border-muted)}.sidebar__workspace-wrapper{display:flex;align-items:center;gap:var(--space-4);width:100%}.sidebar__workspace-btn{display:flex;align-items:center;gap:var(--space-8);flex:1;min-width:0;padding:var(--space-6) var(--space-8);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--foreground);font-family:inherit;text-align:left;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.sidebar__workspace-btn:hover,.sidebar__workspace-btn.is-active{background:var(--surface-muted);border-color:var(--border-muted);box-shadow:var(--shadow-sm)}.sidebar__workspace-btn:focus-visible{outline-offset:-2px;border-radius:var(--radius-md)}.sidebar__workspace-icon{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;border-radius:var(--radius-md);background:linear-gradient(135deg,#00787229,#409cb938);border:1px solid rgba(0,120,114,.3);color:var(--primary);box-shadow:inset 0 1px #ffffff1a}.sidebar__workspace-icon .sidebar__workspace-glyph svg{display:block;width:1.125rem;height:1.125rem}.sidebar__status-dot{position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;border-radius:var(--radius-full);background:#10b981;box-shadow:0 0 0 2px var(--surface)}.sidebar__status-ping{position:absolute;inset:-2px;border-radius:var(--radius-full);background:#10b981;opacity:.75;animation:statusPulse 2.4s cubic-bezier(0,0,.2,1) infinite}@keyframes statusPulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(2.2);opacity:0}to{transform:scale(.9);opacity:0}}.sidebar__workspace-meta{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.sidebar__workspace-name{overflow:hidden;color:var(--foreground);font-family:var(--font-heading);font-size:.8125rem;font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.sidebar__workspace-row{display:flex;align-items:center;gap:4px}.sidebar__workspace-badge{flex:none;padding:1px 5px;border-radius:var(--radius-full);background:#0078721f;border:1px solid rgba(0,120,114,.22);color:var(--primary);font-size:.625rem;font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;line-height:1.2}.sidebar__workspace-dot{width:3px;height:3px;border-radius:var(--radius-full);background:var(--foreground-subtle);opacity:.6}.sidebar__workspace-sub{overflow:hidden;color:var(--foreground-subtle);font-family:var(--font-mono);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.sidebar__workspace-unfold{flex:none;width:.875rem;height:.875rem;color:var(--foreground-subtle);transition:transform .16s ease,color .16s ease}.is-active .sidebar__workspace-unfold{color:var(--primary);transform:rotate(180deg)}.sidebar__title{overflow:hidden;color:var(--foreground);font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--weight-semibold);white-space:nowrap}.sidebar__icon{flex:none;width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar__collapse{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--foreground-muted);cursor:pointer;transition:background-color .12s ease,color .12s ease}.sidebar__collapse:hover{background:var(--surface-muted);color:var(--foreground)}.sidebar__collapse .sidebar__icon{transition:transform .18s ease}.sidebar__workspace-menu{position:absolute;top:calc(100% + var(--space-4));left:var(--space-8);right:var(--space-8);z-index:50;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8);border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-lg);background:var(--surface-raised);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 36px -4px #0000004d,0 6px 14px -2px #00000026;animation:menuFadeIn .18s cubic-bezier(.16,1,.3,1)}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.workspace-menu__account{display:flex;flex-direction:column;gap:var(--space-8)}.workspace-menu__user-header{display:flex;align-items:center;gap:var(--space-8)}.workspace-menu__avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.25rem;height:2.25rem;border-radius:var(--radius-full);background:var(--primary);color:var(--primary-foreground);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);overflow:hidden}.workspace-menu__avatar img{width:100%;height:100%;object-fit:cover}.workspace-menu__avatar svg{width:1.25rem;height:1.25rem}.workspace-menu__user-details{display:flex;flex-direction:column;min-width:0;flex:1}.workspace-menu__name{color:var(--foreground);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-menu__email{color:var(--foreground-muted);font-family:var(--font-mono);font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-menu__id-pill{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--border-muted)}.workspace-menu__id-tag{color:var(--foreground-subtle);font-size:.625rem;font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase}.workspace-menu__id-code{color:var(--foreground-muted);font-family:var(--font-mono);font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-menu__id-copy-btn{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--foreground-muted);font-size:.65rem;cursor:pointer;transition:all .12s ease}.workspace-menu__id-copy-btn:hover{background:var(--brand-glow);color:var(--primary)}.workspace-menu__id-copy-btn svg{width:.75rem;height:.75rem}.workspace-menu__id-copy-btn .copied-indicator{color:var(--success);font-weight:var(--weight-semibold)}.workspace-menu__divider{height:1px;margin:var(--space-2) 0;background:var(--border-muted)}.workspace-menu__nav-section{display:flex;flex-direction:column;gap:2px}.workspace-menu__section-title{padding:0 var(--space-4) var(--space-4);color:var(--foreground-subtle);font-size:.625rem;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.workspace-menu__action{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-8);border-radius:var(--radius-md);text-decoration:none;color:var(--foreground);transition:background-color .12s ease,color .12s ease,transform .1s ease}.workspace-menu__action:hover{background:var(--surface-muted);color:var(--primary);transform:translate(2px)}.workspace-menu__action:hover .workspace-menu__action-icon{color:var(--primary);border-color:#00787266;background:var(--brand-glow)}.workspace-menu__action-icon{display:flex;align-items:center;justify-content:center;flex:none;width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--border-muted);color:var(--foreground-muted);transition:all .14s ease}.workspace-menu__action-icon svg{width:.9375rem;height:.9375rem}.workspace-menu__action-text{display:flex;flex-direction:column;flex:1;min-width:0}.workspace-menu__action-name{font-size:.8125rem;font-weight:var(--weight-medium);line-height:var(--leading-tight)}.workspace-menu__action-sub{font-size:.6875rem;color:var(--foreground-muted)}.workspace-menu__badge-glow{flex:none;padding:1px 6px;border-radius:var(--radius-full);background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.625rem;font-weight:var(--weight-semibold);text-transform:uppercase}.workspace-menu__footer{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);border-radius:var(--radius-md);background:var(--surface-muted)}.workspace-menu__pulse-dot{width:6px;height:6px;border-radius:var(--radius-full);background:#10b981;box-shadow:0 0 6px #10b98199}.workspace-menu__footer-note{color:var(--foreground-subtle);font-size:.65rem;font-weight:var(--weight-medium)}.sidebar__nav{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-8) var(--space-8) var(--space-16)}.sidebar__section+.sidebar__section{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-muted)}.sidebar__section-label{padding:var(--space-2) var(--space-8) var(--space-4);color:var(--foreground-muted);font-size:.6875rem;font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.sidebar__list,.sidebar__sublist{display:grid;gap:1px;margin:0;padding:0;list-style:none}.sidebar__link,.sidebar__sublink{display:flex;align-items:center;position:relative;gap:var(--space-10);width:100%;min-height:2rem;padding:var(--space-4) var(--space-8);border:0;border-radius:var(--radius-md);background:transparent;color:var(--foreground);font-family:inherit;font-size:.875rem;font-weight:var(--weight-medium);line-height:var(--leading-tight);text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .12s ease,color .12s ease}.sidebar__link:hover,.sidebar__sublink:hover{background:var(--surface-muted);color:var(--foreground)}.sidebar__link:focus-visible,.sidebar__sublink:focus-visible{outline-offset:-2px;border-radius:var(--radius-md)}.sidebar__link.is-active,.sidebar__sublink.is-active{background:var(--brand-glow);color:var(--primary);font-weight:var(--weight-semibold)}.sidebar__link.is-active:before,.sidebar__sublink.is-active:before{content:"";position:absolute;inset:var(--space-6) auto var(--space-6) 0;width:3px;border-radius:var(--radius-full);background:var(--primary)}.sidebar__link>.sidebar__icon:first-child{color:var(--foreground-muted)}.sidebar__link.is-active>.sidebar__icon:first-child,.sidebar__link--group.has-active>.sidebar__icon:first-child{color:var(--primary)}.sidebar__sublink{min-height:1.75rem;color:var(--foreground-muted);font-size:var(--font-size-sm)}.sidebar__sublink.is-active:before{left:calc(-1 * var(--space-10) - 1px);inset-block:var(--space-4);width:2px}.sidebar__link--group.has-active{color:var(--primary)}.sidebar__label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar__chevron{width:1rem;height:1rem;transition:transform .18s ease}[aria-expanded=true]>.sidebar__chevron{transform:rotate(180deg)}.sidebar__sublist{margin:var(--space-2) 0 var(--space-4) 1.0625rem;padding-left:var(--space-10);border-left:1px solid var(--border)}.sidebar__sublist[hidden]{display:none}.sidebar__community{padding:var(--space-4) var(--space-8);border-top:1px solid var(--border-muted)}.sidebar__community .sidebar__link--external{color:var(--foreground-muted)}.sidebar__community .sidebar__link--external:hover,.sidebar__community .sidebar__link--external:hover .sidebar__icon{color:#5865f2}.sidebar__community .sidebar__external-icon{margin-left:auto;opacity:.6}.sidebar__footer{position:relative;padding:var(--space-8);border-top:1px solid var(--border)}.sidebar__profile{display:flex;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-6);border:0;border-radius:var(--radius-md);background:transparent;color:var(--foreground);font-family:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease}.sidebar__profile:hover,.sidebar__profile[aria-expanded=true]{background:var(--surface-muted)}.sidebar__profile:focus-visible{outline-offset:-2px;border-radius:var(--radius-md)}.sidebar__profile .sidebar__chevron{color:var(--foreground-subtle)}.sidebar__avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--primary);color:var(--primary-foreground);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);overflow:hidden}.sidebar__avatar img{width:100%;height:100%;object-fit:cover}.sidebar__avatar svg{width:1.125rem;height:1.125rem}.sidebar__profile-text{display:grid;flex:1;min-width:0}.sidebar__profile-name,.sidebar__profile-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__profile-name{font-size:var(--font-size-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight)}.sidebar__profile-role{color:var(--foreground-subtle);font-size:var(--font-size-xs)}.sidebar__menu{position:absolute;bottom:calc(100% - var(--space-4));left:var(--space-8);z-index:1;display:grid;gap:var(--space-2);width:max-content;min-width:calc(15rem - var(--space-16));max-width:18rem;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-lg)}.sidebar__menu-email{overflow:hidden;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-muted);color:var(--foreground-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.sidebar__menu-item{display:block;width:100%;padding:var(--space-6) var(--space-8);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--foreground);font-family:inherit;font-size:var(--font-size-sm);text-align:left;text-decoration:none;cursor:pointer}.sidebar__menu-item:hover{background:var(--surface-muted);color:var(--foreground)}.sidebar-backdrop{display:none}@media(min-width:861px){.sidebar--collapsed{width:3.5rem}.sidebar--collapsed .sidebar__header{justify-content:center;padding-inline:var(--space-8)}.sidebar--collapsed .sidebar__section+.sidebar__section{border-top:0}.sidebar--collapsed .sidebar__collapse .sidebar__icon{transform:rotate(180deg)}.sidebar--collapsed .sidebar__link,.sidebar--collapsed .sidebar__profile{justify-content:center;padding-inline:0}.sidebar--collapsed .sidebar__section-label{height:1px;margin:var(--space-8);padding:0;overflow:hidden;background:var(--border);color:transparent}.sidebar--collapsed .sidebar__title,.sidebar--collapsed .sidebar__label,.sidebar--collapsed .sidebar__community-label,.sidebar--collapsed .sidebar__chevron,.sidebar--collapsed .sidebar__sublist,.sidebar--collapsed .sidebar__external-icon,.sidebar--collapsed .sidebar__profile-text,.sidebar--collapsed .sidebar__workspace-meta,.sidebar--collapsed .sidebar__workspace-unfold{display:none}.sidebar--collapsed .sidebar__workspace-wrapper{flex-direction:column;align-items:center;gap:var(--space-6)}.sidebar--collapsed .sidebar__workspace-btn{justify-content:center;padding:var(--space-4) 0;width:100%}}@media(max-width:860px){.sidebar{position:fixed;top:3.75rem;bottom:0;left:0;z-index:40;width:min(18rem,85vw);height:auto;box-shadow:var(--shadow-xl);visibility:hidden;transform:translate(-100%);transition:transform .2s ease,visibility 0s linear .2s}.sidebar.is-open{visibility:visible;transform:none;transition:transform .2s ease,visibility 0s}.sidebar__collapse{display:none}.sidebar__header{padding-block:var(--space-16) var(--space-8)}.sidebar-backdrop{position:fixed;inset:3.75rem 0 0;z-index:39;display:block;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}}.home-view{display:flex;flex-direction:column;gap:var(--space-80);padding-block:var(--space-48) var(--space-64)}@media(max-width:768px){.home-view{gap:var(--space-48);padding-block:var(--space-32) var(--space-48)}}.section{display:flex;flex-direction:column;gap:var(--space-32);scroll-margin-top:5rem}.section-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-12);max-width:48rem;margin-inline:auto}.section-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);line-height:var(--font-size-3xl-line-height);letter-spacing:var(--font-size-2xl-letter-spacing);color:var(--foreground)}@media(max-width:640px){.section-title{font-size:var(--font-size-2xl);line-height:var(--font-size-2xl-line-height)}}.section-desc{color:var(--foreground-muted);font-size:var(--font-size-lg);line-height:var(--leading-normal);max-width:42ch}@media(max-width:640px){.section-desc{font-size:var(--font-size-base)}}.badge-kicker{display:inline-flex;align-items:center;gap:var(--space-8);padding:.35rem .85rem;font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);border-radius:var(--radius-full, 9999px);margin-bottom:var(--space-4);line-height:1.2;box-shadow:0 1px 2px #0000000a;white-space:nowrap}.badge-kicker__dot{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);flex-shrink:0}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-24);max-width:58rem;margin-inline:auto;padding-top:var(--space-32);padding-inline:var(--space-16);width:100%;box-sizing:border-box}@media(max-width:640px){.hero{padding-top:var(--space-20);padding-inline:var(--space-12);gap:var(--space-16)}}.hero__badge{margin-bottom:var(--space-4)}.hero__title{font-family:var(--font-heading);font-size:clamp(2rem,5.5vw,4.25rem);line-height:1.15;letter-spacing:var(--font-size-3xl-letter-spacing);color:var(--foreground);margin:0;word-break:break-word}@media(max-width:480px){.hero__title{font-size:2rem;line-height:1.2}}.hero__title-accent{color:var(--primary)}.hero__lede{color:var(--foreground-muted);font-size:clamp(1rem,2.5vw,1.35rem);line-height:1.55;max-width:44ch;margin:0}@media(max-width:480px){.hero__lede{font-size:var(--font-size-base);line-height:1.5}}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-16);margin-top:var(--space-8);width:100%}@media(max-width:640px){.hero__actions{flex-direction:column;align-items:stretch;max-width:22rem;gap:var(--space-12);margin-inline:auto}}.hero__btn{min-height:3rem;padding:0 1.75rem;padding-inline:var(--space-28, 1.75rem);font-size:var(--font-size-base);font-weight:var(--weight-semibold);border-radius:var(--radius-full, 9999px);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);box-sizing:border-box}@media(max-width:640px){.hero__btn{width:100%;min-height:3.125rem;padding-inline:var(--space-16);font-size:1.05rem}}.hero__trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-16) var(--space-28);margin-top:var(--space-20);padding-top:var(--space-24);border-top:1px solid var(--border-muted);width:100%}@media(max-width:640px){.hero__trust{display:grid;grid-template-columns:1fr;gap:var(--space-10);margin-top:var(--space-16);padding-top:var(--space-16);text-align:left}}.trust-item{display:inline-flex;align-items:center;gap:var(--space-6);color:var(--foreground-subtle);font-size:var(--font-size-sm);font-weight:var(--weight-medium)}.trust-item__icon{width:1rem;height:1rem;color:var(--primary);flex-shrink:0}.preview-section{gap:var(--space-32)}.preview-tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-8);margin-inline:auto;max-width:100%}@media(max-width:640px){.preview-tabs{flex-direction:column;width:100%;max-width:22rem}.preview-tabs .preview-tab{width:100%;justify-content:center;min-height:2.75rem}}.preview-tab{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--foreground-muted);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .14s ease}.preview-tab:hover{border-color:var(--primary);color:var(--foreground);background:var(--surface-muted)}.preview-tab.is-active{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-md)}.preview-tab.is-active .preview-tab__dot{background:var(--primary-foreground)}.preview-tab__dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--border-strong);transition:background-color .14s ease}.window-chrome{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xl);overflow:hidden;transition:box-shadow .2s ease}.window-chrome__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-12) var(--space-20);border-bottom:1px solid var(--border);background:var(--surface-muted)}@media(max-width:640px){.window-chrome__topbar{padding:var(--space-10) var(--space-12)}}.window-chrome__controls{display:flex;align-items:center;gap:.4rem}.window-chrome__dot{width:.7rem;height:.7rem;border-radius:50%}.window-chrome__dot.dot--close{background:#ed6a5e}.window-chrome__dot.dot--min{background:#f4bf4f}.window-chrome__dot.dot--max{background:#61c554}.window-chrome__address{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-16);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--foreground-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(28rem,60vw)}.window-chrome__status{display:inline-flex;align-items:center;gap:var(--space-6);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--foreground-subtle)}@media(max-width:640px){.window-chrome__status{display:none}}.live-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success);animation:pulse-dot 2.5s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.preview-inbox{display:grid;grid-template-columns:16rem 19rem minmax(0,1fr);min-height:38rem;background:var(--background)}@media(max-width:1024px){.preview-inbox{grid-template-columns:14rem minmax(0,1fr)}.preview-inbox__reader{display:none}}@media(max-width:720px){.preview-inbox{grid-template-columns:1fr}.preview-inbox__sidebar{display:none}}.preview-inbox__sidebar{display:flex;flex-direction:column;gap:var(--space-20);padding:var(--space-16);border-right:1px solid var(--border);background:var(--surface-muted)}.preview-inbox__list{display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);overflow-y:auto}.preview-inbox__reader{display:flex;flex-direction:column;padding:var(--space-20);background:var(--background);overflow-y:auto}.preview-label{display:block;font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--foreground-subtle);margin-bottom:var(--space-8)}.preview-current-box{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--font-size-sm)}.preview-box-icon{color:var(--primary)}.preview-folders{display:flex;flex-direction:column;gap:var(--space-4)}.preview-folder-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-8) var(--space-12);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--foreground);font-size:var(--font-size-sm);cursor:pointer;text-align:left;transition:all .12s ease}.preview-folder-btn:hover{background:var(--surface)}.preview-folder-btn.is-active{background:var(--surface);border-color:var(--border);font-weight:var(--weight-medium)}.preview-folder-count{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--foreground-muted)}.preview-quota-widget{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.preview-quota-header{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--foreground)}.preview-progress{width:100%;height:.45rem;border-radius:var(--radius-full);background:var(--surface-muted);overflow:hidden}.preview-progress__bar{height:100%;border-radius:var(--radius-full);background:var(--primary)}.preview-subtle-hint{font-size:var(--font-size-xs);color:var(--foreground-muted)}.preview-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--border);background:var(--surface-muted)}.preview-list-sort{font-size:var(--font-size-xs);color:var(--foreground-subtle)}.preview-items{display:flex;flex-direction:column}.preview-item{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12) var(--space-16);border:0;border-left:3px solid transparent;border-bottom:1px solid var(--border-muted);background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background-color .12s ease}.preview-item:hover{background:var(--surface-muted)}.preview-item.is-selected{background:var(--surface-muted);border-left-color:var(--primary)}.preview-item.is-unread .preview-item__subject{font-weight:var(--weight-semibold)}.preview-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.preview-item__sender{display:inline-flex;align-items:center;gap:var(--space-6);font-size:var(--font-size-sm);font-weight:var(--weight-medium);color:var(--foreground)}.preview-item__time{font-size:var(--font-size-xs);color:var(--foreground-subtle)}.preview-item__subject{font-size:var(--font-size-sm);color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-item__snippet{font-size:var(--font-size-xs);color:var(--foreground-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-item__attachment{font-size:var(--font-size-xs);color:var(--foreground-subtle);margin-top:var(--space-2)}.preview-unread-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--primary);flex-shrink:0}.preview-reader-card{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-24);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.preview-reader-header{display:flex;flex-direction:column;gap:var(--space-8)}.preview-reader-subject{font-family:var(--font-heading);font-size:var(--font-size-xl);line-height:var(--font-size-xl-line-height);color:var(--foreground);margin:0}.preview-security-tags{display:flex;flex-wrap:wrap;gap:var(--space-6)}.preview-reader-meta{display:grid;gap:var(--space-4);padding:var(--space-12);border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--surface-muted);font-size:var(--font-size-sm);color:var(--foreground)}.preview-reader-meta .meta-label{color:var(--foreground-muted);margin-right:var(--space-4)}.preview-reader-body{display:flex;flex-direction:column;gap:var(--space-16)}.preview-sandboxed-banner{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-12);border:1px solid var(--border-muted);border-radius:var(--radius-sm);background:var(--background-subtle);color:var(--primary);font-size:var(--font-size-xs);font-weight:var(--weight-medium)}.preview-msg-text{display:flex;flex-direction:column;gap:var(--space-12);color:var(--foreground);font-size:var(--font-size-sm);line-height:1.6}.preview-attachment-box{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-muted);font-size:var(--font-size-sm)}.preview-panel{display:flex;flex-direction:column;gap:var(--space-20);padding:var(--space-24);background:var(--surface)}.preview-panel__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-16)}.preview-panel__title{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--foreground);margin:0}.preview-panel__sub{color:var(--foreground-muted);font-size:var(--font-size-sm);margin-top:var(--space-4)}.preview-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-16)}.stat-card{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-20)}.stat-card__label{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--foreground-subtle)}.stat-card__val{font-size:var(--font-size-2xl);font-weight:var(--weight-semibold);color:var(--primary)}.stat-card__note{font-size:var(--font-size-xs);color:var(--foreground-muted);margin:0}.storytelling-section{gap:var(--space-48)}.story-chapters{display:flex;flex-direction:column;gap:var(--space-64)}@media(max-width:768px){.story-chapters{gap:var(--space-48)}}.story-chapter{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-48)}.story-chapter--reverse{grid-template-columns:1fr 1fr}.story-chapter--reverse .story-chapter__text{order:2}.story-chapter--reverse .story-chapter__visual{order:1}@media(max-width:960px){.story-chapter{grid-template-columns:1fr;gap:var(--space-24)}.story-chapter--reverse{grid-template-columns:1fr}.story-chapter--reverse .story-chapter__text{order:1}.story-chapter--reverse .story-chapter__visual{order:2}}.story-chapter__text{display:flex;flex-direction:column;gap:var(--space-16)}.story-kicker{font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--primary)}.story-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);line-height:var(--font-size-2xl-line-height);letter-spacing:var(--font-size-2xl-letter-spacing);color:var(--foreground);margin:0}@media(max-width:640px){.story-title{font-size:var(--font-size-xl);line-height:var(--font-size-xl-line-height)}}.story-desc{color:var(--foreground-muted);font-size:var(--font-size-base);line-height:var(--leading-normal);margin:0}.story-features{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-8)}.story-features li{position:relative;padding-left:var(--space-20);color:var(--foreground);font-size:var(--font-size-sm);line-height:1.5}.story-features li:before{content:"\2713";position:absolute;left:0;color:var(--primary);font-weight:var(--weight-semibold)}.visual-card{display:flex;flex-direction:column;gap:var(--space-20);padding:var(--space-24);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-md)}.visual-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding-bottom:var(--space-12);border-bottom:1px solid var(--border-muted);font-size:var(--font-size-xs);color:var(--foreground-muted)}.visual-card__pill{font-family:var(--font-mono);font-weight:var(--weight-semibold);letter-spacing:.04em;color:var(--primary)}.schematic-tree{display:flex;flex-direction:column;align-items:center;gap:var(--space-16)}.schematic-node{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-16);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-muted)}.schematic-node.node--root{border-color:var(--primary);background:var(--surface-raised);box-shadow:var(--shadow-md)}.schematic-node .node-badge{font-size:var(--font-size-xs);color:var(--primary);margin-left:var(--space-8)}.schematic-node .node-address{font-weight:var(--weight-semibold)}.schematic-node .node-sub{font-size:var(--font-size-xs);color:var(--foreground-subtle);margin-left:var(--space-4)}.schematic-branches{width:80%;height:1.5rem;border-left:1px solid var(--border-strong);border-right:1px solid var(--border-strong);border-top:1px solid var(--border-strong)}.schematic-children{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-8);width:100%}.schematic-children .schematic-node{flex-direction:column;text-align:center;padding:var(--space-8)}.sandbox-mock{display:flex;flex-direction:column;gap:var(--space-16)}.sandbox-shield-banner{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background-subtle);font-size:var(--font-size-sm)}.sandbox-shield-banner .shield-icon{font-size:1.5rem}.sandbox-code-preview{padding:var(--space-16);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);font-size:var(--font-size-xs);line-height:1.7;color:var(--foreground)}.dns-checklist{display:flex;flex-direction:column;gap:var(--space-8)}.dns-check-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-10) var(--space-12);border:1px solid var(--border-muted);border-radius:var(--radius-md);background:var(--surface-muted)}.dns-badge{font-size:var(--font-size-xs);font-weight:var(--weight-semibold);color:var(--primary);padding:var(--space-2) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.dns-details{display:flex;flex-direction:column;flex:1}.dns-target{font-size:var(--font-size-xs);font-weight:var(--weight-medium)}.dns-status{font-size:var(--font-size-xs)}.capacity-visual{display:flex;flex-direction:column;gap:var(--space-16)}.capacity-bar-wrap{display:flex;flex-direction:column;gap:var(--space-6)}.capacity-bar-label{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--foreground)}.capacity-chips{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-4)}.payment-mock{display:flex;flex-direction:column;gap:var(--space-12)}.payment-mock__row{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-8);border-bottom:1px solid var(--border-muted);font-size:var(--font-size-sm)}.payment-mock__actions{margin-top:var(--space-8)}.pricing-section{gap:var(--space-32)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--space-24);max-width:68rem;margin-inline:auto;width:100%}.pricing-card{display:flex;flex-direction:column;gap:var(--space-20);padding:var(--space-24)}.pricing-card__header{display:flex;flex-direction:column;gap:var(--space-6)}.pricing-card__name{font-family:var(--font-heading);font-size:var(--font-size-xl);line-height:var(--font-size-xl-line-height);color:var(--foreground);margin:0}.pricing-card__desc{color:var(--foreground-muted);font-size:var(--font-size-sm);margin:0;min-height:2.5rem}.pricing-card__price-box{display:flex;flex-direction:column;gap:var(--space-4);padding-block:var(--space-12);border-block:1px solid var(--border-muted)}.pricing-card__price{font-size:var(--font-size-3xl);font-weight:var(--weight-semibold);color:var(--primary)}.pricing-card__unit{font-size:var(--font-size-sm)}.pricing-card__limits{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-10);font-size:var(--font-size-sm);color:var(--foreground-muted)}.pricing-card__limits li{position:relative;padding-left:var(--space-20)}.pricing-card__limits li:before{content:"\2022";position:absolute;left:.25rem;color:var(--primary)}.pricing-card__limits li strong{color:var(--foreground)}.pricing-card__cta{margin-top:auto;padding-top:var(--space-8)}.fallback-pricing-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:var(--space-32);text-align:center}.pricing-more-note{text-align:center;color:var(--foreground-muted);font-size:var(--font-size-sm)}.pricing-more-note a{font-weight:var(--weight-medium)}.faq-section{gap:var(--space-32)}.faq-accordion{max-width:48rem;width:100%;margin-inline:auto;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);padding:var(--space-4) var(--space-24);box-shadow:var(--shadow-sm)}@media(max-width:640px){.faq-accordion{padding:var(--space-4) var(--space-16)}}.accordion-item{border-bottom:1px solid var(--border-muted)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-16) 0;background:transparent;border:none;color:var(--foreground);font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--weight-medium);line-height:var(--leading-snug);text-align:left;cursor:pointer;gap:var(--space-16);transition:color .15s ease}.accordion-trigger:hover{color:var(--primary)}.accordion-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:var(--radius-sm)}.accordion-trigger__icon{width:1.25rem;height:1.25rem;min-width:1.25rem;flex-shrink:0;color:var(--foreground-muted);transition:transform .24s cubic-bezier(.16,1,.3,1),color .15s ease}.accordion-item.is-open .accordion-trigger{color:var(--primary)}.accordion-item.is-open .accordion-trigger .accordion-trigger__icon{transform:rotate(180deg);color:var(--primary)}.accordion-item.is-open .accordion-content{grid-template-rows:1fr;opacity:1;visibility:visible}.accordion-content{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .24s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility .24s}.accordion-content__inner{overflow:hidden}.accordion-content__inner p{margin:0;padding-bottom:var(--space-16);color:var(--foreground-muted);font-size:var(--font-size-sm);line-height:var(--leading-relaxed);max-width:65ch}.closing-cta__inner{padding:var(--space-48) var(--space-32);text-align:center;background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}@media(max-width:640px){.closing-cta__inner{padding:var(--space-32) var(--space-16)}}.closing-cta__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);max-width:42rem;margin-inline:auto}.closing-cta__title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:var(--font-size-2xl-letter-spacing);color:var(--foreground);margin:0}.closing-cta__desc{color:var(--foreground-muted);font-size:var(--font-size-lg);line-height:var(--leading-normal);margin:0}.closing-cta__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-16);margin-top:var(--space-8)}@keyframes pageEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0d948866}50%{box-shadow:0 0 0 4px #0d948826}}.page{animation:pageEnter .24s cubic-bezier(.16,1,.3,1) backwards}.panel,.card,.donut-card,.metric-card,.nav-card{transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,box-shadow .2s cubic-bezier(.16,1,.3,1),background-color .15s ease}.panel:hover,.card:hover,.donut-card:hover,.metric-card:hover,.nav-card:hover{border-color:var(--border-strong, var(--border))}.nav-card:hover,.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px -4px #00000026}.btn,.settings-action-btn,button.sidebar__collapse{transition:transform .12s cubic-bezier(.4,0,.2,1),background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn:active:not(:disabled),.settings-action-btn:active:not(:disabled),button.sidebar__collapse:active:not(:disabled){transform:scale(.97)}.settings-subnav__link{position:relative;transition:background-color .18s ease,color .18s ease,transform .12s ease}.settings-subnav__link:active{transform:scale(.96)}input,textarea,select{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.badge{transition:background-color .15s ease,border-color .15s ease,color .15s ease}@keyframes sectionHighlight{0%{box-shadow:0 0 #0d948873}30%{box-shadow:0 0 0 8px #0d948833}to{box-shadow:0 0 #0d948800}}.section--highlight{animation:sectionHighlight 1.2s cubic-bezier(.16,1,.3,1);border-radius:var(--radius-xl, 1rem)}.pricing-page{display:flex;flex-direction:column;gap:var(--space-48);padding-block:var(--space-32) var(--space-64);max-width:var(--content-max);margin-inline:auto;width:100%}@media(max-width:768px){.pricing-page{gap:var(--space-32);padding-block:var(--space-16) var(--space-40)}}.pricing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-16);max-width:52rem;margin-inline:auto;width:100%}.pricing-hero__badge{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);background:var(--surface-muted);border:1px solid var(--border-strong);color:var(--primary);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase}.pricing-hero__title{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.25rem);line-height:1.15;letter-spacing:var(--font-size-3xl-letter-spacing);color:var(--foreground);margin:0}.pricing-hero__title-gradient{color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-hero__lede{color:var(--foreground-muted);font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.6;max-width:44ch;margin:0}.pricing-hero__trust-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-16) var(--space-24);margin-top:var(--space-8);padding-top:var(--space-16);border-top:1px solid var(--border-muted);color:var(--foreground-subtle);font-size:var(--font-size-xs);font-weight:var(--weight-medium)}.pricing-hero__trust-bar span{display:inline-flex;align-items:center;gap:var(--space-6)}.pricing-hero__trust-bar svg{width:1rem;height:1rem;color:var(--primary);flex-shrink:0}.pricing-icon{width:1.125rem!important;height:1.125rem!important;min-width:1.125rem!important;min-height:1.125rem!important;max-width:1.125rem!important;max-height:1.125rem!important;flex-shrink:0;display:inline-block;vertical-align:middle}.pricing-icon--check{color:var(--success)}.pricing-icon--cross{color:var(--foreground-subtle);opacity:.7}.pricing-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--space-24);width:100%;margin-block:var(--space-8)}.pricing-card{position:relative;display:flex;flex-direction:column;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;overflow:hidden;width:100%;max-width:24rem;flex:1 1 20rem}.pricing-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-xl)}.pricing-card--popular{border-color:var(--primary);box-shadow:0 10px 30px -10px var(--brand-glow-lg),var(--shadow-md)}.pricing-card--popular:hover{border-color:var(--primary-hover);box-shadow:0 16px 36px -8px var(--brand-glow-lg),var(--shadow-xl)}.pricing-card--popular:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.pricing-card .card-body{display:flex;flex-direction:column;padding:var(--space-28) var(--space-24);gap:var(--space-20);height:100%}.pricing-card .badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:.6875rem;font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;padding:.2rem .65rem;line-height:1}.pricing-card .badge.badge-warning{background:var(--warning);color:var(--warning-foreground)}.pricing-card .badge.badge-primary{background:var(--primary);color:var(--primary-foreground)}.pricing-card .badge.badge-neutral{background:var(--surface-muted);color:var(--foreground-muted);border:1px solid var(--border-strong)}.pricing-card .badge.badge-xs{font-size:.625rem;padding:.15rem .5rem}.pricing-card .pricing-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-12)}.pricing-card .pricing-card__title{font-family:var(--font-heading);font-size:var(--font-size-xl);line-height:var(--font-size-xl-line-height);color:var(--foreground);margin:0}.pricing-card .pricing-card__desc{color:var(--foreground-muted);font-size:var(--font-size-sm);line-height:1.5;margin:var(--space-4) 0 0;min-height:2.25rem}.pricing-card .pricing-card__price-wrap{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-16);border-bottom:1px solid var(--border-muted)}.pricing-card .pricing-card__price-main{display:flex;align-items:baseline;gap:var(--space-8);flex-wrap:wrap}.pricing-card .pricing-card__amount{font-family:var(--font-heading);font-size:clamp(2rem,3.5vw,2.5rem);font-weight:var(--weight-semibold);color:var(--primary);line-height:1;letter-spacing:-.02em}.pricing-card .pricing-card__unit{color:var(--foreground-muted);font-size:var(--font-size-sm);font-weight:var(--weight-regular)}.pricing-card .pricing-card__guarantee{display:inline-flex;align-items:center;gap:var(--space-6);color:var(--foreground-muted);font-size:var(--font-size-xs);font-weight:var(--weight-medium)}.pricing-card .pricing-card__guarantee svg{width:.875rem!important;height:.875rem!important;color:var(--success);flex-shrink:0}.pricing-card .pricing-card__features{display:flex;flex-direction:column;gap:var(--space-10);margin:0!important;padding:0!important;list-style:none!important;font-size:var(--font-size-sm);color:var(--foreground)}.pricing-card .pricing-card__features li{display:flex;align-items:center;gap:var(--space-10);line-height:1.45;margin:0;padding:0;list-style:none}.pricing-card .pricing-card__features li.feature--disabled{color:var(--foreground-subtle);opacity:.6}.pricing-card .pricing-card__stepper-box{display:flex;flex-direction:column;gap:var(--space-8);background:var(--surface-muted);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);border:1px solid var(--border-muted)}.pricing-card .pricing-card__stepper-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs)}.pricing-card .pricing-card__stepper-label{font-weight:var(--weight-medium);color:var(--foreground)}.pricing-card .pricing-card__stepper-limits{color:var(--foreground-subtle);font-family:var(--font-mono)}.pricing-card .stepper{display:flex;align-items:center;gap:var(--space-8)}.pricing-card .stepper .input{width:100%;text-align:center;font-weight:var(--weight-semibold);font-size:var(--font-size-base)}.pricing-card .stepper .btn{width:var(--control-height);min-width:var(--control-height);padding:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:var(--weight-bold)}.pricing-card .pricing-card__total-box{min-height:2.25rem;display:flex;align-items:center}.pricing-card .total{margin:0;width:100%;font-size:var(--font-size-sm);color:var(--foreground);line-height:1.4}.pricing-card .total strong{color:var(--primary);font-family:var(--font-heading);font-size:1.05rem}.pricing-card .card-actions{margin-top:auto;padding-top:var(--space-8)}.pricing-card .card-actions .btn{width:100%;min-height:2.75rem;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);letter-spacing:.01em;justify-content:center;box-shadow:var(--shadow-sm)}.pricing-card .card-actions .btn:hover:not(:disabled){box-shadow:var(--shadow-md)}.compare-section{display:flex;flex-direction:column;gap:var(--space-20);margin-top:var(--space-24)}.compare-section__header{display:flex;flex-direction:column;gap:var(--space-6)}.compare-section__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);line-height:var(--font-size-2xl-line-height);color:var(--foreground);margin:0}.compare-section__subtitle{color:var(--foreground-muted);font-size:var(--font-size-sm);max-width:50ch}.compare-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--shadow-md);overflow:hidden}.compare-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm)}.compare-table thead{position:sticky;top:0;z-index:5;background:var(--surface-muted)}.compare-table thead th{padding:var(--space-16) var(--space-20);font-weight:var(--weight-semibold);color:var(--foreground);border-bottom:2px solid var(--border);text-align:left;vertical-align:middle}.compare-table thead th.plan-col{text-align:center;min-width:11rem;background:var(--surface-muted)}.compare-table thead th.plan-col--featured{background:color-mix(in srgb,var(--primary) 8%,var(--surface-muted));border-top:3px solid var(--primary)}.compare-table thead th .plan-header-title{font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--foreground);display:block}.compare-table thead th .plan-header-price{font-size:var(--font-size-sm);color:var(--primary);font-weight:var(--weight-medium);margin-top:var(--space-4);display:block}.compare-table tr.category-row th{padding:var(--space-10) var(--space-20);background:var(--surface-muted);color:var(--foreground-muted);font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;border-top:1px solid var(--border);border-bottom:1px solid var(--border-muted)}.compare-table tbody tr{transition:background-color .12s ease}.compare-table tbody tr:hover,.compare-table tbody tr:hover th{background:var(--surface-muted)}.compare-table tbody tr th{padding:var(--space-14) var(--space-20);font-weight:var(--weight-medium);color:var(--foreground);border-bottom:1px solid var(--border-muted);text-align:left;background:var(--surface-raised);position:sticky;left:0;z-index:2;min-width:14rem}.compare-table tbody tr td{padding:var(--space-14) var(--space-20);color:var(--foreground);border-bottom:1px solid var(--border-muted);text-align:center;vertical-align:middle}.compare-table tbody tr td.plan-col--featured{background:color-mix(in srgb,var(--primary) 4%,transparent)}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}.compare-table .cell-status{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);font-size:var(--font-size-xs);font-weight:var(--weight-medium)}.compare-table .cell-status--included{color:var(--success)}.compare-table .cell-status--included svg{width:1.1rem!important;height:1.1rem!important;flex-shrink:0}.compare-table .cell-status--excluded{color:var(--foreground-subtle);opacity:.7}.compare-table .cell-status--excluded svg{width:1.1rem!important;height:1.1rem!important;flex-shrink:0}.domains-card{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-20) var(--space-24);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-raised)}.domains-card__title{display:flex;align-items:center;gap:var(--space-8);font-size:var(--font-size-sm);font-weight:var(--weight-medium);color:var(--foreground)}.domains-card__title svg{width:1.125rem!important;height:1.125rem!important;color:var(--primary)}.domains-card__list{display:flex;flex-wrap:wrap;gap:var(--space-8)}.domains-card__chip{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-10);border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--border-muted);color:var(--primary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--weight-medium)}.pricing-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-16);margin-top:var(--space-8)}.pricing-pillars__card{display:flex;gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border-muted)}.pricing-pillars__card svg{width:1.5rem!important;height:1.5rem!important;color:var(--primary);flex-shrink:0;margin-top:.15rem}.pricing-pillars__card h4{font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--foreground);margin:0 0 var(--space-4)}.pricing-pillars__card p{font-size:var(--font-size-xs);color:var(--foreground-muted);line-height:1.45;margin:0}.pricing-tier-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--space-20);margin-top:var(--space-24)}.pricing-tier-card{padding:var(--space-24);border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-12)}.pricing-tier-card--highlight{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.pricing-tier-title{font-size:var(--font-size-lg);font-weight:var(--weight-semibold);margin:0;color:var(--foreground)}.pricing-tier-desc{font-size:var(--font-size-sm);color:var(--foreground-muted);line-height:1.5;margin:0}.pricing-tier-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-8);font-size:var(--font-size-xs);color:var(--foreground)}.pricing-tier-features li{display:flex;align-items:center;gap:var(--space-8)}.pricing-tier-features li:before{content:"\2713";color:var(--primary);font-weight:700}.pricing-faq-section{margin-top:var(--space-32);display:flex;flex-direction:column;gap:var(--space-24)}.pricing-faq-heading{font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--weight-bold);color:var(--foreground);margin:var(--space-8) 0}.pricing-faq-sub{font-size:var(--font-size-sm);color:var(--foreground-muted);max-width:50ch;margin:0 auto}.pricing-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:var(--space-20)}.pricing-faq-card{padding:var(--space-20);border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-8)}.pricing-faq-card h3{font-size:var(--font-size-base);font-weight:var(--weight-semibold);color:var(--foreground);margin:0}.pricing-faq-card p{font-size:var(--font-size-sm);color:var(--foreground-muted);line-height:1.55;margin:0}.pricing-faq-card .pricing-faq-ar{font-size:var(--font-size-xs);color:var(--foreground-subtle);padding-top:var(--space-6);border-top:1px dashed var(--border-muted);line-height:1.6}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem;overflow-x:hidden;max-width:100%}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--font-size-base-line-height);-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%;width:100%;min-height:100vh;display:flex;flex-direction:column}app-root{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}app-admin-shell,app-admin-home,app-mailboxes,app-users,app-account-shell,app-dashboard,app-mailbox,app-mailbox-detail,app-domains,app-invoices,app-payments,app-subscriptions,app-plans-list,app-plan-editor,app-catalogue-overview,app-support,app-admin-support,app-home,app-pricing,app-webmail,app-sign-in,app-register,router-outlet+*{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.table-wrap,.table-container{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);font-weight:var(--weight-semibold);color:var(--foreground)}h1{font-size:var(--font-size-2xl);line-height:var(--font-size-2xl-line-height);letter-spacing:var(--font-size-2xl-letter-spacing)}h2{font-size:var(--font-size-xl);line-height:var(--font-size-xl-line-height);letter-spacing:var(--font-size-xl-letter-spacing)}h3{font-size:var(--font-size-lg);line-height:var(--font-size-lg-line-height)}p{margin:0}a{color:var(--primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .12s ease}a:hover{color:var(--primary-hover)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}