:root{color-scheme:light;--color-primary: #F97316;--color-primary-hover: #EA580C;--color-primary-pressed: #C2410C;--color-primary-soft: #FFEDD5;--color-primary-softer: #FFF4E8;--color-primary-ink: #9A3412;--color-on-primary: #FFFFFF;--color-link: #C2410C;--color-link-hover: #9A3412;--color-secondary: #166534;--color-secondary-hover: #14532D;--color-secondary-soft: #DCFCE7;--color-secondary-ink: #14532D;--color-on-secondary: #FFFFFF;--color-accent: #F43F5E;--color-accent-soft: #FFE4E6;--color-gold: #F59E0B;--color-gold-soft: #FEF3C7;--color-background: #FFF8F1;--color-surface: #FFFFFF;--color-surface-subtle: #FCEFE2;--color-surface-raised: #FFFFFF;--color-glass: rgba(255, 255, 255, .74);--color-overlay: rgba(31, 22, 18, .52);--color-border: #F1E4D7;--color-border-strong: #E3D0BC;--color-text: #1F1612;--color-text-secondary: #5A4A3F;--color-text-muted: #7A6A60;--color-success: #15803D;--color-success-bg: #ECFDF3;--color-error: #B91C1C;--color-error-bg: #FEF1F1;--color-warning: #92400E;--color-warning-bg: #FFF8E6;--color-info: #1D4ED8;--color-info-bg: #EEF4FF;--color-focus: #2563EB;--gradient-brand: linear-gradient(135deg, #E8590C 0%, #D14A0A 50%, #B63B09 100%);--gradient-brand-soft: linear-gradient(135deg, #FFEDD5 0%, #FFF4E8 100%);--gradient-secondary: linear-gradient(135deg, #1F8A47 0%, #166534 100%);--gradient-hero: radial-gradient(70% 90% at 6% 0%, rgba(251, 146, 60, .55) 0%, transparent 62%), radial-gradient(60% 80% at 100% 6%, rgba(244, 63, 94, .26) 0%, transparent 60%), radial-gradient(80% 90% at 55% 112%, rgba(245, 158, 11, .38) 0%, transparent 62%);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-xs: 0 1px 1px rgba(90, 40, 8, .05);--shadow-sm: 0 1px 2px rgba(90, 40, 8, .06), 0 1px 3px rgba(90, 40, 8, .04);--shadow-md: 0 8px 24px -10px rgba(90, 40, 8, .18), 0 2px 6px rgba(90, 40, 8, .05);--shadow-lg: 0 24px 48px -18px rgba(90, 40, 8, .28), 0 6px 14px rgba(90, 40, 8, .06);--shadow-glow: 0 10px 28px -8px rgba(249, 115, 22, .55);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", Tahoma, "Helvetica Neue", Arial, sans-serif;--font-display: ui-rounded, "SF Pro Rounded", "Segoe UI Variable Display", "Segoe UI", system-ui, "Noto Sans Arabic", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Fira Code", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: clamp(1.9rem, 6vw, 2.6rem);--leading-tight: 1.2;--leading-snug: 1.4;--leading-body: 1.6;--tracking-tight: -.02em;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--page-max: 1040px;--page-gutter: clamp(1rem, 4vw, 2rem);--app-bar-height: 60px;--bottom-bar-height: 68px;--sidebar-width: 256px;--tap-target: 44px;--safe-bottom: env(safe-area-inset-bottom, 0px);--z-sticky: 40;--z-dock: 50;--z-overlay: 80;--z-toast: 90;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--transition-fast: .15s var(--ease-out);--transition-base: .24s var(--ease-out);--transition-slow: .42s var(--ease-out)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--color-primary-soft: rgba(249, 115, 22, .18);--color-primary-softer: rgba(249, 115, 22, .09);--color-primary-ink: #FDBA74;--color-link: #FDBA74;--color-link-hover: #FED7AA;--color-secondary: #22A55A;--color-secondary-hover: #1B8A4A;--color-secondary-soft: rgba(34, 197, 94, .16);--color-secondary-ink: #86EFAC;--color-accent: #FB7185;--color-accent-soft: rgba(244, 63, 94, .18);--color-gold: #FBBF24;--color-gold-soft: rgba(245, 158, 11, .16);--color-background: #130E0B;--color-surface: #1D1612;--color-surface-subtle: #271D17;--color-surface-raised: #2A201A;--color-glass: rgba(29, 22, 18, .72);--color-overlay: rgba(0, 0, 0, .66);--color-border: #35291F;--color-border-strong: #4A3A2D;--color-text: #F8EEE5;--color-text-secondary: #D8C5B6;--color-text-muted: #A89484;--color-success: #4ADE80;--color-success-bg: rgba(34, 197, 94, .14);--color-error: #FCA5A5;--color-error-bg: rgba(239, 68, 68, .16);--color-warning: #FCD34D;--color-warning-bg: rgba(245, 158, 11, .16);--color-info: #93C5FD;--color-info-bg: rgba(59, 130, 246, .16);--color-focus: #60A5FA;--gradient-brand-soft: linear-gradient(135deg, rgba(249, 115, 22, .22) 0%, rgba(249, 115, 22, .08) 100%);--gradient-hero: radial-gradient(70% 90% at 6% 0%, rgba(251, 146, 60, .3) 0%, transparent 62%), radial-gradient(60% 80% at 100% 6%, rgba(244, 63, 94, .16) 0%, transparent 60%), radial-gradient(80% 90% at 55% 112%, rgba(245, 158, 11, .2) 0%, transparent 62%);--shadow-xs: 0 1px 1px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 10px 28px -10px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 28px 56px -18px rgba(0, 0, 0, .7), 0 6px 14px rgba(0, 0, 0, .4);--shadow-glow: 0 10px 28px -8px rgba(249, 115, 22, .4);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .05)}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms linear;--transition-base: 0ms linear;--transition-slow: 0ms linear}}@keyframes nk-fade-up{0%{opacity:0;transform:translateY(14px)}}@keyframes nk-pulse{0%{box-shadow:0 0 0 0 var(--pulse-ring)}70%,to{box-shadow:0 0 0 9px transparent}}@keyframes nk-shimmer{to{background-position:-60% 0}}.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:var(--space-md);align-content:start;padding:clamp(1.25rem,4vw,2.25rem);border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-surface);background-image:var(--gradient-hero);box-shadow:var(--shadow-md);color:var(--color-text)}.hero>:where(:not([aria-hidden=true])){position:relative;z-index:1}.hero__eyebrow{justify-self:start;display:inline-flex;align-items:center;gap:var(--space-xs);padding:.3rem .85rem;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-ink);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.hero__title{margin:0;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-text);text-wrap:balance}.hero__text{margin:0;max-inline-size:46ch;font-size:var(--text-md);line-height:var(--leading-body);color:var(--color-text-secondary)}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-block-start:var(--space-xs)}.card--ticket,.card.card--ticket{position:relative;padding:var(--ticket-pad, var(--space-lg));border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-md)}.card--ticket:before,.card--ticket:after,.card--ticket>.divider-dashed:before,.card--ticket>.divider-dashed:after{content:"";position:absolute;box-sizing:border-box;inline-size:var(--notch-r, 10px);block-size:calc(var(--notch-r, 10px) * 2);border:1px solid var(--color-border);background:var(--ticket-bg, var(--color-background));pointer-events:none}.card--ticket:before,.card--ticket:after{inset-block-start:calc(var(--notch-y, 68%) - var(--notch-r, 10px))}.card--ticket:before,.card--ticket>.divider-dashed:before{inset-inline-start:-1px;border-inline-start-width:0;border-start-end-radius:var(--notch-r, 10px);border-end-end-radius:var(--notch-r, 10px)}.card--ticket:after,.card--ticket>.divider-dashed:after{inset-inline-end:-1px;border-inline-end-width:0;border-start-start-radius:var(--notch-r, 10px);border-end-start-radius:var(--notch-r, 10px)}.card--ticket:has(>.divider-dashed):before,.card--ticket:has(>.divider-dashed):after{content:none}.card--ticket>.divider-dashed{position:relative;margin-inline:calc(var(--ticket-pad, var(--space-lg)) * -1)}.card--ticket>.divider-dashed:before,.card--ticket>.divider-dashed:after{inset-block-start:calc(var(--notch-r, 10px) * -1 - 1px)}.card--glass,.card.card--glass{background-color:var(--color-glass);border-color:color-mix(in srgb,var(--color-border) 70%,transparent);box-shadow:var(--shadow-md),var(--shadow-inset);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}:where(.chip){display:inline-flex;align-items:center;gap:.35em;padding:.25rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;line-height:1.4;white-space:nowrap}.chip--brand,.chip.chip--brand{background:var(--color-primary-soft);color:var(--color-primary-ink);border-color:transparent}.chip--success,.chip.chip--success{background:var(--color-success-bg);color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 20%,transparent)}.chip--warning,.chip.chip--warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 22%,transparent)}.chip--danger,.chip.chip--danger{background:var(--color-error-bg);color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 20%,transparent)}.chip--info,.chip.chip--info{background:var(--color-info-bg);color:var(--color-info);border-color:color-mix(in srgb,var(--color-info) 20%,transparent)}.chip--live,.chip.chip--live{background:var(--color-accent-soft);color:color-mix(in srgb,var(--color-accent) 72%,var(--color-text));border-color:transparent}.chip--live:not(:has(.pulse-dot)):before{content:"";flex:none;inline-size:8px;block-size:8px;border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 22%,transparent)}.chip--live .pulse-dot{--dot-size: 8px}.pulse-dot{--pulse-ring: color-mix(in srgb, var(--dot-color, var(--color-accent)) 50%, transparent);display:inline-block;flex:none;inline-size:var(--dot-size, 10px);block-size:var(--dot-size, 10px);border-radius:var(--radius-pill);background:var(--dot-color, var(--color-accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--dot-color, var(--color-accent)) 22%,transparent);vertical-align:middle}.pulse-dot--success{--dot-color: var(--color-success)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin:0}.section-head__title{margin:0;min-inline-size:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-text)}.section-head__action{flex:none;display:inline-flex;align-items:center;gap:var(--space-xs);min-block-size:var(--tap-target);padding-inline:var(--space-sm);margin-inline-end:calc(var(--space-sm) * -1);border-radius:var(--radius-pill);background:transparent;border:0;color:var(--color-link);font:inherit;font-size:var(--text-sm);font-weight:700;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.section-head__action:hover{background:var(--color-primary-softer);color:var(--color-link-hover)}.list-row{display:flex;align-items:center;gap:var(--space-md);box-sizing:border-box;min-block-size:calc(var(--tap-target) + var(--space-md));padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs);color:inherit;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}button.list-row{inline-size:100%;font:inherit;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}a.list-row:hover,button.list-row:hover,.list-row[role=button]:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}a.list-row:active,button.list-row:active,.list-row[role=button]:active{transform:scale(.992)}.list-row__lead{flex:none;display:inline-grid;place-items:center;min-inline-size:var(--tap-target);block-size:var(--tap-target);border-radius:var(--radius-md);background:var(--color-primary-softer);color:var(--color-primary-ink);font-size:1.35rem;line-height:1}.list-row__lead:has(>.ui-avatar,>.ui-avatar-stack){background:transparent;border-radius:0}.list-row__body{flex:1 1 auto;min-inline-size:0;display:grid;gap:2px}.list-row__title{font-size:var(--text-md);font-weight:700;line-height:var(--leading-snug);color:var(--color-text);overflow-wrap:anywhere}.list-row__meta{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text-muted);overflow-wrap:anywhere}.list-row__trail{flex:none;display:inline-flex;align-items:center;gap:var(--space-sm);margin-inline-start:auto;color:var(--color-text-muted)}.stat{display:grid;gap:var(--space-xs);align-content:start;min-inline-size:0}.stat__label{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug);color:var(--color-text-secondary)}.stat__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);font-variant-numeric:tabular-nums;color:var(--color-text);overflow-wrap:anywhere}.stat__trend{display:inline-flex;align-items:center;gap:.25em;font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-success)}.stat__trend--down,.stat__trend.is-down{color:var(--color-error)}.segmented{display:inline-flex;align-items:stretch;gap:2px;box-sizing:border-box;max-inline-size:100%;padding:4px;border-radius:var(--radius-pill);background:var(--color-surface-subtle)}.segmented--block{display:flex;inline-size:100%}.segmented--block>.segmented__item{flex:1 1 0}.segmented__item{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-block-size:var(--tap-target);min-inline-size:0;padding-inline:var(--space-md);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:600;line-height:1.2;text-align:center;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.segmented__item:hover{color:var(--color-text)}.segmented__item:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.segmented__item:is([aria-pressed=true],[aria-selected=true],[aria-current=true],[aria-current=page],.is-active),.segmented .segmented__item:is([aria-pressed=true],[aria-selected=true],[aria-current=true],[aria-current=page],.is-active){background:var(--color-surface);color:var(--color-text);box-shadow:0 0 0 1px var(--color-border),var(--shadow-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-text-muted)}.empty-state__art{display:grid;place-items:center;inline-size:5rem;block-size:5rem;border-radius:var(--radius-pill);background:var(--color-primary-softer);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 18%,transparent);color:var(--color-primary);font-size:2.25rem;line-height:1}.empty-state__title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-text)}.empty-state__text{margin:0;max-inline-size:36ch;font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-text-muted)}.skeleton{display:block;min-block-size:1em;border-radius:var(--radius-sm);background-color:var(--color-surface-subtle);background-image:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--color-text) 7%,transparent) 50%,transparent 80%);background-repeat:no-repeat;background-size:220% 100%;background-position:160% 0}.skeleton--line{inline-size:100%;block-size:.9rem;min-block-size:0;border-radius:var(--radius-pill)}.skeleton--circle{inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-pill)}.skeleton--block{inline-size:100%;block-size:6rem;border-radius:var(--radius-lg)}.price{font-family:var(--font-display);font-weight:800;letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;white-space:nowrap;unicode-bidi:isolate}.divider-dashed{block-size:0;margin-block:var(--space-sm);margin-inline:0;padding:0;border:0;border-block-start:2px dashed var(--color-border-strong);background:none;overflow:visible}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.icon-btn{position:relative;flex:none;display:inline-grid;place-items:center;inline-size:var(--tap-target);block-size:var(--tap-target);padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);font:inherit;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.icon-btn:hover{background:var(--color-surface-subtle);color:var(--color-text)}.icon-btn:active{transform:scale(.94)}.icon-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.icon-btn:disabled,.icon-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.icon-btn--danger:hover{background:var(--color-error-bg);color:var(--color-error)}:is([dir=rtl],:lang(ar)) :is(.hero__title,.hero__eyebrow,.section-head__title,.empty-state__title){letter-spacing:0}:is([dir=rtl],:lang(ar)) .hero__eyebrow{text-transform:none}[dir=rtl] .skeleton{animation-direction:reverse}@media (prefers-reduced-motion: no-preference){.stagger>*{animation:nk-fade-up .48s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 55ms)}.pulse-dot{animation:nk-pulse 1.8s ease-out infinite}.chip--live:not(:has(.pulse-dot)):before{--pulse-ring: color-mix(in srgb, var(--color-accent) 50%, transparent);animation:nk-pulse 1.8s ease-out infinite}.skeleton{animation:nk-shimmer 1.4s linear infinite}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-text);background-color:var(--color-background);background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-background) 52%,transparent) 0%,var(--color-background) 100%),var(--gradient-hero);background-repeat:no-repeat;background-size:100% 420px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:800;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-text);text-wrap:balance}h1{font-size:clamp(1.45rem,5vw,var(--text-2xl))}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}h4{font-size:var(--text-base)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:where(:hover){color:var(--color-link-hover)}img,video{max-width:100%;height:auto}code,kbd,samp,pre{font-family:var(--font-mono)}code{font-size:.875em;background:var(--color-surface-subtle);padding:.1rem .4rem;border-radius:var(--radius-xs);word-break:break-all}button,input,select,textarea{font:inherit;color:inherit}textarea{resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary)}::placeholder{color:var(--color-text-muted);opacity:.75}hr{border:0;border-top:1px solid var(--color-border);margin-block:var(--space-md)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-primary-soft);color:var(--color-primary-ink)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}@supports not (scrollbar-width: thin){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:2px solid transparent;border-radius:var(--radius-pill);background-clip:content-box}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-root{min-height:100dvh;display:flex;flex-direction:column}.app-body{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.app-main{flex:1 1 auto;width:100%;max-width:var(--page-max);min-width:0;margin-inline:auto;padding-inline:var(--page-gutter);padding-block:var(--space-md) calc(var(--bottom-bar-height) + var(--safe-bottom) + var(--space-xl))}.page{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-gutter);padding-block:var(--space-md) calc(var(--bottom-bar-height) + var(--safe-bottom) + var(--space-xl));display:grid;gap:var(--space-lg);align-content:start}.app-main .page{max-width:none;margin-inline:0;padding:0}.app-body:has(~.bottom-tab-bar) .app-main{padding-block-end:calc(12px + var(--bottom-bar-height) + var(--safe-bottom) + var(--space-xl))}@media (min-width: 768px){.app-main,.page{padding-block-start:var(--space-lg)}.app-main .page{padding-block-start:0}}.page-header h1{margin-block-end:var(--space-xs)}.page-hero{padding-block:var(--space-md) var(--space-sm)}.page-hero__title{font-size:clamp(1.6rem,6vw,2.25rem);margin-block-end:var(--space-xs)}.page-hero__desc{max-width:60ch;font-size:var(--text-md);color:var(--color-text-secondary)}.app-login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md) max(var(--space-lg),var(--safe-bottom));background-color:var(--color-background);background-image:var(--gradient-hero);background-repeat:no-repeat;background-size:100% 100%}.app-login .app-main{padding-block:0}.login-page{width:100%;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:420px;display:grid;gap:var(--space-md);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}@media (max-width: 480px){.login-card{padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}}.login-card__logo{text-align:center;padding-block-end:var(--space-md);border-block-end:1px dashed var(--color-border-strong)}.login-card__emoji{font-size:2.4rem;line-height:1;display:block;margin-block-end:var(--space-xs)}.login-card__title{font-size:var(--text-2xl);color:var(--color-primary)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.login-card__title{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.login-card__sub{color:var(--color-text-muted);font-size:var(--text-base)}.login-card__guest{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);padding-block-start:var(--space-md);border-block-start:1px solid var(--color-border)}.phone-row{display:flex;gap:var(--space-sm);align-items:flex-end}.field--narrow{flex:0 0 88px}.field--grow{flex:1;min-width:0}.field__password{position:relative;display:flex;align-items:center}.field__password .field__input{padding-inline-end:calc(var(--tap-target) + .25rem)}.field__toggle{position:absolute;inset-inline-end:.25rem;inset-block-start:50%;transform:translateY(-50%);display:grid;place-items:center;width:var(--tap-target);height:var(--tap-target);padding:0;font-size:1.05rem;line-height:1;color:var(--color-text-muted);background:none;border:0;border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;transition:color var(--transition-fast),background-color var(--transition-fast)}.field__toggle:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 6%,transparent)}:where(.card){display:grid;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}a:where(.card),button:where(.card){color:var(--color-text);text-decoration:none}.card--interactive,a.card,button.card{cursor:pointer}.card--interactive:hover,a.card:hover,button.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-1px)}.card--interactive:active,a.card:active,button.card:active{transform:scale(.995)}.card--highlight{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));background:var(--color-primary-softer)}.card--subtle{background:var(--color-surface-subtle);border-color:transparent;box-shadow:none}.card__header{display:flex;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-xs)}.card__header h2,.card__header h3{font-size:var(--text-md);font-weight:800}.card__icon{font-size:1.15rem;line-height:1}@media (max-width: 480px){:where(.card){padding:var(--space-md)}}.grid{display:grid;gap:var(--space-md)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}@media (max-width: 640px){.grid--2,.grid--3{grid-template-columns:1fr}}@media (min-width: 641px) and (max-width: 900px){.grid--3{grid-template-columns:repeat(2,1fr)}}.form-stack{display:grid;gap:var(--space-md)}.form-inline{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:flex-end}.field{display:grid;gap:var(--space-xs)}.field__label{font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary)}.field__required{color:var(--color-error);margin-inline-start:2px}.field__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.field__error{font-size:var(--text-sm);font-weight:600;color:var(--color-error)}.field__input{width:100%;min-height:48px;padding:.65rem .9rem;font-size:var(--text-md);line-height:1.4;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}textarea.field__input{min-height:6.5rem;padding-block:.75rem;line-height:var(--leading-snug);resize:vertical}.field__input:hover:not(:focus):not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border-strong))}.field__input:focus{outline:2px solid transparent;border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 22%,transparent)}.field__input:disabled,.field__input[readonly]{background:var(--color-surface-subtle);color:var(--color-text-secondary)}.field__input:disabled{opacity:.65;cursor:not-allowed}.field__input[aria-invalid=true],.field__input.is-invalid,.field--error .field__input{border-color:var(--color-error)}.field__input[aria-invalid=true]:focus,.field__input.is-invalid:focus,.field--error .field__input:focus{border-color:var(--color-error);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-error) 20%,transparent)}.field__input--grow{flex:1;min-width:0}.field__input--short{width:120px;flex-shrink:0}.field__input--xs{width:72px;flex-shrink:0}.field__input--price{width:100px;flex-shrink:0;font-variant-numeric:tabular-nums}.field__input--sm{min-height:var(--tap-target);padding:.4rem .7rem;font-size:var(--text-base)}.field__row{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}@media (max-width: 480px){.form-inline{flex-direction:column;align-items:stretch}.form-inline .field__input--short,.form-inline .field__input--xs,.form-inline .field__input--price,.form-inline .field__input--grow,.field__input--short{width:100%}}.btn{--btn-bg: var(--color-surface);--btn-fg: var(--color-text);--btn-border: var(--color-border-strong);--btn-shadow: var(--shadow-xs);--btn-fg-hover: var(--btn-fg);--btn-bg-hover: var(--color-surface-subtle);--btn-border-hover: color-mix(in srgb, var(--color-primary) 45%, var(--color-border-strong));--btn-shadow-hover: var(--shadow-sm);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--tap-target);padding:.5rem 1.1rem;font-family:inherit;font-size:var(--text-base);font-weight:700;line-height:1.2;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-md);box-shadow:var(--btn-shadow);text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;flex-shrink:0;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.btn:where(:not(:disabled,[aria-disabled=true])):hover{color:var(--btn-fg-hover);background:var(--btn-bg-hover);border-color:var(--btn-border-hover);box-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.btn:where(:not(:disabled,[aria-disabled=true])):active{transform:scale(.98);box-shadow:var(--btn-shadow)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn--primary{--btn-bg: var(--gradient-brand);--btn-fg: var(--color-on-primary);--btn-border: transparent;--btn-shadow: var(--shadow-sm), var(--shadow-inset);--btn-bg-hover: var(--gradient-brand);--btn-border-hover: transparent;--btn-shadow-hover: var(--shadow-glow), var(--shadow-inset)}.btn--secondary{--btn-bg: var(--gradient-secondary);--btn-fg: var(--color-on-secondary);--btn-border: transparent;--btn-shadow: var(--shadow-sm), var(--shadow-inset);--btn-bg-hover: var(--gradient-secondary);--btn-border-hover: transparent;--btn-shadow-hover: 0 10px 28px -8px color-mix(in srgb, var(--color-secondary) 55%, transparent), var(--shadow-inset)}.btn--outline{--btn-bg: transparent;--btn-fg: var(--color-link);--btn-border: var(--color-primary);--btn-shadow: none;--btn-bg-hover: var(--color-primary-softer);--btn-border-hover: var(--color-primary-hover);--btn-shadow-hover: none}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--color-text-secondary);--btn-fg-hover: var(--color-text);--btn-border: transparent;--btn-shadow: none;--btn-bg-hover: color-mix(in srgb, var(--color-text) 7%, transparent);--btn-border-hover: transparent;--btn-shadow-hover: none}.btn--danger{--btn-bg: var(--color-surface);--btn-fg: var(--color-error);--btn-border: color-mix(in srgb, var(--color-error) 35%, transparent);--btn-bg-hover: var(--color-error-bg);--btn-border-hover: var(--color-error)}.btn--selected{--btn-bg: var(--gradient-brand);--btn-fg: var(--color-on-primary);--btn-border: transparent;--btn-shadow: var(--shadow-sm), var(--shadow-inset);--btn-bg-hover: var(--gradient-brand);--btn-border-hover: transparent;--btn-shadow-hover: var(--shadow-glow), var(--shadow-inset)}.btn--confirm-armed{--btn-bg: var(--color-error-bg);--btn-fg: var(--color-error);--btn-border: var(--color-error);--btn-bg-hover: var(--color-error-bg);--btn-border-hover: var(--color-error)}.btn--sm{min-height:36px;padding:.3rem .8rem;gap:var(--space-xs);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--sm:after{content:"";position:absolute;inset-block:-4px;inset-inline:0}.btn--lg{min-height:52px;padding:.7rem 1.6rem;font-size:var(--text-md)}.btn--block,.btn--full{display:flex;width:100%}.btn--icon{width:var(--tap-target);height:var(--tap-target);min-height:0;padding:0;flex:0 0 auto}.btn--icon.btn--sm{width:36px;height:36px}.btn--icon.btn--sm:after{top:-4px;right:-4px;bottom:-4px;left:-4px}.workspace-card__header .btn--icon{margin-inline-start:auto}.btn.is-loading,.btn[aria-busy=true]{cursor:progress;pointer-events:none;opacity:.85}.btn.is-loading:before,.btn[aria-busy=true]:before{content:"";width:1em;height:1em;flex-shrink:0;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.btn:disabled,.btn[aria-disabled=true],.btn.is-disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn[aria-disabled=true],.btn.is-disabled{pointer-events:none}.spinner--sm{width:14px;height:14px;border-width:2px;flex-shrink:0}.link{color:var(--color-link);font-weight:700;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:3px}.link:hover{color:var(--color-link-hover);text-decoration-color:currentColor}.badge{display:inline-flex;align-items:center;gap:.3em;padding:.2rem .6rem;font-size:var(--text-xs);font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);background:var(--color-surface-subtle);border-radius:var(--radius-pill);white-space:nowrap}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--error{background:var(--color-error-bg);color:var(--color-error)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--muted{background:var(--color-surface-subtle);color:var(--color-text-muted)}:where(.chip){display:inline-flex;align-items:center;gap:var(--space-xs);min-height:28px;padding:.15rem .7rem;font-size:var(--text-sm);font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-pill);white-space:nowrap}a:where(.chip),button:where(.chip){color:var(--color-text-secondary);text-decoration:none}button.chip,a.chip{cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}button.chip:active,a.chip:active{transform:scale(.97)}.chip[aria-pressed=true],.chip.is-active{background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);color:var(--color-primary-ink)}.alert,.feedback{padding:.75rem 1rem;font-size:var(--text-base);font-weight:600;line-height:var(--leading-snug);color:var(--color-text-secondary);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.alert--success,.feedback--success{position:fixed;inset-block-start:max(var(--space-md),env(safe-area-inset-top));inset-inline:var(--space-md);z-index:1000;max-width:30rem;margin-inline:auto;text-align:center;background:color-mix(in srgb,var(--color-success) 18%,var(--color-surface));color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 55%,transparent);border-inline-start:5px solid var(--color-success);font-weight:800;box-shadow:0 10px 30px color-mix(in srgb,var(--color-success) 28%,transparent),var(--shadow-md, 0 6px 18px rgb(0 0 0 / .3));pointer-events:none;animation:toast-life 4.5s var(--ease-out, ease-out) forwards}.alert--success.feedback--persist,.feedback--success.feedback--persist{position:static;max-width:none;text-align:start;box-shadow:none;pointer-events:auto;animation:none}@keyframes toast-life{0%{opacity:0;transform:translateY(-14px) scale(.96)}7%{opacity:1;transform:none}90%{opacity:1;transform:none;visibility:visible}to{opacity:0;transform:translateY(-8px);visibility:hidden}}@media (prefers-reduced-motion: reduce){@keyframes toast-life{0%,90%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}}.alert--error,.feedback--error{background:var(--color-error-bg);color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 24%,transparent)}.alert--warning,.feedback--warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 24%,transparent)}.alert--info,.feedback--info{background:var(--color-info-bg);color:var(--color-info);border-color:color-mix(in srgb,var(--color-info) 24%,transparent)}.hint{color:var(--color-text-muted);font-size:var(--text-sm)}.steps{padding-inline-start:var(--space-lg);display:grid;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--text-base)}.steps li{line-height:var(--leading-snug)}.steps li::marker{color:var(--color-primary);font-weight:800}.tabs{display:flex;gap:var(--space-xs);border-block-end:1px solid var(--color-border);overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;flex-shrink:0;min-height:var(--tap-target);padding:.5rem 1rem;font-size:var(--text-base);font-weight:600;color:var(--color-text-muted);background:transparent;border:0;border-start-start-radius:var(--radius-sm);border-start-end-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:color var(--transition-fast),background-color var(--transition-fast)}.tab:after{content:"";position:absolute;inset-inline:.75rem;inset-block-end:0;height:3px;border-radius:var(--radius-pill) var(--radius-pill) 0 0;background:var(--gradient-brand);transform:scaleX(0);transition:transform var(--transition-base)}.tab:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 5%,transparent)}.tab--active,.tab[aria-selected=true],.tab.is-active{color:var(--color-primary-ink);font-weight:800}.tab--active:after,.tab[aria-selected=true]:after,.tab.is-active:after{transform:scaleX(1)}.actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.actions--sm{display:flex;gap:var(--space-xs);flex-wrap:wrap}@media (max-width: 480px){.actions .btn{flex:1 1 auto}}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-base);font-variant-numeric:tabular-nums}.data-table th,.data-table td{padding:.7rem .9rem;text-align:start;vertical-align:middle;white-space:nowrap;border:0;border-block-end:1px solid var(--color-border)}.data-table th{background:var(--color-surface-subtle);font-weight:700;font-size:var(--text-sm);color:var(--color-text-secondary)}.data-table tbody tr:last-child td{border-block-end:0}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-primary-softer)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.card .data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.price-set{color:var(--color-success);font-weight:700;font-variant-numeric:tabular-nums}.price-unset{color:var(--color-text-muted)}.session-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;padding-block:var(--space-sm)}.session-hero__main h2{margin-block-end:var(--space-xs)}.session-hero__meta{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-block-end:var(--space-xs)}@media (max-width: 480px){.session-hero{flex-direction:column}.session-hero .btn{width:100%}}.participant-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-sm)}.participant-list__item{display:flex;align-items:center;gap:var(--space-sm)}.participant-list__avatar{width:36px;height:36px;border-radius:var(--radius-pill);background:var(--gradient-brand);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);box-shadow:var(--shadow-sm);flex-shrink:0}.session-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-sm)}.session-list__item{border-radius:var(--radius-md);overflow:hidden}.session-list__link{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-xs);min-height:var(--tap-target);padding:var(--space-sm) var(--space-md);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.session-list__link:hover{background:var(--color-primary-softer);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.session-list__name{font-weight:600}.session-list__meta{display:flex;gap:var(--space-xs);flex-wrap:wrap}.workspace-card__header{display:flex;align-items:center;gap:var(--space-sm);margin-block-end:var(--space-xs)}.workspace-card__name{margin:0}.workspace-member__info{flex:1 1 auto;min-width:0}.workspace-card__sections{display:grid;gap:var(--space-md);border-block-start:1px solid var(--color-border);padding-block-start:var(--space-md)}.workspace-section__title{margin:0 0 var(--space-xs);font-size:var(--text-base);color:var(--color-text-secondary);font-weight:700}.workspace-card__footer{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-md)}@media (max-width: 600px){.workspace-card__footer .btn{width:100%}}.entry-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-xs)}.entry-list__item{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface-subtle);border-radius:var(--radius-md);font-size:var(--text-base);font-variant-numeric:tabular-nums}.entry-list__name{flex:1;font-weight:600;min-width:100px}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-block-start:var(--space-xs)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base);color:var(--color-text-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{width:1.15rem;height:1.15rem;margin:0;flex-shrink:0;cursor:pointer}@media (pointer: coarse){.checkbox-label{min-height:var(--tap-target)}}.add-item-form{padding-block-start:var(--space-md);border-block-start:1px dashed var(--color-border-strong);margin-block-start:var(--space-sm)}.add-item-form h3{margin:0 0 var(--space-sm);font-size:var(--text-base);color:var(--color-text-secondary)}.token-display{display:block;padding:var(--space-sm) var(--space-md);background:var(--color-surface-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);word-break:break-all;border:1px dashed var(--color-primary);color:var(--color-text)}.whatsapp-msg{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:var(--text-base);background:var(--color-success-bg);border:1px solid color-mix(in srgb,var(--color-success) 22%,transparent);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text);margin:0;overflow-x:auto}.invitation-list{display:flex;flex-direction:column;gap:var(--space-md)}.invitation-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.invitation-card__body{flex:1;min-width:0}.invitation-card__workspace{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.invitation-card__name{font-weight:700;font-size:var(--text-md)}.invitation-card__from,.invitation-card__date{margin:var(--space-xs) 0 0;font-size:var(--text-base);color:var(--color-text-muted)}.invitation-card__actions{display:flex;gap:var(--space-sm);flex-shrink:0}@media (max-width: 480px){.invitation-card{flex-direction:column;align-items:flex-start}.invitation-card__actions{width:100%}.invitation-card__actions .btn{flex:1}}.empty-state__icon{font-size:2.5rem;line-height:1}.empty-state--inline{color:var(--color-text-muted);font-size:var(--text-base);padding:var(--space-sm) 0}.loading-state{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--text-base);padding:var(--space-md) 0}.spinner{width:18px;height:18px;border:2px solid var(--color-border-strong);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:where(.overlay){position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:grid;place-items:center;padding:var(--space-md);background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:where(.modal){display:grid;gap:var(--space-md);width:min(100%,30rem);max-height:min(88dvh,40rem);overflow-y:auto;padding:var(--space-lg);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.modal__title{font-size:var(--text-xl)}.modal__body{color:var(--color-text-secondary)}.modal__actions{display:flex;gap:var(--space-sm);justify-content:flex-end;flex-wrap:wrap}@media (max-width: 480px){:where(.overlay){place-items:end center;padding:0}:where(.modal){width:100%;padding-block-end:calc(var(--space-lg) + var(--safe-bottom));border-end-start-radius:0;border-end-end-radius:0}}:where(.toast){position:fixed;inset-inline:var(--page-gutter);inset-block-end:calc(var(--bottom-bar-height) + var(--safe-bottom) + var(--space-lg));z-index:var(--z-toast);width:fit-content;max-width:min(100%,28rem);margin-inline:auto;padding:.75rem 1.1rem;font-size:var(--text-base);font-weight:600;color:var(--color-background);background:var(--color-text);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.toast--success{border-inline-start:4px solid var(--color-success)}.toast--error{border-inline-start:4px solid var(--color-error)}.live-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;padding-block-end:var(--space-sm)}.live-header h1{margin-block-end:var(--space-xs)}.live-badge{font-size:var(--text-xs);font-weight:700;background:var(--color-error-bg);color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 25%,transparent);padding:.15rem .6rem;border-radius:var(--radius-pill);vertical-align:middle;animation:pulse 2s infinite}.live-controls{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.live-grid{display:grid;gap:var(--space-md)}.event-log{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-xs);max-height:320px;overflow-y:auto}.event-log li{display:flex;flex-direction:column;gap:2px;padding:var(--space-xs) var(--space-sm);background:var(--color-surface-subtle);border-radius:var(--radius-sm);font-size:var(--text-sm)}.event-log__time{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.event-log__name{color:var(--color-text)}.event-log code{display:block;white-space:pre-wrap;word-break:break-word;color:var(--color-text-muted);font-size:var(--text-xs);background:transparent;padding:0}.feed-section{width:100%;background:transparent;padding:var(--space-lg) var(--page-gutter) 0}.feed-section__inner{max-width:var(--page-max);margin-inline:auto;display:grid;gap:var(--space-md)}.feed-section__header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.feed-section__title{font-size:var(--text-md);font-weight:800;flex:1;color:var(--color-text)}.feed-section__name{display:flex;align-items:center}.feed-section__name .field__input{width:160px}.feed-panel__refresh{background:none;border:0;cursor:pointer;font-size:1.1rem;color:var(--color-text-muted);min-width:var(--tap-target);min-height:var(--tap-target);padding:.2rem .4rem;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.feed-panel__refresh:hover{color:var(--color-primary);background:var(--color-primary-softer)}.feed-panel__refresh:disabled{opacity:.4;cursor:default}.feed-panel__error{font-size:var(--text-sm);color:var(--color-error)}.feed-panel__empty{font-size:var(--text-base);color:var(--color-text-muted);text-align:center;padding:var(--space-md) 0}.feed-cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.feed-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:var(--space-lg);row-gap:var(--space-xs);align-items:center;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.feed-card:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-1px)}.feed-card__top{grid-column:1;grid-row:1;display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.feed-card__name{grid-column:1;grid-row:2;font-size:var(--text-md);font-weight:800;color:var(--color-text)}.feed-card__meta{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-muted)}.feed-card__actions{grid-column:2;grid-row:1 / 4;display:flex;align-items:center;justify-content:flex-end}.feed-card__join-btn{white-space:nowrap;min-width:100px}.feed-card__workspace{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted)}.feed-card__deadline--urgent{color:var(--color-warning);font-weight:700}.feed-card__error{grid-column:1 / 3;font-size:var(--text-sm);color:var(--color-error)}@media (max-width: 600px){.feed-section{padding:var(--space-md) var(--page-gutter) 0}.feed-section__name .field__input{width:120px}.feed-card{grid-template-columns:1fr;grid-template-rows:auto;padding:var(--space-md)}.feed-card__top,.feed-card__name,.feed-card__meta{grid-column:1;grid-row:auto}.feed-card__actions{grid-column:1;grid-row:auto;justify-content:flex-start;margin-block-start:var(--space-xs)}.feed-card__error{grid-column:1}.feed-card__join-btn{width:100%}}.app-main .feed-section{padding-inline:0}[dir=rtl] body{line-height:1.7}[dir=rtl] *{letter-spacing:0}:root{--screen-shift: 16px}[dir=rtl]{--screen-shift: -16px}.screen-slide-enter-active,.screen-slide-leave-active{transition:transform var(--transition-base),opacity var(--transition-base)}.screen-slide-enter-from{transform:translate(var(--screen-shift));opacity:0}.screen-slide-enter-to,.screen-slide-leave-from{transform:translate(0);opacity:1}.screen-slide-leave-to{transform:translate(calc(var(--screen-shift) * -1));opacity:0}@media (prefers-reduced-motion: reduce){.screen-slide-enter-active,.screen-slide-leave-active{transition:none}}.item-card-list{list-style:none;margin:0;padding:0;display:none;gap:var(--space-sm)}@media (max-width: 767px){.item-card-list{display:grid}.card .items-table{display:none}}.item-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);display:grid;gap:var(--space-xs);box-shadow:var(--shadow-xs)}.item-card__row{display:flex;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-base);font-variant-numeric:tabular-nums}.item-card__row .field__label{font-size:var(--text-xs)}.item-card__actions{display:flex;gap:var(--space-sm);margin-block-start:var(--space-xs)}:where(.sr-only){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-page{display:grid;gap:var(--space-md);align-content:start}.admin-gap{margin-block-start:var(--space-xs)}.admin-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-block:var(--space-sm);border-block-end:1px solid var(--color-border)}.admin-bar__title{font-size:var(--text-lg);color:var(--color-link)}.admin-bar__actions{display:flex;gap:var(--space-xs)}.admin-filters{grid-template-columns:repeat(2,1fr) auto;align-items:end}.admin-filters__actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}@media (max-width: 640px){.admin-filters{grid-template-columns:1fr 1fr}.admin-filters__actions{grid-column:1 / -1}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md);transition:opacity var(--transition-base)}.stat-grid.is-loading{opacity:.55}.stat-card{display:grid;gap:2px;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-inline-start:4px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-card--primary{border-inline-start-color:var(--color-primary)}.stat-card--success{border-inline-start-color:var(--color-success)}.stat-card--error{border-inline-start-color:var(--color-error)}.stat-card__label{font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary)}.stat-card__value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;font-variant-numeric:tabular-nums;line-height:var(--leading-tight);color:var(--color-text);overflow-wrap:anywhere}.stat-card__note{font-size:var(--text-xs);color:var(--color-text-muted)}.bar-chart{display:grid;gap:var(--space-xs)}.bar-chart__svg{width:100%;height:180px;display:block}.bar-chart__bar{fill:var(--color-primary);transition:fill var(--transition-fast)}.bar-chart__bar:hover{fill:var(--color-primary-hover)}.bar-chart__bar--empty{fill:var(--color-border)}.bar-chart__axis{display:flex;justify-content:space-between;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.admin-bar__user{align-self:center;font-size:var(--text-base);color:var(--color-text-secondary)}.admin-nav{display:flex;gap:var(--space-xs);flex-wrap:wrap;padding-block-end:var(--space-sm);border-block-end:1px solid var(--color-border)}.admin-nav__link{display:inline-flex;align-items:center;min-height:var(--tap-target);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:700;color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.admin-nav__link:hover{background:var(--color-surface);color:var(--color-text)}.admin-nav__link.is-active{background:var(--gradient-brand);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.admin-toolbar{display:flex;gap:var(--space-xs);flex-wrap:wrap;align-items:end}.admin-toolbar .field{flex:1 1 200px}.admin-row-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;padding-block:var(--space-sm)}.pagination-bar__info{font-size:var(--text-base);font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.admin-ban-form{display:grid;gap:var(--space-xs);min-inline-size:220px}.admin-field-error{margin:0;font-size:var(--text-sm);color:var(--color-error)}.admin-cell-sub{font-size:var(--text-sm);color:var(--color-text-secondary)}.admin-members-row>td{background:var(--color-surface-subtle)}.admin-member-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-xs)}.admin-member-list__item{display:flex;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.admin-hero .page-hero__title{margin-block-end:0}.admin-form__title{margin:0;font-size:var(--text-lg)}.admin-perm-section{display:grid;gap:var(--space-xs)}.admin-perm-section__title{margin:0;font-size:var(--text-md)}.admin-perm-group{display:grid;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.admin-perm-group__head{font-weight:700}.admin-perm-group__name{color:var(--color-text)}.admin-perm-group__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:var(--space-xs) var(--space-sm);padding-inline-start:var(--space-md)}