:root{--color-ground:#f4f6fb;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#eef1f7;--color-surface-hover:#eef1f7;--color-bg:var(--color-ground);--color-surface-elevated:var(--color-surface-raised);--color-hairline:#e8ebf2;--color-border:#dee2ec;--color-border-strong:#c7cdda;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-subtle:#e8f0fe;--color-primary-text:#1d4ed8;--color-on-primary:#fff;--color-secondary:#059669;--color-secondary-subtle:#e6f6ef;--color-secondary-text:#04794f;--color-warning:#d97706;--color-warning-subtle:#fdf1e0;--color-warning-text:#9a5b05;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-subtle:#fceaea;--color-danger-text:#b91c1c;--color-info-subtle:#eceef4;--color-info-text:#4b5568;--color-text:#131722;--color-text-secondary:#454c5c;--color-text-muted:#697086;--color-focus-ring:#1e40af;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-inline:var(--space-4);--space-block:var(--space-6);--space-section:var(--space-10);--mobile-topbar-h:3.25rem;--mobile-nav-h:3.5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-full:999px;--radius-control:var(--radius-sm);--radius-card:var(--radius-md);--shadow-raised:0 6px 20px #1317221a, 0 1px 3px #1317220f;--shadow-sm:0 1px 2px #1317220a;--shadow-md:0 1px 3px #1317220d, 0 1px 2px #13172208;--shadow-lg:0 16px 40px #13172229;--transition-fast:.15s ease;--transition-base:.2s ease;--z-raised:20;--z-overlay:200;--z-dialog:1000;--z-toast:2000;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-urdu:"Noto Nastaliq Urdu", var(--font-sans);--text-display:1.75rem;--text-page-title:1.375rem;--text-section:1rem;--text-body:.9375rem;--text-label:.8125rem;--text-meta:.78125rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-body:1.55;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-ground:#0d0f14;--color-surface:#161922;--color-surface-raised:#1e222d;--color-surface-sunken:#12151d;--color-surface-hover:#232834;--color-hairline:#262b37;--color-border:#2b303c;--color-border-strong:#3b4252;--color-primary:#6d97f2;--color-primary-hover:#8bacf5;--color-primary-subtle:#1b2742;--color-primary-text:#a7c1f8;--color-on-primary:#0b1220;--color-secondary:#3ddb9a;--color-secondary-subtle:#113328;--color-secondary-text:#6ee6b3;--color-warning:#f5a524;--color-warning-subtle:#3a2a0e;--color-warning-text:#f7c065;--color-danger:#f2685f;--color-danger-hover:#f68981;--color-danger-subtle:#3a1a18;--color-danger-text:#f7a29c;--color-info-subtle:#232838;--color-info-text:#b7bccb;--color-text:#f2f3f7;--color-text-secondary:#c4c9d6;--color-text-muted:#8b91a3;--color-focus-ring:#93b4f8;--shadow-raised:0 8px 28px #00000080, 0 1px 3px #0006;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 1px 3px #0006;--shadow-lg:0 20px 48px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-ground:#0d0f14;--color-surface:#161922;--color-surface-raised:#1e222d;--color-surface-sunken:#12151d;--color-surface-hover:#232834;--color-hairline:#262b37;--color-border:#2b303c;--color-border-strong:#3b4252;--color-primary:#6d97f2;--color-primary-hover:#8bacf5;--color-primary-subtle:#1b2742;--color-primary-text:#a7c1f8;--color-on-primary:#0b1220;--color-secondary:#3ddb9a;--color-secondary-subtle:#113328;--color-secondary-text:#6ee6b3;--color-warning:#f5a524;--color-warning-subtle:#3a2a0e;--color-warning-text:#f7c065;--color-danger:#f2685f;--color-danger-hover:#f68981;--color-danger-subtle:#3a1a18;--color-danger-text:#f7a29c;--color-info-subtle:#232838;--color-info-text:#b7bccb;--color-text:#f2f3f7;--color-text-secondary:#c4c9d6;--color-text-muted:#8b91a3;--color-focus-ring:#93b4f8;--shadow-raised:0 8px 28px #00000080, 0 1px 3px #0006;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 1px 3px #0006;--shadow-lg:0 20px 48px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--color-ground);color:var(--color-text);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}:lang(ur){font-family:var(--font-urdu)}html:lang(ur){font-size:104%;line-height:1.85}.i18n-mirror{display:inline-flex}:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .i18n-mirror,[dir=rtl] .i18n-mirror){transform:scaleX(-1)}h1,h2,h3{line-height:var(--leading-tight);font-weight:var(--weight-bold);letter-spacing:-.015em;text-wrap:balance;margin:0 0 .5em}h1,h2{font-size:var(--text-page-title)}h3{font-size:var(--text-section);letter-spacing:-.01em}p{color:var(--color-text-secondary);margin:0 0 1em}.text-display{font-size:var(--text-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em;text-wrap:balance}.text-page-title{font-size:var(--text-page-title);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.015em;text-wrap:balance}.text-section{font-size:var(--text-section);font-weight:var(--weight-bold);letter-spacing:-.01em;line-height:1.3}.text-body{font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-body)}.text-body-strong{font-size:var(--text-body);font-weight:var(--weight-semibold);line-height:var(--leading-body)}.text-label{font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:1.3}.text-meta{font-size:var(--text-meta);font-weight:var(--weight-medium);color:var(--color-text-muted);line-height:1.4}.tabular-nums{font-variant-numeric:tabular-nums}.surface-raised{background:var(--color-surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-raised)}button,input,select{color:inherit;font-family:inherit;font-size:1rem}a{color:var(--color-primary-text)}svg{flex-shrink:0}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{inset-inline-start:var(--space-2);top:var(--space-2);z-index:100;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary-text);border:1px solid var(--color-border);padding:.5em 1em;font-weight:600;transition:transform .15s;position:absolute;transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}.button{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;min-height:2.75rem;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5em;padding-inline:1.15em;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}.button svg{width:18px;height:18px}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-primary{background:var(--color-primary);color:var(--color-on-primary)}.button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.button-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.button-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.button-danger{background:var(--color-surface);color:var(--color-danger-text);border-color:var(--color-danger)}.button-danger:hover:not(:disabled){background:var(--color-danger-subtle)}.button-link{color:var(--color-primary-text);background:0 0;border:none;align-items:center;gap:.35em;min-height:auto;padding-block:.4em;padding-inline:0;font-weight:600;display:inline-flex}.button-link:hover{text-decoration:underline}.button-full{width:100%}.icon-button{border-radius:var(--radius-full);width:2.75rem;height:2.75rem;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.icon-button svg{width:20px;height:20px}.icon-button[aria-pressed=true]{color:var(--color-primary)}.badge{font-size:var(--text-meta);font-weight:var(--weight-semibold);letter-spacing:.01em;border-radius:var(--radius-full);background:var(--color-info-subtle);color:var(--color-info-text);white-space:nowrap;align-items:center;gap:.3em;padding:.25em .65em;display:inline-flex}.badge svg{width:12px;height:12px}.badge-verified,.badge-status-verified,.badge-status-active{background:var(--color-secondary-subtle);color:var(--color-secondary-text)}.badge-status-pending,.badge-status-expired{background:var(--color-warning-subtle);color:var(--color-warning-text)}.badge-status-rejected{background:var(--color-danger-subtle);color:var(--color-danger-text)}.badge-assignee,.badge-reversed{background:var(--color-info-subtle);color:var(--color-info-text)}.badge-priority-high{background:var(--color-danger-subtle);color:var(--color-danger-text)}.badge-priority-medium{background:var(--color-warning-subtle);color:var(--color-warning-text)}.badge-priority-low{background:var(--color-info-subtle);color:var(--color-info-text)}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--color-text);font-size:.875rem;font-weight:600;display:block}.form-input,.form-select,.contribution-form input,.create-task-form input,.task-edit-form input,.task-assign-form select,.create-task-form select,.create-family-form input{box-sizing:border-box;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-height:2.75rem;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding-inline:.85rem;font-size:1rem;display:block}.form-input:focus-visible,.form-select:focus-visible,.contribution-form input:focus-visible,.create-task-form input:focus-visible,.create-task-form select:focus-visible,.task-edit-form input:focus-visible,.task-assign-form select:focus-visible,.create-family-form input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}.password-field{display:flex;position:relative}.password-field .form-input{padding-inline-end:3rem}.password-toggle{top:50%;position:absolute;inset-inline-end:.25rem;transform:translateY(-50%)}.form-error{color:var(--color-danger-text);align-items:flex-start;gap:.4em;margin:.25rem 0;font-size:.875rem;display:flex}.form-success{color:var(--color-secondary-text);margin:.25rem 0;font-size:.875rem}.form-error svg{flex-shrink:0;width:16px;height:16px;margin-top:.15em}.form-actions{flex-wrap:wrap;gap:.6rem;margin-top:.75rem;display:flex}.field-required:after{content:" *";color:var(--color-danger)}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);flex-direction:column;gap:.5rem;margin:0;display:flex}fieldset legend{color:var(--color-text-secondary);padding-inline:.4rem;font-weight:600}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0}.voting-section-divider{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-4)}.voting-panel{flex-direction:column;gap:.65rem;display:flex}.voting-choice-option{cursor:pointer;align-items:center;gap:.5rem;min-height:44px;font-size:.9375rem;display:flex}.voting-choice-option input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);flex-direction:column;gap:.85rem;display:flex}.form-card label{color:var(--color-text);margin-top:.35rem;font-size:.875rem;font-weight:600}.surface-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.loading-text{color:var(--color-text-muted);text-align:center;padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;gap:.6em;display:flex}.loading-text:before{content:"";border:2px solid var(--color-border-strong);border-top-color:var(--color-primary);border-radius:50%;width:1.1em;height:1.1em;animation:.7s linear infinite spin}@media (prefers-reduced-motion:reduce){.loading-text:before{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:var(--color-text-muted);text-align:center;padding:var(--space-10) var(--space-4)}.empty-state h2,.empty-state h3{color:var(--color-text)}.empty-state-icon{border-radius:var(--radius-full);background:var(--color-primary-subtle);width:3.25rem;height:3.25rem;color:var(--color-primary);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:inline-flex}.empty-state-icon svg{width:26px;height:26px}.error-banner{background:var(--color-danger-subtle);color:var(--color-danger-text);border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent);border-radius:var(--radius-md);margin-bottom:var(--space-4);align-items:flex-start;gap:.6em;padding:.85rem 1rem;font-size:.9375rem;display:flex}.error-banner svg{flex-shrink:0;width:18px;height:18px;margin-top:.15em}.auth-loading{background:var(--color-bg);justify-content:center;align-items:center;min-height:100dvh;display:flex}.login-screen{min-height:100dvh;padding:var(--space-6) var(--space-4);background:radial-gradient(circle at 15% 10%, var(--color-primary-subtle), transparent 55%), var(--color-bg);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-10) var(--space-8);text-align:center;width:100%;max-width:26rem}.auth-logo{border-radius:var(--radius-md);background:var(--color-primary);width:3rem;height:3rem;color:var(--color-on-primary);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.auth-logo svg{width:26px;height:26px}.brand{letter-spacing:-.02em;font-size:1.625rem;font-weight:800}.tagline{color:var(--color-text-muted);margin-bottom:var(--space-6)}.login-form{gap:var(--space-4);text-align:start;flex-direction:column;display:flex}.login-submit{width:100%;margin-top:.25rem;font-size:1rem}.login-switch{margin:var(--space-6) 0 0;text-align:center;color:var(--color-text-muted);font-size:.9rem}.app-shell{background:var(--color-ground);min-height:100dvh}.app-shell[data-shell=plain]{flex-direction:column;display:flex}.app-shell[data-shell=plain] .app-workspace-main{padding:var(--space-10) var(--space-5) var(--space-12)}.app-shell[data-shell=plain] .app-workspace-content{max-width:34rem;margin-inline:auto}.app-shell[data-shell=app]{grid-template-columns:var(--sidebar-w,15rem) minmax(0, 1fr);display:grid}.app-shell[data-shell=app][data-sidebar=collapsed]{--sidebar-w:4rem}.app-sidebar{align-self:start;gap:var(--space-3);height:100dvh;padding:var(--space-4) var(--space-3);background:var(--color-surface);border-inline-end:1px solid var(--color-hairline);flex-direction:column;display:flex;position:sticky;top:0;overflow:visible}.sidebar-head{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:2.25rem;display:flex}.sidebar-brand{min-width:0;color:var(--color-text);font-weight:var(--weight-bold);letter-spacing:-.015em;align-items:center;gap:.55rem;font-size:.95rem;display:inline-flex}.sidebar-brand-mark{border-radius:var(--radius-sm);background:var(--color-text);width:1.75rem;height:1.75rem;color:var(--color-ground);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-brand-mark svg{width:16px;height:16px}.sidebar-collapse{flex-shrink:0;width:2rem;height:2rem}.sidebar-collapse svg{width:18px;height:18px}.sidebar-workspace{padding-block:var(--space-1)}.sidebar-workspace-switch,.sidebar-workspace-label{width:100%;min-height:2rem;color:var(--color-text-muted);font-size:var(--text-meta);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;text-align:start;background:0 0;border:0;align-items:center;gap:.5rem;padding-inline:.6rem;display:flex}.sidebar-workspace-switch{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.sidebar-workspace-switch:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.sidebar-workspace-switch svg,.sidebar-workspace-label svg{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}.sidebar-workspace-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sidebar-workspace-caret{width:13px;height:13px;color:var(--color-text-muted);flex-shrink:0}.sidebar-nav{display:block}.sidebar-nav ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar-nav-item{border-radius:var(--radius-sm);width:100%;min-height:2.5rem;color:var(--color-text-secondary);font-size:var(--text-label);font-weight:var(--weight-semibold);text-align:start;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;align-items:center;gap:.7rem;padding-inline:.6rem;display:flex;position:relative}.sidebar-nav-item svg{flex-shrink:0;width:20px;height:20px}.sidebar-nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-nav-item[aria-current=page]{background:var(--color-primary-subtle);color:var(--color-primary-text);font-weight:var(--weight-bold)}.sidebar-nav-item[aria-current=page]:before{content:"";inset-inline-start:0;border-radius:var(--radius-full);background:var(--color-primary);width:3px;position:absolute;top:22%;bottom:22%}.sidebar-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sidebar-nav-badge{background:var(--color-accent);min-width:1.1rem;height:1.1rem;color:var(--color-on-accent);font-size:.68rem;font-weight:var(--weight-bold);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 .25rem;line-height:1;display:inline-flex}.app-shell[data-sidebar=collapsed] .sidebar-nav-badge{position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem}.sidebar-nav[aria-label=Sections]{flex:auto;min-height:0;overflow:hidden auto}.sidebar-foot{gap:var(--space-2);flex-direction:column;display:flex}.sidebar-divider{background:var(--color-hairline);height:1px;margin-block:var(--space-1)}.account-control{position:relative}.account-trigger{border-radius:var(--radius-sm);width:100%;min-height:2.75rem;color:var(--color-text);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:.55rem;padding-inline:.4rem;display:flex}.account-trigger:hover{background:var(--color-surface-hover)}.account-avatar{border-radius:var(--radius-full);background:var(--color-surface-sunken);width:1.85rem;height:1.85rem;color:var(--color-text-secondary);font-size:.72rem;font-weight:var(--weight-bold);letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.account-identity{flex-direction:column;min-width:0;line-height:1.25;display:flex}.account-name{font-size:var(--text-label);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-email{font-size:var(--text-meta);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu{inset-inline:0;bottom:calc(100% + var(--space-1));z-index:30;padding:var(--space-1);border:1px solid var(--color-border);min-width:12rem;position:absolute}.account-menu-identity{border-bottom:1px solid var(--color-hairline);flex-direction:column;gap:1px;margin:0;padding:.4rem .55rem .5rem;display:flex}.account-menu-item{border-radius:var(--radius-sm);width:100%;min-height:2.5rem;color:var(--color-text);font:inherit;font-size:var(--text-label);font-weight:var(--weight-semibold);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:.55rem;padding-inline:.55rem;display:flex}.account-menu-item svg{width:18px;height:18px}.account-menu-item:hover{background:var(--color-surface-hover)}.account-menu-signout{color:var(--color-danger-text)}.app-shell[data-sidebar=collapsed] .app-sidebar :where(.sidebar-brand-text,.sidebar-workspace-name,.sidebar-workspace-caret,.sidebar-nav-label,.account-identity){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell[data-sidebar=collapsed] .app-sidebar :where(.sidebar-brand,.sidebar-workspace-switch,.sidebar-workspace-label,.sidebar-nav-item,.account-trigger){justify-content:center;gap:0;padding-inline:0}.app-shell[data-sidebar=collapsed] .sidebar-head{justify-content:flex-start;align-items:center;gap:var(--space-2);flex-direction:column;min-height:0}.app-shell[data-sidebar=collapsed] .sidebar-brand-mark{width:2rem;height:2rem}.app-shell[data-sidebar=collapsed] .account-menu{min-width:13rem;inset-inline:0 auto}.app-workspace{flex-direction:column;min-width:0;display:flex}.app-workspace-plain{min-height:100dvh}.workspace-bar{z-index:15;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:3.25rem;padding-inline:clamp(var(--space-4), 3.5vw, var(--space-8));background:var(--color-surface);border-bottom:1px solid var(--color-hairline);display:flex;position:sticky;top:0}.workspace-bar-title{font-size:var(--text-section);font-weight:var(--weight-bold);letter-spacing:-.01em}.workspace-bar-controls{align-items:center;gap:var(--space-3);display:flex}.notif-bell{display:inline-flex;position:relative}.notif-bell-badge{background:var(--color-accent);min-width:1.05rem;height:1.05rem;color:var(--color-on-accent);font-size:.65rem;font-weight:var(--weight-bold);border-radius:999px;justify-content:center;align-items:center;padding:0 .2rem;line-height:1;display:flex;position:absolute;inset-block-start:-2px;inset-inline-end:-2px}.notif-panel{width:min(22rem, calc(100vw - var(--space-6)));background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-lg,.75rem);max-height:min(30rem,100vh - 6rem);box-shadow:var(--shadow-overlay,0 12px 32px #0000002e);z-index:var(--z-overlay);flex-direction:column;display:flex;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0;overflow:hidden}.notif-panel-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-hairline);display:flex}.notif-panel-header h3{font-size:var(--text-body);font-weight:var(--weight-bold);margin:0}.notif-panel-list{padding:var(--space-2);overflow-y:auto}.notif-item{text-align:start;width:100%;padding:var(--space-3);border-radius:var(--radius-md,.5rem);cursor:pointer;background:0 0;border:none;gap:.15rem;display:grid}.notif-item:hover{background:var(--color-surface-hover,var(--color-hairline))}.notif-item-unread{background:var(--color-primary-subtle)}.notif-item-title{color:var(--color-text);font-weight:600}.notif-item-unread .notif-item-title:before{content:"";background:var(--color-accent);vertical-align:middle;border-radius:999px;width:.45rem;height:.45rem;margin-inline-end:.4rem;display:inline-block}.notif-item-body{color:var(--color-text-muted);font-size:.85rem}.notif-item-time{color:var(--color-text-muted);font-size:.72rem}.app-workspace-main{min-width:0;padding:var(--space-8) clamp(var(--space-4), 3.5vw, var(--space-10)) var(--space-12);flex:auto}.app-workspace-content{max-width:68rem}.app-workspace-main[data-width=wide] .app-workspace-content{max-width:none}.theme-control{border-radius:var(--radius-sm);background:var(--color-surface-sunken);border:1px solid var(--color-hairline);align-items:center;gap:2px;padding:2px;display:inline-flex}.theme-control-option{border-radius:calc(var(--radius-sm) - 2px);width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.theme-control-option svg{width:17px;height:17px}.theme-control-option:hover{color:var(--color-text)}.theme-control-option[aria-checked=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.settings-screen{gap:var(--space-section);flex-direction:column;display:flex}.settings-block{gap:var(--space-3);flex-direction:column;display:flex}.settings-fields{gap:var(--space-3) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));margin:0;display:grid}.settings-fields dt{font-size:var(--text-meta);color:var(--color-text-muted);margin-bottom:2px}.settings-fields dd{font-weight:var(--weight-semibold);margin:0}.settings-note{font-size:var(--text-meta);color:var(--color-text-muted);margin:0}.app-shell[data-shell=app][data-layout=mobile]{display:block}.mobile-topbar{z-index:20;align-items:center;gap:var(--space-3);min-height:var(--mobile-topbar-h);padding:env(safe-area-inset-top) max(var(--space-4), env(safe-area-inset-right)) 0 max(var(--space-4), env(safe-area-inset-left));background:var(--color-surface);border-bottom:1px solid var(--color-hairline);display:flex;position:sticky;top:0}.mobile-topbar-identity{min-width:0;padding-block:var(--space-2);color:inherit;text-align:start;background:0 0;border:0;flex-direction:column;flex:auto;justify-content:center;gap:1px;display:flex}button.mobile-topbar-identity{cursor:pointer;border-radius:var(--radius-sm)}.mobile-topbar-workspace{min-width:0;font-size:var(--text-meta);font-weight:var(--weight-bold);letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:.3rem;display:flex}.mobile-topbar-workspace svg{flex-shrink:0;width:13px;height:13px}.mobile-topbar-workspace-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-topbar-caret{flex-shrink:0}.mobile-topbar-section{font-size:var(--text-section);font-weight:var(--weight-bold);letter-spacing:-.01em;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-topbar-controls{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.mobile-account{flex-shrink:0;position:relative}.mobile-account-trigger{border-radius:var(--radius-full);background:var(--color-surface-sunken);width:2.25rem;height:2.25rem;color:var(--color-text-secondary);font-size:.72rem;font-weight:var(--weight-bold);letter-spacing:.02em;cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.mobile-account-menu{top:calc(100% + var(--space-1));z-index:40;min-width:13rem;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);position:absolute;inset-inline-end:0}.mobile-nav{inset-inline:0;z-index:20;background:var(--color-surface);border-top:1px solid var(--color-hairline);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0}.mobile-nav-item{min-height:var(--mobile-nav-h);padding:var(--space-2) 2px;color:var(--color-text-muted);font-size:.6875rem;font-weight:var(--weight-semibold);letter-spacing:-.01em;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.mobile-nav-item svg{flex-shrink:0;width:22px;height:22px}.mobile-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-nav-item:hover{color:var(--color-text-secondary)}.mobile-nav-item[aria-current=page]{color:var(--color-primary-text)}.mobile-nav-item[aria-current=page]:before{content:"";top:0;border-radius:var(--radius-full);background:var(--color-primary);height:2px;position:absolute;inset-inline:24%}.app-shell[data-layout=mobile] .app-workspace-main{padding:var(--space-6) var(--space-4) calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + var(--space-8))}.app-shell[data-layout=mobile] .app-workspace-content{max-width:none}.app-shell[data-layout=mobile][data-section=communication] .app-workspace-main{height:calc(100dvh - var(--mobile-topbar-h) - env(safe-area-inset-top) - var(--mobile-nav-h) - env(safe-area-inset-bottom));flex:none;min-height:0;padding:0}.app-shell[data-layout=mobile][data-section=communication] .app-workspace-content{flex-direction:column;height:100%;min-height:0;display:flex;overflow-y:auto}.app-shell[data-layout=mobile][data-section=communication] .comm-workspace{border:0;border-radius:0;flex:auto;height:auto;min-height:0}.app-shell[data-layout=mobile][data-section=communication] .comm-panes{flex:auto;min-height:0}.app-shell[data-layout=mobile] .comm-message-content{max-width:82%}.app-shell[data-layout=mobile] .comm-timeline{padding:var(--space-3)}.more-sheet-overlay{z-index:60;background:#0a0e1980;align-items:flex-end;display:flex;position:fixed;inset:0}.more-sheet{width:100%;max-height:85dvh;padding:var(--space-2) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-surface-raised);box-shadow:var(--shadow-raised);animation:more-sheet-in var(--transition-base);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);overflow-y:auto}@keyframes more-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.more-sheet{animation:none}}.more-sheet-head{padding:var(--space-2) var(--space-1) var(--space-2) var(--space-2);justify-content:space-between;align-items:center;display:flex}.more-sheet-title{font-size:var(--text-section);font-weight:var(--weight-bold);margin:0}.more-sheet-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.more-sheet-item{align-items:center;gap:var(--space-3);width:100%;min-height:3.25rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.more-sheet-item:hover{background:var(--color-surface-hover)}.more-sheet-item[aria-current=page]{background:var(--color-primary-subtle);color:var(--color-primary-text)}.more-sheet-item-icon{flex-shrink:0;display:inline-flex}.more-sheet-item-icon svg{width:22px;height:22px}.more-sheet-item-text{flex-direction:column;gap:1px;min-width:0;display:flex}.more-sheet-item-label{font-size:var(--text-body);font-weight:var(--weight-semibold)}.more-sheet-item-desc{font-size:var(--text-meta);color:var(--color-text-muted)}.more-sheet-item[aria-current=page] .more-sheet-item-desc{color:var(--color-primary-text)}.section-tabs{align-items:stretch;gap:var(--space-1);margin-bottom:var(--space-block);border-bottom:1px solid var(--color-hairline);scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-top:2px;display:flex;overflow-x:auto}.section-tab{color:var(--color-text-muted);font-size:var(--text-label);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.55rem .7rem;display:inline-flex}.section-tab svg{flex-shrink:0;width:16px;height:16px}.section-tab:hover{color:var(--color-text)}.section-tab[aria-current=page]{color:var(--color-text);border-bottom-color:var(--color-primary)}.family-selector,.invite-accept-screen{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;margin-bottom:var(--space-4)}.family-list{margin:var(--space-4) 0 0;flex-direction:column;gap:.6rem;padding:0;list-style:none;display:flex}.family-option{background:var(--color-surface);justify-content:flex-start;gap:.7em;width:100%}.family-option svg{color:var(--color-primary)}.family-invitations-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.family-invitations-panel h3{margin-bottom:var(--space-3)}.invitation-share-box{background:var(--color-primary-subtle);border:1px solid color-mix(in srgb, var(--color-primary) 25%, transparent);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4)}.invitation-share-box p{color:var(--color-text-secondary);margin:0 0 .6rem;font-size:.875rem}.invitation-link-row{gap:.5rem;display:flex}.invitation-link-row input{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:2.75rem;color:var(--color-text);flex:1;padding-inline:.75rem;font-size:.85rem}.invitation-list{margin:var(--space-4) 0 0;flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.invitation-item{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-wrap:wrap;padding:.7rem .9rem;font-size:.85rem;display:flex}.tasks-screen-header,.finance-screen-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.task-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.task-item{border-block-end:1px solid var(--color-hairline);list-style:none}.task-item:last-child{border-block-end:none}.task-item-button{text-align:start;border-radius:var(--radius-sm);width:100%;padding:var(--space-3) var(--space-2);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;flex-direction:column;gap:.4rem;display:flex}.task-item-button:hover{background:var(--color-surface-hover)}.task-item-button:focus-visible{z-index:1;position:relative}.task-item-main{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.task-title{color:var(--color-text);font-size:1rem;font-weight:700}.task-badges{flex-wrap:wrap;gap:.4rem;display:flex}.task-item-meta{gap:var(--space-4);color:var(--color-text-muted);flex-wrap:wrap;font-size:.825rem;display:flex}.load-more{margin-top:var(--space-4);width:100%}.task-detail-fields{gap:.55rem var(--space-4);margin:var(--space-4) 0;padding:var(--space-4);background:var(--color-surface-hover);border-radius:var(--radius-md);grid-template-columns:auto 1fr;display:grid}.task-detail-fields dt{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.task-detail-fields dd{margin:0;font-size:.9rem}.task-detail-actions{margin-top:var(--space-4);flex-wrap:wrap;gap:.5rem;display:flex}.task-detail-actions .button-danger{margin-inline-start:auto}.contribution-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.contribution-item{border:none;border-block-end:1px solid var(--color-hairline);padding:var(--space-3) 0;background:0 0;border-radius:0;flex-direction:column;gap:.5rem;display:flex}.contribution-item:last-child{border-block-end:none}.contribution-item-main{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.contribution-amount{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:1.0625rem;font-weight:700}.contribution-item-meta{gap:var(--space-4);color:var(--color-text-muted);flex-wrap:wrap;font-size:.825rem;display:flex}.contribution-item-actions{gap:.5rem;margin-top:.2rem;display:flex}.budget-progress-track{border-radius:var(--radius-full);background:var(--color-surface-hover);width:100%;height:.5rem;overflow:hidden}.budget-progress-fill{border-radius:var(--radius-full);background:var(--color-secondary);height:100%;transition:width var(--transition-base)}.budget-progress-fill-over{background:var(--color-danger)}.forecast-panel,.proof-panel{gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.proof-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.proof-item{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-sunken);border-radius:var(--radius-sm,6px);display:flex}.proof-thumb{object-fit:cover;border-radius:var(--radius-sm,6px);flex-shrink:0;width:2.5rem;height:2.5rem}.proof-item-icon{width:2.5rem;height:2.5rem;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.proof-item-icon svg{width:1.5rem;height:1.5rem}.proof-item-meta{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.proof-item-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.proof-item-sub{color:var(--color-text-muted);font-size:.8rem}.proof-item-remove:hover{color:var(--color-danger)}.proof-add{margin-top:var(--space-1,.25rem)}.finance-helper-text{color:var(--color-text-muted);margin-top:-.25rem;margin-bottom:var(--space-3);max-width:40rem;font-size:.875rem}.budget-archive-toggle{margin-bottom:var(--space-4)}.report-period-form{max-width:26rem}.dashboard-section{gap:var(--space-3);margin-bottom:var(--space-section);flex-direction:column;display:flex}.dashboard-section:last-child{margin-bottom:0}.report-summary-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.report-summary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);flex-direction:column;gap:.35rem;display:flex}.report-summary-card-icon{color:var(--color-text-muted);font-size:1.25rem;line-height:1}.report-summary-card-label{color:var(--color-text-muted);font-size:.825rem;font-weight:600}.report-summary-card-value{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:1.375rem;font-weight:700}.report-summary-card-negative .report-summary-card-value{color:var(--color-danger-text)}.report-summary-card-meta{color:var(--color-text-muted);font-size:.8rem}.finance-trend{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.finance-trend-months{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.875rem;display:inline-flex}.finance-trend-months .form-input{width:auto}.finance-trend-table-wrap{overflow-x:auto}.finance-trend-table{border-collapse:collapse;width:100%;font-size:.9rem}.finance-trend-table th,.finance-trend-table td{padding:var(--space-3);text-align:start;border-bottom:1px solid var(--color-border);vertical-align:top}.finance-trend-table thead th{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.finance-trend-table td{font-variant-numeric:tabular-nums;white-space:nowrap}.finance-trend-table tbody th{color:var(--color-text);font-weight:600}.finance-trend-counts{color:var(--color-text-muted);margin-top:.15rem;font-size:.75rem;font-weight:400;display:block}.finance-trend-negative{color:var(--color-danger-text)}.audit-log-filter{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:.875rem;display:inline-flex}.audit-log-filter .form-input{width:auto}.audit-log-list{margin:0 0 var(--space-4);padding:0;list-style:none}.audit-log-item{align-items:baseline;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.audit-log-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-surface-sunken,var(--color-border));border-radius:var(--radius-sm,4px);flex:none;padding:.1rem .4rem;font-size:.7rem;font-weight:600}.audit-log-summary{color:var(--color-text);font-weight:500}.audit-log-meta{color:var(--color-text-muted);flex-basis:100%;font-size:.8rem}.scheduled-report-definition{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.875rem}.scheduled-report-history{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.scheduled-report-fail-reason{color:var(--color-text-muted);margin-top:.15rem;font-size:.75rem;display:block}.scheduled-report-checkbox{align-items:center;gap:var(--space-2);font-size:.9rem;display:flex}.reversal-form-heading{color:var(--color-text);align-items:center;gap:.5em;margin:0;font-size:1rem;font-weight:700;display:flex}.reversal-original-summary{padding:var(--space-3);background:var(--color-surface-hover);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;display:flex}.reversal-indicator{align-items:center}.discussion-messages{margin:var(--space-3) 0;gap:var(--space-3);flex-direction:column;max-height:55vh;padding:0;list-style:none;display:flex;overflow-y:auto}.discussion-message{background:var(--color-surface-hover);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;gap:.3rem;display:flex}.discussion-message-own{background:var(--color-secondary-subtle)}.discussion-message-header{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;font-size:.8rem;display:flex}.discussion-message-author{color:var(--color-text);font-weight:700}.discussion-message-time{color:var(--color-text-muted)}.discussion-message-edited{color:var(--color-text-muted);font-style:italic}.discussion-message-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text);margin:0}.announcement-card-body-preview{color:var(--color-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.35rem 0;display:-webkit-box;overflow:hidden}.announcement-detail-body{margin:var(--space-4) 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text)}.discussion-message-deleted{color:var(--color-text-muted);font-style:italic}.discussion-composer{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.form-textarea{resize:vertical;min-height:5rem;padding-block:.6rem}.communication-screen{gap:var(--space-4);flex-direction:column;display:flex}.comm-workspace{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);height:min(74vh,46rem);min-height:0;display:flex;overflow:hidden}.comm-category-rail{padding:var(--space-3) var(--space-2);border-inline-end:1px solid var(--color-border);background:var(--color-surface-sunken);flex-direction:column;flex:0 0 13.5rem;gap:2px;min-height:0;display:flex;overflow-y:auto}.comm-category-item{border-radius:var(--radius-sm);width:100%;min-height:2.75rem;color:var(--color-text-secondary);font-size:var(--text-label);font-weight:var(--weight-semibold);text-align:start;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;align-items:center;gap:.7rem;padding-inline:.6rem;display:flex;position:relative}.comm-category-item svg{flex-shrink:0;width:20px;height:20px}.comm-category-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.comm-category-item[aria-current=page]{background:var(--color-primary-subtle);color:var(--color-primary-text);font-weight:var(--weight-bold)}.comm-category-item[aria-current=page]:before{content:"";inset-inline-start:0;border-radius:var(--radius-full);background:var(--color-primary);width:3px;position:absolute;top:22%;bottom:22%}.comm-workspace-body{flex:auto;min-width:0;min-height:0;display:flex}.comm-announcements-pane{min-width:0;min-height:0;padding:var(--space-5);gap:var(--space-4);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.comm-categories-back-button{display:none}.comm-panes{flex:auto;gap:0;min-width:0;min-height:0;display:flex;overflow:hidden}.comm-list-pane{border-inline-end:1px solid var(--color-border);flex-direction:column;flex:0 0 18rem;min-height:0;display:flex}@media (width<=78rem){.comm-category-rail{flex-basis:12rem}.comm-list-pane{flex-basis:16.5rem}}.comm-conversation-pane{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.comm-list-header{align-items:center;gap:var(--space-2);padding:var(--space-3);border-block-end:1px solid var(--color-border);display:flex}.comm-list-header h3{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:.95rem;overflow:hidden}.comm-list-header .comm-categories-back-button{flex:none}.comm-list-scroll{min-height:0;padding:var(--space-2);gap:var(--space-2);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.comm-row{column-gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;text-align:start;color:inherit;font:inherit;transition:border-color var(--transition-fast), background-color var(--transition-fast);grid-template-rows:auto auto;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;display:grid}.comm-row:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.comm-row[aria-current=true]{background:var(--color-primary-subtle);border-color:var(--color-primary)}.comm-row-avatar{border-radius:var(--radius-full);background:var(--color-surface-hover);width:2.25rem;height:2.25rem;color:var(--color-text-secondary);grid-row:1/span 2;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.comm-row[aria-current=true] .comm-row-avatar{background:var(--color-surface)}.comm-row-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-weight:600;overflow:hidden}.comm-row-meta{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:.8rem;overflow:hidden}.comm-row-aside{color:var(--color-text-muted);flex-direction:column;grid-area:1/3/span 2;align-items:flex-end;gap:.2rem;font-size:.75rem;display:flex}.comm-context-chip{background:var(--color-primary-subtle);color:var(--color-primary-text);white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border-radius:999px;max-width:14rem;margin-inline-start:var(--space-2);padding:.05rem .4rem;font-size:.7rem;font-weight:600;display:inline-block;overflow:hidden}.comm-conversation-heading .comm-context-chip{margin-inline-start:0}.comm-row-unread .comm-row-title,.comm-row-unread .comm-row-meta{color:var(--color-text);font-weight:600}.comm-unread-badge{background:var(--color-accent);color:var(--color-on-accent);border:none;justify-content:center;min-width:1.25rem}.comm-conversation-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.comm-conversation-heading{min-width:0}.comm-conversation-heading h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;overflow:hidden}.comm-conversation-subtitle{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.comm-conversation-header-actions{gap:var(--space-1);align-items:center;margin-inline-start:auto;display:flex}.comm-timeline{min-height:0;padding:var(--space-4);flex-direction:column;flex:auto;gap:0;display:flex;overflow-y:auto}.comm-message{max-width:100%;margin-top:var(--space-4);flex-direction:column;align-items:flex-start;gap:3px;display:flex}.comm-message:first-of-type{margin-top:0}.comm-message-grouped{margin-top:3px}.comm-message-own{align-items:flex-end}.comm-message-author{max-width:100%;font-size:var(--text-meta);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;padding-inline:.15rem;overflow:hidden}.comm-message-content{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:min(30rem,74%);display:flex;position:relative}.comm-message-own .comm-message-content{align-items:flex-end}.comm-message-editing .comm-message-content,.comm-message-editing{width:min(28rem,100%);max-width:100%}.comm-message-meta{font-size:var(--text-meta);color:var(--color-text-muted);align-items:baseline;gap:0;padding-inline:.2rem;line-height:1.3;display:flex}.comm-message-time{white-space:nowrap}.comm-message-edited{font-style:italic}.comm-message-edited:before{content:" · ";font-style:normal}.comm-message-grouped .comm-message-meta{opacity:0;transition:opacity var(--transition-fast)}.comm-message-grouped:hover .comm-message-meta,.comm-message-grouped:focus-within .comm-message-meta{opacity:1}.comm-message-bubble{border-radius:var(--radius-md);background:var(--color-surface-hover);width:fit-content;max-width:100%;color:var(--color-text);padding:.4rem .7rem}.comm-message-own .comm-message-bubble{background:var(--color-primary-subtle)}.comm-message-bubble-deleted{background:var(--color-surface-sunken)}.comm-message-text{font-size:var(--text-body);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere;color:inherit;margin:0}.comm-message-bubble-deleted .comm-message-text{color:var(--color-text-muted);font-style:italic}.comm-message-reply{border:0;border-inline-start:2px solid var(--color-primary);text-align:start;min-width:13rem;max-width:100%;font:inherit;cursor:pointer;background:0 0;border-radius:0;flex-direction:column;align-self:stretch;margin-bottom:1px;padding:.1rem 0 .1rem .5rem;display:flex}.comm-message-reply-author{font-size:var(--text-meta);font-weight:var(--weight-semibold);color:var(--color-primary-text);line-height:1.3}.comm-message-reply-text{font-size:var(--text-meta);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.3;overflow:hidden}.comm-message-reply:hover .comm-message-reply-text{color:var(--color-text-secondary)}.comm-message-media{gap:var(--space-1);flex-direction:column;width:fit-content;max-width:100%;display:flex}.comm-message-media>.comm-media-list{gap:var(--space-1);margin-top:0}.comm-message-media-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);gap:0;overflow:hidden}.comm-message-media-card.comm-message-media-own{background:var(--color-primary-subtle);border-color:#0000}.comm-message-media-card .comm-media-image,.comm-message-media-card .comm-media-image img{border-radius:0;display:block}.comm-message-caption{font-size:var(--text-body);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text);margin:0;padding:.4rem .7rem}.comm-message-actions{top:-.4rem;z-index:2;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);position:absolute;inset-inline-end:-.4rem}.comm-message-own .comm-message-actions{inset-inline:-.4rem auto}.comm-message:hover .comm-message-actions,.comm-message:focus-within .comm-message-actions{opacity:1;pointer-events:auto}@media (hover:none){.comm-message-actions{opacity:1;pointer-events:auto}}.comm-message-actions-trigger{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-hairline);width:1.6rem;height:1.6rem;box-shadow:var(--shadow-sm);color:var(--color-text-secondary)}.comm-message-actions-trigger svg{width:15px;height:15px}.comm-message-restore{font-size:var(--text-meta);margin-top:2px}.comm-message-menu{inset-inline-end:0;z-index:5;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:8rem;box-shadow:var(--shadow-raised);padding:var(--space-1);flex-direction:column;display:flex;position:absolute;top:calc(100% + .25rem)}.comm-message-own .comm-message-menu{inset-inline:0 auto}.comm-message-menu button{text-align:start;border-radius:var(--radius-sm);cursor:pointer;font:inherit;color:var(--color-text);white-space:nowrap;background:0 0;border:0;padding:.5rem .65rem}.comm-message-menu button:hover{background:var(--color-surface-hover)}.comm-message-menu button.comm-danger{color:var(--color-danger-text)}.comm-reply-quote{border:0;border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface);text-align:start;cursor:pointer;font:inherit;flex-direction:column;align-self:stretch;gap:.1rem;max-width:100%;padding:.4rem .6rem;display:flex}.comm-reply-quote:hover{background:var(--color-surface-hover)}.comm-reply-quote-author{color:var(--color-primary-text);font-size:.75rem;font-weight:700}.comm-reply-quote-text{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;width:0;min-width:100%;font-size:.8rem;overflow:hidden}.comm-message-highlight .comm-message-content{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-md)}.comm-message-reactions{flex-wrap:wrap;gap:.2rem;max-width:100%;margin-top:-.35rem;padding-inline:.1rem;display:flex}.comm-reaction-chip{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);min-height:1.4rem;box-shadow:var(--shadow-sm);font-size:var(--text-meta);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:.2rem;padding:.05rem .4rem;display:inline-flex}.comm-reaction-chip:hover{background:var(--color-surface-hover)}.comm-reaction-chip-mine{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary-text)}.comm-reaction-picker{z-index:50;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-raised);width:max-content;max-width:min(17rem,100vw - 1rem);box-shadow:var(--shadow-raised);flex-flow:wrap;justify-content:center;gap:2px;padding:4px;display:flex;position:fixed}.comm-reaction-option{border-radius:var(--radius-full);cursor:pointer;width:2.5rem;height:2.5rem;transition:background-color var(--transition-fast), transform var(--transition-fast);background:0 0;border:0;flex:none;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:inline-flex}.comm-reaction-option:hover{background:var(--color-surface-hover);transform:scale(1.12)}.comm-reaction-option:active{transform:scale(.94)}.comm-reaction-option-active{background:var(--color-primary-subtle);box-shadow:inset 0 0 0 1px var(--color-primary)}.comm-composer{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--color-hairline);background:var(--color-surface);flex-direction:column;display:flex}.comm-composer-reply{align-items:center;gap:var(--space-2);border-inline-start:3px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface-hover);padding:.4rem .6rem;display:flex}.comm-composer-reply-text{flex-direction:column;flex:auto;gap:.1rem;min-width:0;display:flex}.comm-composer-row{gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);align-items:flex-end;padding:.25rem .3rem .25rem .6rem;display:flex}.comm-composer-row:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.comm-composer-input{min-width:0;box-shadow:none;resize:none;background:0 0;border:0;flex:auto;min-height:1.75rem;max-height:10rem;padding:.5rem .25rem}.comm-composer-input:focus,.comm-composer-input:focus-visible{box-shadow:none;outline:none}.comm-composer-send{flex:none}.comm-composer-attach,.comm-composer-mic{flex:none;align-self:flex-end}.comm-composer-mic[disabled],.comm-composer-attach[disabled]{opacity:.4;cursor:not-allowed}.comm-attach-strip{gap:var(--space-2);flex-wrap:wrap;max-height:8.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.comm-attach-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:.5rem;max-width:100%;padding-block:.35rem;padding-inline:.5rem .35rem;font-size:.8rem;display:flex}.comm-attach-thumb{object-fit:cover;border-radius:var(--radius-sm);flex:none;width:2.25rem;height:2.25rem}.comm-attach-doc-icon{color:var(--color-text-muted);display:inline-flex}.comm-attach-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:12rem;color:var(--color-text);overflow:hidden}.comm-attach-size{color:var(--color-text-muted);flex:none}.comm-attach-remove{flex:none;width:1.6rem;height:1.6rem}.comm-attach-total{color:var(--color-text-muted);align-self:center;font-size:.75rem}.comm-composer-recording{justify-content:space-between;align-items:center}.comm-rec-status{font-variant-numeric:tabular-nums;color:var(--color-text);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.comm-rec-dot{border-radius:var(--radius-full);background:var(--color-danger);width:.7rem;height:.7rem;animation:1.4s ease-in-out infinite comm-rec-pulse}@keyframes comm-rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.comm-composer-voice-preview{gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);background:var(--color-surface);flex-direction:column;display:flex}.comm-composer-voice-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.comm-voice-caption{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-hover)}.comm-media-list{gap:var(--space-2);flex-direction:column;align-items:flex-start;margin-top:.15rem;display:flex}.comm-media-list-own{align-items:flex-end}.comm-media-image{border-radius:var(--radius-md);cursor:zoom-in;background:0 0;border:0;width:fit-content;max-width:100%;padding:0;line-height:0;display:block;overflow:hidden}.comm-media-image img{object-fit:cover;width:auto;max-width:min(20rem,100%);height:auto;max-height:18rem;display:block}.comm-media-image-broken{padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.comm-lightbox{z-index:100;padding:var(--space-4);background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.comm-lightbox-image{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:100%}.comm-lightbox-close{top:var(--space-3);color:#fff;background:#0006;position:absolute;inset-inline-end:var(--space-3)}.comm-media-doc{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:.6rem;width:fit-content;max-width:min(19rem,100%);padding:.5rem .6rem;display:flex}.comm-message-own .comm-media-doc{background:var(--color-surface)}.comm-media-doc-icon{color:var(--color-primary-text);flex:none;font-size:1.4rem;display:inline-flex}.comm-media-doc-meta{flex-direction:column;flex:auto;min-width:0;display:flex}.comm-media-doc-name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:.85rem;overflow:hidden}.comm-media-doc-size{color:var(--color-text-muted);font-size:.75rem}.comm-media-doc-download{flex:none;padding:.35rem .6rem;font-size:.8rem}.comm-media-voice{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);align-items:center;gap:.55rem;width:16rem;max-width:100%;padding:.35rem .55rem;display:flex}.comm-message-own .comm-media-voice{background:var(--color-surface)}.comm-media-voice-toggle{flex:none}.comm-media-voice-body{flex-direction:column;flex:auto;gap:.2rem;min-width:0;display:flex}.comm-media-voice-slider{width:100%;accent-color:var(--color-primary)}.comm-media-voice-time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.72rem}.comm-media-voice-loading{font-style:italic}.comm-media-error{color:var(--color-danger-text);font-size:.75rem}@media (width<=30rem){.comm-composer-send .comm-composer-send-label{display:none}.comm-attach-name{max-width:8rem}.comm-media-image img{max-width:100%}}.comm-empty-pane{color:var(--color-text-muted);padding:var(--space-6);text-align:center;flex:auto;justify-content:center;align-items:center;display:flex}.comm-announcement-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.comm-announcement-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4)}.comm-announcement-head{align-items:flex-start;gap:var(--space-3);display:flex}.comm-announcement-mark{border-radius:var(--radius-full);background:var(--color-warning-subtle);width:2.25rem;height:2.25rem;color:var(--color-warning-text);flex:none;justify-content:center;align-items:center;display:flex}.comm-announcement-heading{flex:auto;min-width:0}.comm-announcement-heading h4{margin:0 0 .15rem;font-size:1rem}.comm-announcement-meta{color:var(--color-text-muted);font-size:.8rem}.comm-announcement-body{margin:var(--space-3) 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text)}.comm-announcement-body-clamped{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.comm-conversation-pane .comm-back-button{display:inline-flex}@media (width>=64.01rem){.comm-conversation-pane .comm-back-button{display:none}}@media (width<=64rem){.comm-workspace{flex-direction:column;height:min(82vh,52rem)}.comm-category-rail{background:var(--color-surface);padding:var(--space-3);border-inline-end:0;flex:auto}.comm-category-item{min-height:3rem}.comm-categories-back-button{display:inline-flex}.comm-workspace[data-mobile-level=categories] .comm-workspace-body,.comm-workspace:not([data-mobile-level=categories]) .comm-category-rail{display:none}.comm-panes{flex-direction:column}.comm-list-pane{border-inline-end:0;flex:auto}.comm-panes[data-mobile-view=conversation] .comm-list-pane,.comm-panes[data-mobile-view=list] .comm-conversation-pane{display:none}}@media (width<=40rem){.login-card{padding:var(--space-8) var(--space-5)}.task-item-main{flex-direction:column;align-items:flex-start}.task-detail-actions .button-danger{width:100%;margin-inline-start:0}.discussion-messages{max-height:45vh}}@media (width<=30rem){.section-tab svg{display:none}}.ui-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-section);flex-wrap:wrap;display:flex}.ui-page-header-text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ui-page-header-title{margin:0}.ui-page-header-subtitle{max-width:60ch;font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary);margin:0}.ui-page-header-action{flex-shrink:0}@media (width<=40rem){.ui-page-header{gap:var(--space-3)}.ui-page-header-action,.ui-page-header-action>*,.ui-section-header-actions,.ui-section-header-actions>*{width:100%}}.ui-section-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-block);flex-wrap:wrap;display:flex}.ui-section-header-text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ui-section-header-title{margin:0}.ui-section-header-desc{max-width:66ch;font-size:var(--text-meta);color:var(--color-text-muted);margin:0}.ui-section-header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ui-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-block);flex-wrap:wrap;display:flex}.ui-toolbar-main{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.ui-toolbar-trailing{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ui-toolbar .form-input,.ui-toolbar .form-select{width:auto;min-height:2.5rem}.ui-empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-section) var(--space-4);color:var(--color-text-secondary);flex-direction:column;display:flex}.ui-empty-state-icon{border-radius:var(--radius-full);background:var(--color-primary-subtle);width:3.25rem;height:3.25rem;color:var(--color-primary);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:inline-flex}.ui-empty-state-icon svg{width:26px;height:26px}.ui-empty-state-title{font-size:var(--text-section);font-weight:var(--weight-bold);color:var(--color-text);margin:0}.ui-empty-state-desc{max-width:46ch;font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-muted);margin:0}.ui-empty-state-action{margin-top:var(--space-3)}.ui-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ui-panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-hairline);display:flex}.ui-panel-title{margin:0}.ui-panel-head-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ui-panel-body{padding:var(--space-4)}.ui-panel-body-flush{padding:0}.ui-sidepanel-overlay{z-index:var(--z-overlay);background:#0a0e1980;justify-content:flex-end;display:flex;position:fixed;inset:0}.ui-sidepanel{--ui-sidepanel-offscreen:100%;background:var(--color-surface);border-inline-start:1px solid var(--color-hairline);width:min(30rem,100%);max-width:100%;height:100%;box-shadow:var(--shadow-raised);animation:ui-sidepanel-in var(--transition-base) ease-out;flex-direction:column;display:flex}:is(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .ui-sidepanel,[dir=rtl] .ui-sidepanel){--ui-sidepanel-offscreen:-100%}@keyframes ui-sidepanel-in{0%{transform:translateX(var(--ui-sidepanel-offscreen))}to{transform:translate(0)}}.ui-sidepanel-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-hairline);flex-shrink:0;padding-inline-end:var(--space-3);display:flex}.ui-sidepanel-title{min-width:0;margin:0}.ui-sidepanel-body{padding:var(--space-4);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));flex:auto;overflow-y:auto}.ui-sidepanel-footer{gap:var(--space-2);padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3), env(safe-area-inset-bottom));border-top:1px solid var(--color-hairline);background:var(--color-surface);flex-wrap:wrap;flex-shrink:0;display:flex}@media (width<=48rem){.ui-sidepanel{border-inline-start:none;width:100%}}@media (prefers-reduced-motion:reduce){.ui-sidepanel{animation:none}}.ui-confirm-overlay{z-index:var(--z-dialog);padding:var(--space-4);padding-block:max(var(--space-8), env(safe-area-inset-top)) max(var(--space-8), env(safe-area-inset-bottom));background:#0a0e198c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.ui-confirm{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);padding:var(--space-6);width:100%;max-width:26rem;animation:ui-confirm-in var(--transition-fast) ease-out}@keyframes ui-confirm-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ui-confirm{animation:none}}.ui-confirm-title{margin:0 0 var(--space-2)}.ui-confirm-message{margin:0 0 var(--space-5);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary)}.ui-confirm-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-confirm-actions .button{flex:8rem}.ui-toast-region{z-index:var(--z-toast);align-items:center;gap:var(--space-2);padding-inline:var(--space-4);pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-block-end:max(var(--space-4), env(safe-area-inset-bottom));inset-inline:0}.ui-toast{pointer-events:auto;align-items:flex-start;gap:var(--space-2);width:min(24rem,100%);padding-block:var(--space-3);padding-inline:var(--space-4) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-raised);font-size:var(--text-body);color:var(--color-text);animation:ui-toast-in var(--transition-base) ease-out;display:flex}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ui-toast{animation:none}}.ui-toast-icon{width:18px;height:18px;color:var(--color-info-text);flex-shrink:0;margin-top:.1em}.ui-toast[data-tone=success] .ui-toast-icon{color:var(--color-secondary-text)}.ui-toast[data-tone=error] .ui-toast-icon{color:var(--color-danger-text)}.ui-toast-message{min-width:0;line-height:var(--leading-body);flex:auto}.ui-toast-dismiss{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-block:-.15rem;margin-inline:0 -.15rem;display:inline-flex}.ui-toast-dismiss:hover{background:var(--color-surface-hover);color:var(--color-text)}.ui-toast-dismiss svg{width:15px;height:15px}.button.button-sm{min-height:2.25rem;font-size:var(--text-label);padding-inline:.9em}.button.button-sm svg{width:15px;height:15px}.icon-button.icon-button-sm{width:2.25rem;height:2.25rem}.icon-button.icon-button-sm svg{width:17px;height:17px}.ui-segmented{border-radius:var(--radius-sm);background:var(--color-surface-sunken);gap:2px;max-width:100%;padding:2px;display:inline-flex;overflow-x:auto}.ui-segmented-option{border-radius:calc(var(--radius-sm) - 1px);min-height:2.25rem;color:var(--color-text-secondary);font-size:var(--text-label);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.4em;padding-inline:.85em;display:inline-flex}.ui-segmented-option:hover{color:var(--color-text)}.ui-segmented-option[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.ui-segmented-count{font-weight:var(--weight-medium);color:var(--color-text-muted)}.ui-segmented-option[aria-pressed=true] .ui-segmented-count{color:var(--color-primary-text)}.role-chip{border-radius:var(--radius-full);background:var(--color-info-subtle);color:var(--color-info-text);font-size:var(--text-meta);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;padding:.15em .6em;display:inline-flex}.role-chip[data-kind=custom]{background:var(--color-primary-subtle);color:var(--color-primary-text)}.members-panel,.roles-panel{gap:var(--space-4);flex-direction:column;display:flex}.members-list,.roles-list{border-top:1px solid var(--color-hairline);margin:0;padding:0;list-style:none}.members-row,.roles-row{align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--color-hairline);flex-wrap:wrap;display:flex}.members-row-main{flex-direction:column;flex:12rem;gap:1px;min-width:10rem;display:flex}.members-row-email{color:var(--color-text-muted)}.members-row-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.members-row-roles{flex-wrap:wrap;gap:.3rem;display:inline-flex}.members-row-actions,.roles-row-actions{gap:var(--space-2);flex-wrap:wrap;margin-inline-start:auto;display:flex}.roles-row{align-items:flex-start}.roles-row-main{align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:14rem;display:flex}.roles-row-name{align-items:center;gap:.35em;display:inline-flex}.roles-row-name svg{width:16px;height:16px;color:var(--color-text-muted)}.roles-row .button-link svg[data-rotated=true]{transform:rotate(180deg)}.role-perm-readout{padding-block:var(--space-2);flex-direction:column;gap:1px;display:flex}.role-perm-readout:not(:last-child){border-bottom:1px solid var(--color-hairline)}.ui-panel-divider{border:none;border-top:1px solid var(--color-hairline);margin-block:var(--space-4)}.member-roles-list{margin:0 0 var(--space-2);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.member-roles-item{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.member-roles-item .icon-button{margin-inline-start:auto}.member-roles-add{gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.role-permission-groups{gap:var(--space-3);flex-direction:column;display:flex}.role-permission-group{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.role-permission-group legend{align-items:baseline;gap:var(--space-3);width:100%;font-size:var(--text-label);font-weight:var(--weight-semibold);color:var(--color-text);padding:0;display:flex}.role-permission-group-toggle{font-size:var(--text-meta);margin-inline-start:auto}.role-permission-options{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));display:grid}@media (width<=40rem){.members-row,.roles-row{align-items:flex-start}.members-row-actions,.roles-row-actions{width:100%;margin-inline-start:0}.members-row-actions .button,.roles-row-actions .button{flex:8rem}.role-permission-options{grid-template-columns:1fr 1fr}}.app-suspended-banner{margin:0 0 var(--space-block);padding:var(--space-inline);border:1px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-danger-subtle);color:var(--color-danger-text);font-size:var(--text-body)}.platform-tenant-table{border-collapse:collapse;width:100%;font-size:var(--text-body)}.platform-tenant-table th,.platform-tenant-table td{padding:var(--space-3);text-align:start;border-bottom:1px solid var(--color-hairline);vertical-align:middle}.platform-tenant-table thead th{font-size:var(--text-label);color:var(--color-text-muted);font-weight:600}.platform-tenant-table tbody tr[data-status=suspended] td:first-child{color:var(--color-text-muted)}
