.auth{position:relative;min-height:100vh;min-height:100dvh;display:flex;background:var(--auth-bg);color:var(--text);overflow-x:hidden}.auth-hero{position:absolute;top:0;left:0;right:0;height:176px;overflow:hidden;pointer-events:none}.auth-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:58% 42%}.auth-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--auth-hero-shade-phone)}.auth-hero__content{display:none}.auth-column{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;padding:18px 20px 20px}.auth-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px}.auth-top__logo{font-size:20px;font-weight:300;letter-spacing:.45em}.auth-center{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:96px 0 var(--space-5)}.auth-card{width:100%;max-width:600px;padding:var(--space-1) 0}.auth-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;font-size:var(--fs-caption-small);color:var(--text-tertiary)}.auth-footer a{color:var(--auth-footer-link)}.auth-footer a:hover{color:var(--text)}@media(min-width:600px){.auth-hero{bottom:0;height:auto}.auth-hero__image{object-position:55% 50%}.auth-hero__shade{background:var(--auth-hero-shade-tablet)}.auth-column{padding:var(--space-6) 40px 28px}.auth-center{align-items:center;padding:var(--space-5) 0}.auth-card{max-width:500px;padding:40px;background:var(--auth-card-bg-tablet);border:1px solid var(--auth-card-line);border-radius:var(--radius-auth-card);box-shadow:var(--auth-card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}@media(min-width:1024px){.auth{height:100vh;height:100dvh}.auth-hero{position:relative;inset:auto;flex:1.05;min-width:0;height:auto}.auth-hero__image{object-position:58% 50%}.auth-hero__shade{background:var(--auth-hero-shade-edge),var(--auth-hero-shade-vertical)}.auth-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:52px 56px}.auth-column{overflow-y:auto;padding:28px var(--space-7) var(--space-5)}.auth-top{justify-content:flex-end}.auth-top__logo{display:none}.auth-card{max-width:460px;padding:40px 40px 36px;background:var(--auth-card-bg)}}.auth-hero__logo{font-size:28px;font-weight:300;letter-spacing:.5em}.auth-hero__slogan{margin-top:56px;max-width:470px;font-size:40px;font-weight:300;line-height:1.15;letter-spacing:-.01em;text-wrap:pretty}.auth-hero__flow{margin-top:26px;display:flex;gap:28px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--auth-hero-text)}.auth-hero__bar{margin-top:18px;width:26px;height:2px;background:var(--accent)}.auth-hero__tagline{margin-top:auto;font-size:11px;line-height:1.9;letter-spacing:.3em;text-transform:uppercase;white-space:pre-line;color:var(--auth-hero-text)}.auth-heading__title{font-size:26px;font-weight:600;line-height:1.15;letter-spacing:-.015em}.auth-heading__title:focus,.auth-heading__title:focus-visible{outline:none}@media(min-width:600px){.auth-heading__title{font-size:30px}}.auth-heading__lead{margin-top:var(--space-2);font-size:var(--fs-body);line-height:1.5;color:var(--text-secondary)}.auth-strong{color:var(--text);font-weight:600;word-break:break-word}.auth-form{margin-top:28px;display:flex;flex-direction:column;gap:18px}.auth-stack{margin-top:28px;display:flex;flex-direction:column;gap:var(--space-3)}.auth-submit{margin-top:var(--space-1)}.auth-heading+.auth-submit,.space-card+.auth-submit{margin-top:26px}.auth-back{margin-bottom:22px}.auth-link{color:var(--accent-light);font-weight:600}.auth-link:hover{color:var(--accent-lighter)}.auth-switch{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--fs-body-compact);color:var(--text-secondary)}.auth-stack .auth-switch{margin-top:var(--space-3)}.auth-switch--footer{margin-top:26px}.steps{list-style:none;margin:0 0 28px;padding:0;display:flex;align-items:center;gap:var(--space-2)}.steps__item{flex:none;display:flex;align-items:center;gap:var(--space-2)}.steps__badge{flex:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-round);border:1.5px solid var(--line-idle);color:var(--text-tertiary);font-size:var(--fs-caption-small);font-weight:700}.steps__item--current .steps__badge{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.steps__item--done .steps__badge{background:var(--accent-tint-strong);border-color:var(--accent);color:var(--accent-lighter)}.steps__label{font-size:var(--fs-caption-small);font-weight:600;white-space:nowrap;color:var(--text-tertiary)}.steps__item--current .steps__label,.steps__item--done .steps__label{color:var(--text)}.steps__line{flex:1;min-width:12px;height:1.5px;background:var(--line-strong)}.steps__line--done{background:var(--accent)}.code-input{display:flex;gap:var(--space-2)}@media(min-width:600px){.code-input{gap:10px}}.code-input__cell{flex:1 1 0;min-width:0;height:58px;padding:0;text-align:center;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;background:var(--field-bg);border:1px solid var(--line-strong);border-radius:var(--radius-field);color:var(--text);caret-color:var(--accent-light);transition:border-color .15s,box-shadow .15s}.code-input__cell--filled{border-color:var(--line-filled)}.code-input__cell:focus,.code-input__cell:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--field-focus-ring)}.code-input__cell[aria-invalid=true]{border-color:var(--danger)}.code-input[aria-busy=true] .code-input__cell{opacity:.7}.code-status{min-height:20px;font-size:var(--fs-caption)}.code-status--error{color:var(--danger-text)}.code-status--success{color:var(--success)}.code-status--muted{color:var(--text-tertiary)}.code-dead{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-card);background:var(--danger-tint);border:1px solid var(--danger-tint-line)}.code-dead__icon{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--danger-tint-strong);color:var(--danger-icon)}.code-dead__title{font-size:var(--fs-body);font-weight:600;color:var(--danger-text-strong)}.code-dead__text{margin-top:var(--space-1);font-size:var(--fs-caption);line-height:1.5;color:var(--danger-text-muted)}.strength{display:flex;align-items:center;gap:10px}.strength__bars{flex:1;display:flex;gap:var(--space-1)}.strength__bar{flex:1;height:4px;border-radius:2px;background:var(--line-idle);transition:background .2s}.strength__label{min-width:64px;text-align:right;font-size:var(--fs-caption-small);font-weight:600}.strength--1 .strength__bar--on{background:var(--danger)}.strength--1 .strength__label{color:var(--danger)}.strength--2 .strength__bar--on{background:var(--warning)}.strength--2 .strength__label{color:var(--warning)}.strength--3 .strength__bar--on{background:var(--accent-light)}.strength--3 .strength__label{color:var(--accent-light)}.strength--4 .strength__bar--on{background:var(--success)}.strength--4 .strength__label{color:var(--success)}.space-preview{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3) 14px;border-radius:var(--radius-field);background:var(--accent-tint);border:1px solid var(--accent-tint-line);font-size:var(--fs-caption);line-height:1.45;color:var(--text-label)}.space-preview p{min-width:0}.space-badge{flex:none;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);font-weight:700}.space-badge--small{width:36px;height:36px;border-radius:10px;font-size:var(--fs-body)}.space-badge--large{width:48px;height:48px;border-radius:var(--radius-card);font-size:20px}.creating__head{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-3) 0 0}.creating__spinner{width:64px;height:64px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--accent-tint-medium);border:1px solid var(--accent-tint-line-strong);color:var(--accent-light)}.creating__list{list-style:none;margin:var(--space-5) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.creating__item{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-1);font-size:var(--fs-body-compact);color:var(--text-tertiary);transition:color .2s}.creating__item--active,.creating__item--done{color:var(--text)}.creating__mark{flex:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-round);border:1.5px solid var(--line-idle);color:var(--accent-light)}.creating__item--active .creating__mark{border-color:transparent}.creating__item--done .creating__mark{background:var(--success);border-color:var(--success);color:var(--auth-bg)}.success-mark{width:56px;height:56px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--success-tint);border:1px solid var(--success-tint-line);color:var(--success)}.space-card{margin-top:var(--space-5);display:flex;gap:14px;align-items:center;padding:var(--space-4);border-radius:var(--radius-card);background:var(--field-bg);border:1px solid var(--line-strong)}.space-card__text{flex:1;min-width:0}.space-card__name{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-card__meta{margin-top:3px;font-size:var(--fs-caption);color:var(--text-secondary)}.space-card__status{flex:none;display:flex;align-items:center;gap:6px;padding:var(--space-1) 10px;border-radius:var(--radius-round);background:var(--success-tint-soft);color:var(--success);font-size:var(--fs-caption-small);font-weight:600}.space-card__dot{width:6px;height:6px;border-radius:var(--radius-round);background:var(--success)}.lang{position:relative;margin-left:auto}.lang__trigger{height:var(--control-height-small);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--auth-control-bg);border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--text);font-size:var(--fs-caption);font-weight:600}.lang__trigger:hover{border-color:var(--line-idle)}.lang__trigger:focus-visible{border-radius:var(--radius-control)}.lang__chevron{color:var(--text-secondary)}.lang__menu{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:10;width:210px;padding:6px;background:var(--popover-bg);border:1px solid var(--popover-line);border-radius:var(--radius-field);box-shadow:var(--popover-shadow)}.lang__item{width:100%;min-height:var(--control-height-small);display:flex;align-items:center;gap:10px;padding:0 10px;border:none;border-radius:var(--radius-control-small);background:transparent;color:var(--text);font-size:var(--fs-body-compact);text-align:left}.lang__item:hover{background:var(--popover-hover)}.lang__item[aria-checked=true]{background:var(--accent-tint-medium)}.lang__code{width:24px;font-size:var(--fs-caption-small);font-weight:700;color:var(--text-secondary)}.lang__name{flex:1}.lang__check{color:var(--accent-light)}.session-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-5);color:var(--accent-light);text-align:center}.session-screen p{color:var(--text-secondary)}.session-screen__retry{width:auto;min-width:200px}.skeleton-lines{margin-top:var(--space-5);display:grid;gap:10px}.skeleton-lines span{height:12px;border-radius:6px;background:var(--line-strong);animation:skeleton-pulse 1.6s ease-in-out infinite}.skeleton-lines span:nth-child(2){width:92%}.skeleton-lines span:nth-child(3){width:70%}@media(prefers-reduced-motion:reduce){.skeleton-lines span{animation:none}}.cabinet{min-height:100vh;display:flex;background:var(--bg)}.cabinet__main{flex:1;min-width:0;display:flex;flex-direction:column}.cabinet__main:focus{outline:none}.cabinet--tablet .cabinet__main{margin-left:var(--sidebar-width-collapsed)}.cabinet--phone .cabinet__main{padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom))}.cabinet__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:var(--scrim-light)}.skip-link{position:fixed;z-index:100;top:var(--space-2);left:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control-small);background:var(--accent);color:var(--on-accent);transform:translateY(-200%)}.skip-link:focus{transform:none;color:var(--on-accent)}.sidebar{position:sticky;top:0;z-index:30;flex:none;height:100vh;display:flex;flex-direction:column;width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--line);overflow:hidden;transition:width .2s ease}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar--overlay{position:fixed;left:0;top:0;bottom:0;height:auto}.sidebar--overlay.sidebar--expanded{box-shadow:var(--sidebar-shadow)}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}.sidebar__head{flex:none;height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 14px}.sidebar--collapsed .sidebar__head{justify-content:center}.sidebar__head .icon-button{width:40px;height:40px;border-radius:var(--radius-control)}.sidebar__logo{padding-left:6px;font-size:19px;font-weight:300;letter-spacing:.45em;white-space:nowrap}.space-switcher{flex:none;margin:0 14px 10px;min-height:52px;display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-card);background:transparent;color:var(--text);text-align:left}button.space-switcher:hover,button.space-switcher[aria-expanded=true]{background:var(--nav-hover);border-color:var(--line-filled)}.sidebar--collapsed .space-switcher{margin-inline:auto;width:44px;min-height:44px;padding:0;justify-content:center;border-color:transparent}.space-switcher__text{flex:1;min-width:0;display:flex;flex-direction:column}.space-switcher__name{font-size:var(--fs-body-compact);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-switcher__role{font-size:var(--fs-caption-small);color:var(--text-muted-strong)}.space-switcher__chevron{flex:none;color:var(--text-secondary)}.space-mark{flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);font-weight:700}.space-mark--medium{width:34px;height:34px;border-radius:10px;font-size:var(--fs-body-compact)}.space-mark--small{width:24px;height:24px;border-radius:7px;font-size:var(--fs-caption-small)}.sidebar__nav{flex:none;display:flex;flex-direction:column;gap:2px;padding:4px 14px 8px}.sidebar__create,.sidebar__link{height:42px;display:flex;align-items:center;gap:var(--space-3);padding:0 11px;border-radius:11px;font-size:var(--fs-body-compact);font-weight:600;white-space:nowrap}.sidebar--collapsed .sidebar__create,.sidebar--collapsed .sidebar__link{justify-content:center;padding:0}.sidebar__create{margin-bottom:var(--space-3);gap:10px;background:var(--button-primary-bg);box-shadow:var(--button-primary-shadow);color:var(--on-accent)}.sidebar__create:hover{color:var(--on-accent);filter:brightness(1.08)}.sidebar__create[aria-current=page]{box-shadow:var(--focus-ring)}.sidebar__link{color:var(--text-secondary)}.sidebar__link:hover{background:var(--nav-hover);color:var(--text)}.sidebar__link--active{background:var(--nav-active);color:var(--text)}.sidebar__label{flex:1;text-align:left}.sidebar__recents{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4) 14px var(--space-3)}.sidebar__section-title{display:flex;align-items:center;gap:var(--space-2);padding:0 11px var(--space-2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.sidebar__recents-skeleton{display:flex;flex-direction:column;gap:14px;padding:var(--space-2) 11px}.sidebar__spacer{flex:1}.sidebar__account{flex:none;display:flex;align-items:center;gap:10px;padding:var(--space-3) 14px;border-top:1px solid var(--line)}.sidebar--collapsed .sidebar__account{justify-content:center}.sidebar__who{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar__name{font-size:var(--fs-body-compact);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__meta{font-size:var(--fs-caption-small);color:var(--text-muted-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__settings{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:11px;background:transparent;color:var(--text-label)}.sidebar__settings:hover,.sidebar__settings[aria-expanded=true]{background:var(--nav-active);border-color:var(--line-filled);color:var(--text)}.account-card{display:flex;align-items:center;gap:10px}.account-card__text{min-width:0;display:flex;flex-direction:column}.account-card__nick{font-size:var(--fs-body-compact);font-weight:600}.account-card__email{font-size:var(--fs-caption-small);color:var(--text-muted-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabbar{position:fixed;z-index:40;left:0;right:0;bottom:0;height:calc(var(--tabbar-height) + env(safe-area-inset-bottom));display:flex;gap:var(--space-1);padding:6px var(--space-2) calc(6px + env(safe-area-inset-bottom));background:var(--tabbar-bg);border-top:1px solid var(--line)}.tabbar__item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:0;border:none;border-radius:var(--radius-field);background:transparent;color:var(--text-muted-strong);font-size:11px;font-weight:600}.tabbar__item:hover,.tabbar__item--active{color:var(--text)}.tabbar__pill{width:44px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:9px}.tabbar__item--active .tabbar__pill,.tabbar__item[aria-expanded=true] .tabbar__pill{background:var(--tab-active-pill)}.tabbar__item--create{color:var(--text-label)}.tabbar__create{width:44px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--button-primary-bg);box-shadow:var(--button-primary-shadow);color:var(--on-accent)}.tabbar__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu--sheet{width:min(320px,calc(100vw - 16px))}.menu--spaces{min-width:236px}.page-header{background:var(--topbar-bg);border-bottom:1px solid transparent}.page-header--sticky{position:sticky;top:0;z-index:12;transition:border-color .15s,box-shadow .15s}.page-header--scrolled{border-bottom-color:var(--topbar-line);box-shadow:var(--topbar-shadow)}.page-header__inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding:14px 40px}.page-header__text{min-width:0}.page-header__title{font-size:32px;font-weight:600;line-height:1.15}.page-header__subtitle{margin-top:6px;color:var(--text-secondary)}.page-body{width:100%;max-width:1280px;margin:0 auto;padding:22px 40px 48px}.page-body--narrow>*{max-width:880px}@media(max-width:1023px){.page-header__inner{padding:14px 28px}.page-body{padding:22px 28px 40px}}@media(max-width:599px){.page-header__inner{padding:12px var(--space-4);gap:14px}.page-header__title{font-size:26px}.page-header__subtitle{font-size:var(--fs-body-compact)}.page-body{padding:var(--space-4) var(--space-4) var(--space-6)}}.coming-soon{max-width:640px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) 28px;background:var(--surface);border:1px solid var(--card-line);border-radius:var(--radius-card-large)}.coming-soon__head{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.coming-soon__title{font-size:var(--fs-section-title)}.coming-soon__text{color:var(--text-secondary)}.coming-soon__skeleton{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.coming-soon__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-field)}.coming-soon__lines{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}@media(max-width:599px){.coming-soon{padding:var(--space-5) var(--space-4)}}.invite-pending{min-height:240px;display:flex;align-items:center;justify-content:center;color:var(--accent-light)}.invite-note{margin-bottom:var(--space-4);padding:var(--space-3) 14px;border-radius:var(--radius-field);background:var(--accent-tint);border:1px solid var(--accent-tint-line);font-size:var(--fs-body-compact);line-height:1.45;color:var(--text-label)}.auth-form .invite-note{margin-bottom:0}.members-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:var(--space-4)}.members-toolbar__search{flex:1 1 220px;min-width:0;max-width:340px}.members-toolbar__filter{flex:1 1 140px}@media(max-width:599px){.members-toolbar__search{max-width:none}.members-toolbar .search-field__input,.members-toolbar__filter .select__input{height:var(--control-height-small)}}.members-card{padding:var(--space-3) var(--space-3) 14px;background:var(--surface);border:1px solid var(--card-line);border-radius:var(--radius-card-large);transition:opacity .15s}.members-card--refreshing .members-table-wrap,.members-card--refreshing .member-cards{opacity:.6}@media(max-width:599px){.members-card{padding:var(--space-1) 14px var(--space-3)}}.members-table-wrap{overflow-x:auto}.members-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:var(--fs-body-compact)}.members-table th{padding:var(--space-1) 10px var(--space-3);border-bottom:1px solid var(--line);font-size:var(--fs-caption-small);font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase;color:var(--text-tertiary)}.members-table td{padding:10px;border-bottom:1px solid var(--row-line);vertical-align:middle}.members-table tbody tr:last-child td{border-bottom:none}.members-table th:nth-child(2){width:170px}.members-table th:nth-child(3){width:80px}.members-table th:nth-child(4){width:140px}.members-table th:nth-child(5){width:130px}.members-table th:last-child{width:84px}.members-table--compact th:nth-child(2){width:150px}.members-table--compact th:nth-child(3){width:70px}.members-table--compact th:nth-child(4){width:130px}.members-table__center{text-align:center!important;color:var(--text-label)}.members-table__muted{color:var(--text-secondary);white-space:nowrap}.member-identity{display:flex;align-items:center;gap:var(--space-3);min-width:0}.member-identity__text{min-width:0;display:flex;flex-direction:column}.member-identity__name{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-weight:600}.member-identity__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-identity__sub{font-size:var(--fs-caption-small);color:var(--text-muted-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-status{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.member-status__resend{min-height:24px;padding:0;border:none;background:none;color:var(--accent-light);font-size:var(--fs-caption-small);font-weight:600}.member-status__resend:hover:not(:disabled){color:var(--accent-lighter)}.member-status__resend:disabled{color:var(--text-tertiary);cursor:default}.member-actions{display:flex;justify-content:flex-end;gap:var(--space-1)}.member-cards{margin:0;padding:0;list-style:none}.member-card{display:flex;flex-direction:column;gap:var(--space-3);padding:14px 2px;border-bottom:1px solid var(--row-line)}.member-card__head{display:flex;align-items:center;gap:var(--space-2);min-width:0}.member-card__head .member-identity{flex:1}.member-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.member-card__meta .member-role{flex:1 1 150px}.member-card__meta .select__input{height:var(--control-height-small);font-size:var(--fs-body-compact)}.member-card__meta .member-status{flex-direction:row;align-items:center;gap:10px}.member-card__meta .member-status__resend{min-height:44px}.member-card__projects{font-size:var(--fs-caption);color:var(--text-muted-strong)}.profile-stack{display:flex;flex-direction:column;gap:var(--space-4)}.profile-card{display:flex;flex-direction:column;gap:22px;padding:28px;background:var(--surface);border:1px solid var(--card-line);border-radius:18px}@media(max-width:599px){.profile-card{padding:20px var(--space-4)}}.profile-card__title{font-size:17px}.profile-card__lead{margin-top:var(--space-1);font-size:var(--fs-body-compact);color:var(--text-secondary)}.profile-form{display:flex;flex-direction:column;gap:18px}.role-plaque{display:flex;align-items:center;gap:10px;padding:var(--space-3) 14px;border-radius:var(--radius-field);background:var(--surface-sunken);border:1px solid var(--card-line);font-size:var(--fs-body-compact);color:var(--text-label)}.role-plaque__icon{flex:none;color:var(--accent-light)}.pending-email{display:flex;flex-direction:column;gap:var(--space-3);padding:18px;border-radius:var(--radius-card);background:var(--accent-tint);border:1px solid var(--accent-tint-line)}.pending-email__title{font-size:var(--fs-body);font-weight:600}.pending-email__text{font-size:var(--fs-body-compact);color:var(--text-label)}.pending-email__text strong{color:var(--text)}.pending-email .code-input{max-width:380px}.pending-email__actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.settings-stack,.settings-form{display:flex;flex-direction:column;gap:var(--space-4)}.settings-card{display:flex;flex-direction:column;gap:22px;padding:28px;background:var(--surface);border:1px solid var(--card-line);border-radius:18px}@media(max-width:599px){.settings-card{padding:20px var(--space-4)}}.settings-card__title{font-size:17px}.settings-card__lead{margin-top:var(--space-1);font-size:var(--fs-body-compact);line-height:1.5;color:var(--text-secondary)}.settings-card__narrow{max-width:420px}.settings-cap{display:flex;flex-direction:column;gap:14px;padding-top:20px;border-top:1px solid var(--line)}.settings-cap__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.settings-cap__title{font-size:14.5px;font-weight:600}.spent-meter{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 14px;border-radius:var(--radius-field);background:var(--surface-sunken);border:1px solid var(--card-line);align-self:end}.spent-meter__row{display:flex;justify-content:space-between;gap:10px;font-size:var(--fs-caption);color:var(--text-secondary)}.spent-meter__pct{font-weight:600}.spent-meter__pct--accent{color:var(--text-secondary)}.spent-meter__pct--warning{color:var(--warning)}.spent-meter__pct--danger{color:var(--danger-icon)}.spent-meter__value{font-weight:600}.unsaved-bar{position:sticky;bottom:var(--space-4);z-index:8;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) 18px;background:var(--sticky-bar-bg);border:1px solid var(--button-secondary-line);border-radius:var(--radius-card-large);box-shadow:var(--popover-shadow)}.cabinet--phone .unsaved-bar{bottom:calc(var(--tabbar-height) + var(--space-3) + env(safe-area-inset-bottom))}.unsaved-bar__text{font-size:var(--fs-body-compact);color:var(--text-label)}.unsaved-bar__text--error{color:var(--danger-icon)}.unsaved-bar__buttons{display:flex;gap:var(--space-2)}@media(max-width:599px){.unsaved-bar__buttons{width:100%}.unsaved-bar__buttons .button{flex:1;height:var(--control-height-small)}}.audit__list{margin:0;padding:0;list-style:none}.audit__item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--line)}.audit__item:first-child{border-top:none;padding-top:0}.audit__dot{flex:none;width:8px;height:8px;margin-top:7px;border-radius:var(--radius-round);background:var(--accent-light)}.audit__body{min-width:0}.audit__text{font-size:var(--fs-body-compact);overflow-wrap:anywhere}.audit__meta{margin-top:2px;font-size:var(--fs-caption-small);color:var(--text-muted-strong)}.audit .pagination{padding-inline:0}:root{color-scheme:dark;--bg: #0b0a12;--surface: #12111c;--surface-sunken: #0e0d17;--line: #1d1b2a;--line-strong: #262436;--text: #efeef6;--text-secondary: #9b99b0;--text-tertiary: #6e6c82;--accent: #7c5cff;--accent-hover: #8d71ff;--accent-light: #a993ff;--accent-lighter: #c8bbff;--on-accent: #ffffff;--success: #3ddc97;--warning: #ffb547;--danger: #ff6b81;--font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-page-title: clamp(28px, 2.4vw + 18px, 32px);--fs-section-title: 18px;--fs-body: 15px;--fs-body-compact: 14px;--fs-caption: 13px;--fs-caption-small: 12px;--radius-control: 10px;--radius-control-small: 8px;--radius-card: 14px;--radius-card-large: 16px;--radius-modal: 16px;--radius-round: 999px;--control-height: 46px;--control-height-small: 44px;--control-height-large: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--text-label: #c9c7d8;--text-placeholder: #5f5d73;--line-idle: #3a3750;--line-filled: #4a4566;--field-bg: #0e0d18;--field-focus-ring: 0 0 0 3px rgba(124, 92, 255, .22);--button-primary-bg: linear-gradient(180deg, #8667ff, #6c4ff0);--button-primary-shadow: 0 10px 26px -10px rgba(124, 92, 255, .7), inset 0 1px 0 rgba(255, 255, 255, .18);--spinner-track: rgba(255, 255, 255, .25);--danger-text: #ff7a8e;--danger-text-soft: #ffb3bf;--danger-text-strong: #ffd0d7;--danger-text-muted: #d8a9b2;--danger-icon: #ff8a9b;--danger-tint: rgba(255, 107, 129, .08);--danger-tint-strong: rgba(255, 107, 129, .16);--danger-tint-line: rgba(255, 107, 129, .3);--on-danger: #1a0b10;--success-tint: rgba(61, 220, 151, .12);--success-tint-soft: rgba(61, 220, 151, .1);--success-tint-line: rgba(61, 220, 151, .35);--accent-tint: rgba(124, 92, 255, .08);--accent-tint-medium: rgba(124, 92, 255, .12);--accent-tint-strong: rgba(124, 92, 255, .16);--accent-tint-line: rgba(124, 92, 255, .22);--accent-tint-line-strong: rgba(124, 92, 255, .3);--popover-bg: #121119;--popover-line: #2a2836;--popover-hover: #1e1c2a;--popover-shadow: 0 20px 50px rgba(0, 0, 0, .6);--auth-bg: #0a0913;--auth-card-bg: rgba(18, 17, 29, .72);--auth-card-bg-tablet: rgba(14, 13, 24, .86);--auth-card-line: #22202f;--auth-card-shadow: 0 30px 80px -30px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .04);--auth-control-bg: rgba(18, 17, 29, .8);--auth-hero-text: #b9b6cc;--auth-footer-link: #8d8ba2;--auth-hero-shade-vertical: linear-gradient( 180deg, rgba(10, 9, 19, .92) 0%, rgba(10, 9, 19, .35) 38%, rgba(10, 9, 19, 0) 60%, rgba(10, 9, 19, .75) 100% );--auth-hero-shade-edge: linear-gradient(90deg, rgba(10, 9, 19, 0) 70%, #0a0913 100%);--auth-hero-shade-tablet: linear-gradient(180deg, rgba(10, 9, 19, .55), rgba(10, 9, 19, .85));--auth-hero-shade-phone: linear-gradient(180deg, rgba(10, 9, 19, .35) 0%, rgba(10, 9, 19, .7) 60%, #0a0913 100%);--radius-field: 12px;--radius-auth-card: 22px;--sidebar-bg: #0d0c17;--sidebar-width: 264px;--sidebar-width-collapsed: 68px;--sidebar-shadow: 24px 0 60px rgba(0, 0, 0, .55);--nav-hover: #17152a;--nav-active: #1c1930;--topbar-bg: #0a0913;--topbar-line: #24222f;--topbar-shadow: 0 12px 30px -18px rgba(0, 0, 0, .9);--tabbar-bg: rgba(13, 12, 23, .96);--tabbar-height: 68px;--tab-active-pill: rgba(124, 92, 255, .22);--text-muted-strong: #8d8ba2;--card-line: #201e2d;--row-line: #1a1826;--chip-neutral: #24222f;--chip-subtle: rgba(255, 255, 255, .06);--control-line-hover: #3d3a52;--button-secondary-bg: #17152a;--button-secondary-line: #2e2b40;--button-secondary-line-hover: #4a4566;--switch-off: #2e2b40;--switch-knob: #ffffff;--switch-knob-shadow: 0 2px 6px rgba(0, 0, 0, .35);--progress-track: #24222f;--warning-text: #ffc97a;--warning-tint: rgba(255, 181, 71, .1);--sticky-bar-bg: #1a1828;--scrim: rgba(5, 5, 10, .72);--scrim-light: rgba(5, 5, 10, .62);--modal-bg: #12111c;--modal-line: #2a2836;--modal-shadow: 0 30px 80px rgba(0, 0, 0, .7);--toast-bg: #1c1a29;--toast-line: #34304a;--crop-stage-bg: #0a0913;--crop-mask: rgba(5, 5, 10, .55);--crop-ring: rgba(255, 255, 255, .85);--crop-grid: rgba(255, 255, 255, .18);--role-owner-bg: rgba(124, 92, 255, .18);--role-owner-text: #c8bbff;--role-admin-bg: rgba(124, 92, 255, .12);--role-admin-text: #b9a8ff;--role-author-bg: rgba(255, 255, 255, .06);--role-author-text: #d9d6ea;--role-client-bg: rgba(255, 181, 71, .1);--role-client-text: #ffc97a;--avatar-text: #ffffff;--avatar-muted: #2e2b40;--avatar-tone-0: #5b45c9;--avatar-tone-1: #2f6fd6;--avatar-tone-2: #1f9e6e;--avatar-tone-3: #b9802a;--avatar-tone-4: #c24a5f;--avatar-tone-5: #8a4fd1;--avatar-tone-6: #22908f;--bp-tablet: 600px;--bp-desktop: 1024px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,p{margin:0}h1{font-size:var(--fs-page-title);font-weight:700;line-height:1.2;letter-spacing:-.02em}h2{font-size:var(--fs-section-title);font-weight:600;line-height:1.3}a{color:var(--accent-light);text-decoration:none}a:hover{color:var(--accent-lighter)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-control-small)}::selection{background:var(--accent);color:var(--on-accent)}.caption{font-size:var(--fs-caption);color:var(--text-secondary)}.numeric{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{flex:none;display:inline-block;border-style:solid;border-color:var(--spinner-track);border-top-color:currentColor;border-radius:var(--radius-round);animation:spin .8s linear infinite}.spinner--small{width:16px;height:16px;border-width:2px}.spinner--medium{width:12px;height:12px;border-width:2px}.spinner--large{width:26px;height:26px;border-width:3px}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;background:none;padding:0;font-weight:600}.button:disabled{cursor:default}.button--primary{width:100%;height:50px;padding:0 var(--space-4);border-radius:var(--radius-field);background:var(--button-primary-bg);box-shadow:var(--button-primary-shadow);color:var(--on-accent);font-size:var(--fs-body)}.button--primary:hover:not(:disabled){filter:brightness(1.08)}.button--primary:active:not(:disabled){filter:brightness(.95)}.button--primary:disabled{opacity:.7}.button--primary:focus-visible{outline:none;border-radius:var(--radius-field);box-shadow:var(--focus-ring)}.button--link{min-height:24px;color:var(--accent-light);font-size:inherit}.button--link:hover:not(:disabled){color:var(--accent-lighter)}.button--link:disabled{color:var(--text-tertiary);font-weight:500}.button--back{gap:6px;min-height:24px;color:var(--text-secondary);font-size:var(--fs-body-compact);font-weight:400}.button--back:hover{color:var(--text)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.field__label{font-size:var(--fs-caption);font-weight:600;color:var(--text-label)}.field__control{position:relative}.field__input{width:100%;height:var(--control-height-large);padding:0 14px;background:var(--field-bg);border:1px solid var(--line-strong);border-radius:var(--radius-field);color:var(--text);font-size:var(--fs-body);transition:border-color .15s,box-shadow .15s}.field__input::placeholder{color:var(--text-placeholder)}.field__input:focus,.field__input:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--field-focus-ring)}.field__input[aria-invalid=true]{border-color:var(--danger)}.field__input:disabled{opacity:.6}.field__control--prefixed .field__input{padding-left:32px}.field__control--trailing .field__input{padding-right:50px}.field__prefix{position:absolute;left:14px;top:0;height:var(--control-height-large);display:flex;align-items:center;color:var(--text-tertiary);font-size:var(--fs-body);pointer-events:none}.field__icon-button{position:absolute;right:4px;top:2px;width:var(--control-height-small);height:var(--control-height-small);display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-control-small);color:var(--auth-footer-link)}.field__icon-button:hover{color:var(--text)}.field__message{font-size:var(--fs-caption-small);line-height:1.45}.field__message--error{color:var(--danger-text)}.field__message--muted{color:var(--text-tertiary)}.field__message--success{color:var(--success)}.checkbox-field{display:flex;flex-direction:column;gap:6px}.checkbox{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:28px;padding-top:4px;color:var(--text-label);font-size:var(--fs-body-compact);line-height:1.45;cursor:pointer}.checkbox__input{position:absolute;top:4px;left:0;width:20px;height:20px;margin:0;opacity:0;cursor:pointer}.checkbox__box{flex:none;width:20px;height:20px;margin-top:0;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--line-idle);border-radius:6px;color:var(--on-accent);transition:background .15s,border-color .15s}.checkbox__box svg{opacity:0}.checkbox__input:checked+.checkbox__box{background:var(--accent);border-color:var(--accent)}.checkbox__input:checked+.checkbox__box svg{opacity:1}.checkbox__input[aria-invalid=true]+.checkbox__box{border-color:var(--danger)}.checkbox__input:focus-visible+.checkbox__box{box-shadow:var(--focus-ring)}.checkbox-field__error{padding-left:30px}.alert{display:flex;gap:10px;align-items:flex-start;padding:var(--space-3) 14px;border-radius:var(--radius-field);background:var(--danger-tint);border:1px solid var(--danger-tint-line);color:var(--danger-text-soft);font-size:var(--fs-body-compact);line-height:1.45}.alert__icon{flex:none;width:18px;height:18px;margin-top:1px;border-radius:var(--radius-round);background:var(--danger);color:var(--on-danger);font-size:var(--fs-caption-small);font-weight:800;display:flex;align-items:center;justify-content:center}.field__message--warning{color:var(--warning)}.button--fit{width:auto}.button--compact{height:42px;padding:0 var(--space-4);border-radius:var(--radius-control);font-size:var(--fs-body-compact);gap:var(--space-2)}.button--primary.button--compact{padding:0 18px}.button--secondary,.button--ghost,.button--danger,.button--danger-ghost{height:46px;padding:0 18px;border-radius:var(--radius-control);font-size:var(--fs-body-compact);white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.button--secondary{border:1px solid var(--button-secondary-line);background:var(--button-secondary-bg);color:var(--text)}.button--secondary:hover:not(:disabled){border-color:var(--button-secondary-line-hover)}.button--ghost{color:var(--accent-light)}.button--ghost:hover:not(:disabled){color:var(--accent-lighter)}.button--danger{background:var(--danger);color:var(--on-danger)}.button--danger:hover:not(:disabled){filter:brightness(1.08)}.button--danger-ghost{color:var(--danger-icon)}.button--danger-ghost:hover:not(:disabled){background:var(--danger-tint)}.button--secondary:disabled,.button--ghost:disabled,.button--danger:disabled,.button--danger-ghost:disabled{opacity:.5}.button--secondary.button--compact,.button--ghost.button--compact,.button--danger.button--compact,.button--danger-ghost.button--compact{height:42px}.icon-button{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-control-small);background:transparent;color:var(--text-muted-strong);transition:background .15s,color .15s}.icon-button:hover:not(:disabled){background:var(--popover-hover);color:var(--text)}.icon-button:disabled{opacity:.35;cursor:default}.icon-button--small{width:34px;height:34px}.icon-button--medium{width:36px;height:36px}.icon-button--large{width:44px;height:44px;border-radius:var(--radius-control)}.icon-button--bordered{border:1px solid var(--line-strong);color:var(--text-label)}.icon-button--danger:hover:not(:disabled){background:var(--danger-tint);color:var(--danger-icon)}.soon-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-round);background:var(--accent-tint-strong);color:var(--accent-lighter);font-size:var(--fs-caption-small);font-weight:600;letter-spacing:0;text-transform:none}.you-badge{flex:none;padding:1px 7px;border-radius:6px;background:var(--chip-neutral);color:var(--text-label);font-size:11px;font-weight:700}.role-badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:var(--radius-control-small);font-size:var(--fs-caption-small);font-weight:600;white-space:nowrap}.role-badge--owner{background:var(--role-owner-bg);color:var(--role-owner-text)}.role-badge--admin{background:var(--role-admin-bg);color:var(--role-admin-text)}.role-badge--author{background:var(--role-author-bg);color:var(--role-author-text)}.role-badge--client{background:var(--role-client-bg);color:var(--role-client-text)}.status-dot{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-caption);font-weight:600;white-space:nowrap}.status-dot:before{content:"";width:7px;height:7px;border-radius:var(--radius-round);background:currentColor}.status-dot--active{color:var(--success)}.status-dot--invited{color:var(--warning)}.info-note{margin-bottom:var(--space-4);padding:var(--space-3) 14px;border-radius:var(--radius-field);background:var(--accent-tint);border:1px solid var(--accent-tint-line);color:var(--text-label);font-size:var(--fs-body-compact);line-height:1.45}.avatar{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:var(--avatar-text);font-weight:700;-webkit-user-select:none;user-select:none}.avatar--circle{border-radius:var(--radius-round)}.avatar--small{width:28px;height:28px;font-size:var(--fs-caption-small)}.avatar--medium{width:36px;height:36px;font-size:var(--fs-body-compact)}.avatar--large{width:72px;height:72px;font-size:26px}.avatar--xlarge{width:84px;height:84px;font-size:32px}.avatar--rounded.avatar--small,.avatar--rounded.avatar--medium{border-radius:var(--radius-control)}.avatar--rounded.avatar--large,.avatar--rounded.avatar--xlarge{border-radius:24px}.avatar__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.avatar--muted{background:var(--avatar-muted)}.avatar--tone-0{background:var(--avatar-tone-0)}.avatar--tone-1{background:var(--avatar-tone-1)}.avatar--tone-2{background:var(--avatar-tone-2)}.avatar--tone-3{background:var(--avatar-tone-3)}.avatar--tone-4{background:var(--avatar-tone-4)}.avatar--tone-5{background:var(--avatar-tone-5)}.avatar--tone-6{background:var(--avatar-tone-6)}.avatar-picker{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.avatar-picker__side{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.avatar-picker__buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}@media(min-width:600px){.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:599px){.form-grid__spacer{display:none}}.form-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding-top:var(--space-4);border-top:1px solid var(--line)}.modal-form{display:flex;flex-direction:column;gap:18px}.field__row{display:flex;gap:var(--space-2)}.field__row .button{height:var(--control-height-large)}.field__input--readonly{flex:1;min-width:0;background:var(--surface-sunken);border-color:var(--card-line);color:var(--text-secondary)}.field__static{min-height:var(--control-height-large);display:flex;align-items:center}.field__suffix{position:absolute;right:14px;top:0;height:var(--control-height-large);display:flex;align-items:center;color:var(--text-tertiary);pointer-events:none}.field--money .field__input{padding-right:40px;font-variant-numeric:tabular-nums}.select{position:relative}.select__input{width:100%;height:var(--control-height-large);padding:0 38px 0 14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--field-bg);border:1px solid var(--line-strong);border-radius:var(--radius-field);color:var(--text);font-size:var(--fs-body);cursor:pointer;transition:border-color .15s}.select__input:hover:not(:disabled){border-color:var(--control-line-hover)}.select__input:focus,.select__input:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--field-focus-ring)}.select__input[aria-invalid=true]{border-color:var(--danger)}.select__input:disabled{opacity:.6;cursor:default}.select__input option{background:var(--popover-bg);color:var(--text)}.select__chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.select--compact .select__input{height:40px;font-size:var(--fs-body-compact);border-radius:var(--radius-control)}.select--small .select__input{height:36px;padding:0 30px 0 11px;font-size:var(--fs-caption);border-radius:var(--radius-control-small)}.select--small .select__chevron{right:10px}.select--leading .select__input{padding-left:44px}.select__leading{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;pointer-events:none}.search-field{position:relative}.search-field__icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-field__input{width:100%;height:40px;padding:0 12px 0 38px;background:var(--field-bg);border:1px solid var(--line-strong);border-radius:var(--radius-control);color:var(--text);font-size:var(--fs-body-compact)}.search-field__input::placeholder{color:var(--text-placeholder)}.search-field__input:focus,.search-field__input:focus-visible{outline:none;border-color:var(--accent);box-shadow:var(--field-focus-ring)}.tabs{display:flex;flex-wrap:wrap;gap:6px}.tabs__tab{height:40px;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-control);background:transparent;color:var(--text-label);font-size:var(--fs-body-compact);font-weight:600;white-space:nowrap;transition:border-color .15s,background .15s}.tabs__tab:hover{border-color:var(--line-filled)}.tabs__tab--selected{border-color:var(--accent);background:var(--accent-tint-strong);color:var(--text)}.tabs__count{padding:1px 7px;border-radius:6px;background:var(--chip-subtle);color:var(--text-secondary);font-size:var(--fs-caption-small)}.pagination{display:flex;align-items:center;gap:var(--space-3);padding:14px var(--space-2) 2px;white-space:nowrap}.pagination__size{display:flex;align-items:center;gap:var(--space-2)}.pagination__caption,.pagination__range{font-size:var(--fs-caption);color:var(--text-muted-strong)}.pagination__size .select__input{height:34px}.pagination__pages{margin-left:auto;display:flex;align-items:center;gap:var(--space-1)}.pagination__page{min-width:34px;height:34px;padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-control-small);background:transparent;color:var(--text-label);font-size:var(--fs-caption);font-weight:600}.pagination__page:hover{border-color:var(--line-filled)}.pagination__page--current{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.pagination__gap{width:24px;text-align:center;color:var(--text-tertiary)}.pagination__compact{padding:0 var(--space-2);font-size:var(--fs-caption);font-weight:600;color:var(--text-label)}@media(max-width:599px){.pagination{padding-inline:0}.pagination .icon-button--small{width:44px;height:44px}}.skeleton{display:block;flex:none;background:var(--line-strong);animation:skeleton-pulse 1.6s ease-in-out infinite}.skeleton--line{border-radius:6px}.skeleton--block{border-radius:var(--radius-control-small)}.skeleton--circle{border-radius:var(--radius-round)}.skeleton-rows{display:flex;flex-direction:column}.skeleton-rows__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 10px;border-bottom:1px solid var(--row-line)}.skeleton-rows__text{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}@keyframes skeleton-pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:40px var(--space-3);text-align:center}.empty-state__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-control);background:var(--accent-tint-medium);color:var(--accent-light)}.empty-state__title{font-weight:600}.empty-state--error .empty-state__title{color:var(--danger-text-soft)}.empty-state__text{max-width:420px;font-size:var(--fs-body-compact);color:var(--text-secondary)}.empty-state__action{margin-top:var(--space-2)}.switch{position:relative;flex:none;width:46px;height:28px;padding:0;border:none;border-radius:14px;background:var(--switch-off);transition:background .15s}.switch--on{background:var(--accent)}.switch__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:var(--radius-round);background:var(--switch-knob);box-shadow:var(--switch-knob-shadow);transition:left .15s}.switch--on .switch__knob{left:21px}.switch:focus-visible{border-radius:14px;box-shadow:var(--focus-ring);outline:none}.choice-group--segmented{height:var(--control-height-large);display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--field-bg);border:1px solid var(--line-strong);border-radius:var(--radius-field)}.choice-group--segmented .choice{flex:1;border:none;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:var(--fs-body-compact);font-weight:600}.choice-group--segmented .choice--checked{background:var(--tab-active-pill);color:var(--text)}.choice-group--cards{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}@media(min-width:600px){.choice-group--cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.choice-group--cards .choice{display:flex;align-items:flex-start;gap:var(--space-3);padding:14px var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--field-bg);color:var(--text);text-align:left;transition:border-color .15s}.choice-group--cards .choice:hover{border-color:var(--line-filled)}.choice-group--cards .choice--checked{border-color:var(--accent);background:var(--accent-tint)}.choice__radio{flex:none;width:18px;height:18px;margin-top:1px;display:flex;align-items:center;justify-content:center;border:2px solid var(--line-filled);border-radius:var(--radius-round)}.choice--checked .choice__radio{border-color:var(--accent)}.choice--checked .choice__radio:after{content:"";width:8px;height:8px;border-radius:var(--radius-round);background:var(--accent)}.choice__text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.choice__label{font-weight:600}.choice__description{font-size:var(--fs-caption);line-height:1.45;color:var(--text-secondary)}.progress{height:6px;border-radius:3px;background:var(--progress-track);overflow:hidden}.progress__bar{display:block;height:100%;border-radius:3px}.progress__bar--accent{background:var(--accent)}.progress__bar--warning{background:var(--warning)}.progress__bar--danger{background:var(--danger)}.menu{position:fixed;z-index:80;width:260px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow-y:auto;padding:6px;background:var(--popover-bg);border:1px solid var(--popover-line);border-radius:var(--radius-card);box-shadow:var(--popover-shadow)}.menu__item{width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:6px 10px;border:none;border-radius:9px;background:transparent;color:var(--text-label);font-size:var(--fs-body-compact);text-align:left}.menu__item:hover,.menu__item:focus-visible{background:var(--popover-hover);color:var(--text);outline:none}.menu__item--danger{color:var(--danger-icon)}.menu__item--danger:hover,.menu__item--danger:focus-visible{background:var(--danger-tint);color:var(--danger-icon)}.menu__item[aria-checked=true]{color:var(--text)}.menu__icon{flex:none;display:flex;color:currentColor}.menu__text{flex:1;min-width:0;display:flex;flex-direction:column}.menu__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu__hint{font-size:var(--fs-caption-small);color:var(--text-tertiary)}.menu__check{flex:none;color:var(--accent-light)}.menu__separator{height:1px;margin:6px 4px;background:var(--popover-line)}.menu__heading{padding:6px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.menu__custom{padding:6px 6px 4px}@media(max-width:599px){.menu__item{min-height:44px}}body.modal-open{overflow:hidden}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--scrim);overflow-y:auto}.modal{width:100%;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--modal-bg);border:1px solid var(--modal-line);border-radius:var(--radius-modal);box-shadow:var(--modal-shadow)}.modal:focus{outline:none}.modal--small{max-width:420px}.modal--medium{max-width:460px}.modal--large{max-width:560px}.modal__head{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:26px 26px 0}.modal__heading{min-width:0}.modal__title{font-size:20px;font-weight:600}.modal__description{margin-top:6px;font-size:var(--fs-body-compact);line-height:1.5;color:var(--text-secondary)}.modal__close{margin:-6px -8px 0 0}.modal__body{flex:1;min-height:0;overflow-y:auto;padding:20px 26px}.modal__body:empty{display:none}.modal__footer{flex:none;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:0 26px 26px}.modal--alert .modal__footer{padding-top:20px}.modal--alert .modal__body{padding-bottom:0}@media(max-width:599px){.modal-backdrop--form{padding:0;align-items:stretch}.modal--form{max-width:none;max-height:none;min-height:100%;border:none;border-radius:0}.modal--form .modal__head{padding:var(--space-4) var(--space-4) 0}.modal--form .modal__body{padding:var(--space-4)}.modal--form .modal__footer{position:sticky;bottom:0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--modal-bg);border-top:1px solid var(--line)}.modal--form .modal__footer .button{flex:1;height:var(--control-height-large)}.modal__close{width:44px;height:44px}}.toast-region{position:fixed;z-index:90;left:50%;bottom:var(--space-5);transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);pointer-events:none}body:has(.tabbar) .toast-region{bottom:calc(var(--tabbar-height) + 14px + env(safe-area-inset-bottom))}.toast{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-field);background:var(--toast-bg);border:1px solid var(--toast-line);box-shadow:var(--popover-shadow);font-size:var(--fs-body-compact);color:var(--text);pointer-events:auto;animation:toast-in .18s ease-out}.toast--error{border-color:var(--danger-tint-line)}.toast__action{flex:none;min-height:32px;padding:0 var(--space-1);border:none;background:none;color:var(--accent-light);font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.cropper{display:flex;flex-direction:column;gap:18px}.cropper__stage{position:relative;width:min(300px,100%);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:var(--radius-card-large);background:var(--crop-stage-bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.cropper__stage--dragging{cursor:grabbing}.cropper__stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cropper__image{position:absolute;max-width:none;pointer-events:none}.cropper__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--accent-light)}.cropper__mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-round);border:2px solid var(--crop-ring);box-shadow:0 0 0 400px var(--crop-mask);pointer-events:none}.cropper__grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.33% - .5px),var(--crop-grid) calc(33.33% - .5px),var(--crop-grid) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),var(--crop-grid) calc(66.66% - .5px),var(--crop-grid) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(to bottom,transparent calc(33.33% - .5px),var(--crop-grid) calc(33.33% - .5px),var(--crop-grid) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),var(--crop-grid) calc(66.66% - .5px),var(--crop-grid) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.cropper__zoom{display:flex;align-items:center;gap:var(--space-3)}.cropper__slider{flex:1;min-width:0;accent-color:var(--accent)}.cropper__actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.cropper__actions .button--ghost{padding:0 var(--space-1)}.cropper__buttons{display:flex;gap:10px}@media(max-width:599px){.cropper__zoom .icon-button--small{width:44px;height:44px}}.info-note--flush{margin-bottom:0}.field--readonly .field__input{background:var(--surface-sunken);border-color:var(--card-line);color:var(--text-secondary)}
