@font-face{font-family:Bogart;src:url(/fonts/bogart/BOGARTREGULARTRIAL.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bogart;src:url(/fonts/bogart/BOGARTITALICTRIAL.TTF) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Bogart;src:url(/fonts/bogart/BOGARTMEDIUMTRIAL.TTF) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Bogart;src:url(/fonts/bogart/BOGARTMEDIUMITALICTRIAL.TTF) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Bogart;src:url(/fonts/bogart/BOGARTBOLDTRIAL.TTF) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Bogart;src:url(/fonts/bogart/BOGARTBOLDITALICTRIAL.TTF) format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Bogart;src:url(/fonts/bogart/BOGARTBOLDTRIAL.TTF) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bogart;src:url(/fonts/bogart/BOGARTBOLDITALICTRIAL.TTF) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Bogart;src:url(/fonts/bogart/BOGARTBLACKTRIAL.TTF) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Bogart;src:url(/fonts/bogart/BOGARTBLACKITALICTRIAL.TTF) format("truetype");font-weight:900;font-style:italic;font-display:swap}:root{--ink: #171412;--paper: #FBF6EE;--surface: #FFFFFF;--red-bold: #E8362E;--teal-bold: #0F6B5C;--blush-bold: #F4B8C4;--chartreuse-bold: #D6F23C;--terracotta: #C75C4A;--teal-soft: #3D7F6E;--moss: #C3C77A;--blush-soft: #F0C7CF;--pending: #E8C84A;--pending-text: #7A5F0A;--red: var(--red-bold);--forest: var(--teal-bold);--blush: var(--blush-bold);--chartreuse: var(--chartreuse-bold);--terracotta-text: #A8432E;--teal-text: #245C50;--moss-text: #5A612E;--chartreuse-text: #3F4A10;--font-ui: "Space Grotesk", sans-serif;--font-display: "Bogart", Georgia, "Times New Roman", serif;--border: #EFE9DC;--border-strong: #D9CFC0;--ink-secondary: #6B655C;--ink-muted: #B7AFA0;--fill-disabled: #D9CFC0;--focus-ring: var(--red-bold);--overlay-scrim: rgba(23, 20, 18, .45);--shadow-hard: #171412;--radius: 2px;--elevation: 4px 4px 0 var(--shadow-hard);--elevation-sm: 2px 2px 0 var(--shadow-hard);--focus: 0 0 0 3px color-mix(in srgb, var(--focus-ring) 28%, transparent);--teal-fill: color-mix(in srgb, var(--teal-soft) 18%, var(--surface));--teal-stroke: color-mix(in srgb, var(--teal-soft) 45%, var(--border-strong));--moss-fill: color-mix(in srgb, var(--moss) 35%, var(--surface));--moss-stroke: color-mix(in srgb, var(--moss) 55%, var(--border-strong));--pending-fill: color-mix(in srgb, var(--pending) 42%, var(--surface));--terracotta-fill: color-mix(in srgb, var(--terracotta) 14%, var(--surface));--blush-fill: color-mix(in srgb, var(--blush-soft) 70%, var(--surface));--chartreuse-fill: color-mix(in srgb, var(--chartreuse-bold) 32%, var(--surface));--chartreuse-stroke: var(--ink)}*{box-sizing:border-box}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{height:100%;overflow:hidden}body{margin:0;height:100%;overflow:hidden;font-family:var(--font-ui);background:var(--paper);color:var(--ink);scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--paper);user-select:none;-webkit-user-select:none;caret-color:transparent}input,textarea,select,[contenteditable=true]{user-select:text;-webkit-user-select:text;caret-color:var(--ink)}::selection{background:color-mix(in srgb,var(--red-bold) 18%,var(--surface));color:var(--red-bold)}::-moz-selection{background:color-mix(in srgb,var(--red-bold) 18%,var(--surface));color:var(--red-bold)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--paper)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-button{display:none;width:0;height:0}*::-webkit-scrollbar-button:single-button,*::-webkit-scrollbar-button:double-button,*::-webkit-scrollbar-button:vertical:start:decrement,*::-webkit-scrollbar-button:vertical:end:increment,*::-webkit-scrollbar-button:horizontal:start:decrement,*::-webkit-scrollbar-button:horizontal:end:increment{display:none;width:0;height:0}*::-webkit-scrollbar-track{background:var(--paper);border:2px solid var(--ink)}*::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--ink);border-radius:var(--radius)}*::-webkit-scrollbar-thumb:hover{background:var(--ink-muted)}*::-webkit-scrollbar-corner{background:var(--paper);border:2px solid var(--ink)}.app-shell{display:flex;height:100%;height:100dvh;max-height:100%;max-height:100dvh;overflow:hidden;min-width:0}.mobile-topbar,.sidebar-backdrop{display:none}.sidebar{width:220px;background:var(--surface);border-right:2px solid var(--ink);padding:24px 16px;display:flex;flex-direction:column;flex-shrink:0;min-height:0;overflow:auto}.brand{display:flex;align-items:center;margin-bottom:32px;min-height:20px;flex-shrink:0;isolation:isolate}.brand-logo{display:block;width:120px;height:20px;max-width:100%;flex-shrink:0;object-fit:contain;object-position:left center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);font-size:14px;color:var(--ink-muted);cursor:default;-webkit-user-select:none;user-select:none;border:2px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease}.nav-item:not(.nav-item--active):hover{background:#1714120a;border-color:#1714121f;color:var(--ink-muted);cursor:not-allowed}.nav-item--active{background:color-mix(in srgb,var(--chartreuse) 42%,var(--paper));color:var(--ink);font-weight:700;cursor:default;border:2px solid var(--ink);box-shadow:var(--elevation-sm)}.nav-item--active:hover{cursor:default;color:var(--ink)}.sidebar-note{font-size:12px;color:var(--ink-muted);line-height:1.5;margin:0 0 12px}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:0}.content{flex:1;min-width:0;min-height:0;max-width:none;width:100%;padding:clamp(16px,3vh,40px) 0 0 clamp(16px,4vw,48px);display:flex;flex-direction:column;overflow:hidden}.content-header{max-width:920px;width:100%;margin-bottom:0;padding-right:clamp(16px,4vw,48px);box-sizing:border-box;flex-shrink:0}.view-as{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.view-as__label{font-size:11px;font-weight:500;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.view-as__seg{display:inline-flex;border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:var(--elevation-sm);width:100%}.view-as__btn{font-family:inherit;font-size:12px;font-weight:500;padding:7px 8px;border:none;border-right:2px solid var(--ink);background:var(--surface);color:var(--ink-secondary);cursor:pointer;flex:1;transition:background .12s ease,color .12s ease}.view-as__btn:last-child{border-right:none}.view-as__btn:hover{background:var(--paper);color:var(--ink)}.view-as__btn:focus-visible{outline:none;box-shadow:inset var(--focus)}.view-as__btn--active,.view-as__btn--active:hover{background:var(--ink);color:#fff}.view-as-note{margin:0 0 2px;font-size:11px;line-height:1.45;color:var(--ink-secondary);padding:8px 10px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);width:100%}h1{font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0 0 14px}h2{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.page-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.15}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;overflow:visible;color:currentColor;opacity:1}.icon svg{width:100%;height:100%;display:block;overflow:visible}.icon svg :is(path,circle,rect,polygon,ellipse):not([fill=none]){fill:currentColor}.page-title .icon{width:20px;height:20px}.plan-card__name .icon-wrap,.plan-tier__name .icon-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.plan-card__name .icon{width:22px;height:22px}.plan-tier__name .icon{width:20px;height:20px}.dropdown__chevron .icon{width:14px;height:14px;transition:transform .2s ease}.row-menu__trigger .icon{width:18px;height:18px}[aria-expanded=true] .icon--caret{transform:rotate(180deg)}.icon{overflow:visible;position:relative}.icon svg{overflow:visible}.icon svg>*:not(:first-child){transform-box:view-box;transform-origin:center;transition:transform .35s cubic-bezier(.33,1,.68,1),stroke-dashoffset .45s cubic-bezier(.33,1,.68,1)}.icon--settings svg{transform-origin:center;transform-box:fill-box}.nav-item:hover .icon--settings svg,.tab:hover .icon--settings svg{animation:iconGearSpin .65s cubic-bezier(.2,.8,.2,1)}@keyframes iconGearSpin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.btn:hover .icon--reorder svg>line:nth-child(2),.btn:hover .icon--reorder svg>line:nth-child(5){animation:iconLineDrop .22s cubic-bezier(.33,1,.68,1) both}.btn:hover .icon--reorder svg>line:nth-child(3),.btn:hover .icon--reorder svg>line:nth-child(6){animation:iconLineDrop .22s cubic-bezier(.33,1,.68,1) .04s both}.btn:hover .icon--reorder svg>line:nth-child(4),.btn:hover .icon--reorder svg>line:nth-child(7){animation:iconLineDrop .22s cubic-bezier(.33,1,.68,1) .08s both}@keyframes iconLineDrop{0%{transform:translateY(-4px) scaleY(0);transform-origin:top center}to{transform:translateY(0) scaleY(1);transform-origin:top center}}.icon--check svg>polyline{stroke-dasharray:280;stroke-dashoffset:0}.btn:hover .icon--check svg>polyline{animation:iconTickDraw .45s ease both}@keyframes iconTickDraw{0%{stroke-dashoffset:280}to{stroke-dashoffset:0}}.btn:hover .icon--invite svg>circle{animation:iconPopIn .32s ease both}.btn:hover .icon--invite svg>path,.btn:hover .icon--invite svg>line{animation:iconPopIn .32s ease .16s both}@keyframes iconPopIn{0%{transform:translateY(3px) scale(0)}to{transform:translateY(0) scale(1)}}.icon--edit:after{content:"";position:absolute;left:1px;bottom:1px;width:0;height:1.5px;border-radius:1px;background:currentColor;transform-origin:left center;pointer-events:none}.btn:hover .icon--edit:after,.btn--perm:hover .icon--edit:after{animation:iconWriteStroke .55s cubic-bezier(.33,1,.68,1) both}.btn:hover .icon--edit svg,.btn--perm:hover .icon--edit svg{animation:iconPencilWrite .55s cubic-bezier(.33,1,.68,1) both}@keyframes iconWriteStroke{0%{width:0}55%{width:85%}to{width:0}}@keyframes iconPencilWrite{0%{transform:translate(0)}55%{transform:translate(6px)}to{transform:translate(0)}}.btn--perm:hover .icon--transfer,.btn:hover .icon--transfer{animation:iconCrownTip .55s cubic-bezier(.33,1,.68,1)}@keyframes iconCrownTip{0%{transform:rotate(0);transform-origin:20% 15%}40%{transform:rotate(-8deg);transform-origin:20% 15%}45%{transform:rotate(-8deg);transform-origin:80% 95%}80%{transform:rotate(10deg);transform-origin:80% 95%}to{transform:rotate(0);transform-origin:80% 95%}}.tab:hover .icon--members svg>circle,.tab:hover .icon--members svg>path:nth-child(3){animation:iconPopIn .32s ease both}.tab:hover .icon--members svg>path:nth-child(4),.tab:hover .icon--members svg>path:nth-child(5){animation:iconPopIn .32s ease .14s both}.tab:hover .icon--general svg>line:nth-child(6){animation:iconSliderKnobA .7s ease}.tab:hover .icon--general svg>line:nth-child(10){animation:iconSliderKnobB .7s ease .1s}.tab:hover .icon--general svg>line:nth-child(9){animation:iconSliderKnobC .7s ease .2s}@keyframes iconSliderKnobA{0%,to{transform:translateY(0)}40%{transform:translateY(-16px)}70%{transform:translateY(10px)}}@keyframes iconSliderKnobB{0%,to{transform:translateY(0)}40%{transform:translateY(14px)}70%{transform:translateY(-12px)}}@keyframes iconSliderKnobC{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}70%{transform:translateY(12px)}}.tab:hover .icon--billing svg>path{animation:iconCardIntoHolder .55s cubic-bezier(.2,.8,.2,1) both}@keyframes iconCardIntoHolder{0%{transform:translateY(-10px) scaleY(0);transform-origin:top center}to{transform:translateY(0) scaleY(1);transform-origin:top center}}.btn:hover .icon--remove svg>path:nth-child(6),.btn:hover .icon--remove svg>line:nth-child(2),.btn--danger:hover .icon--remove svg>path:nth-child(6),.btn--danger:hover .icon--remove svg>line:nth-child(2),.row-menu__item:hover .icon--remove svg>path:nth-child(6),.row-menu__item:hover .icon--remove svg>line:nth-child(2){transform-origin:40px 60px;animation:iconTrashLid .5s ease}@keyframes iconTrashLid{0%,to{transform:rotate(0)}45%{transform:rotate(-32deg)}70%{transform:rotate(-22deg)}}.btn--icon:hover .icon--cancel,.btn:hover .icon--cancel{animation:iconErrorWiggle .4s ease}.icon--deactivate svg>circle{transition:fill .28s cubic-bezier(.33,1,.68,1)}.icon--deactivate svg>line{transition:stroke .28s cubic-bezier(.33,1,.68,1)}.row-menu__item:hover .icon--deactivate svg>circle{fill:currentColor}.row-menu__item:hover .icon--deactivate svg>line{stroke:var(--paper)}.btn--perm:hover .icon--resend svg,.btn:hover .icon--resend svg{animation:iconSpinOnce .55s cubic-bezier(.2,.8,.2,1)}@keyframes iconSpinOnce{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn:hover .icon--card svg{animation:iconCardSwipe .55s ease}@keyframes iconCardSwipe{0%{transform:translate(0)}40%{transform:translate(5px)}70%{transform:translate(-3px)}to{transform:translate(0)}}.btn:hover .icon--ban svg{animation:iconErrorWiggle .45s ease}@keyframes iconErrorWiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(4deg)}}.btn:hover .icon--swap svg>polyline:nth-child(2),.btn:hover .icon--swap svg>line:nth-child(3){animation:iconArrowBottomRight .7s ease}.btn:hover .icon--swap svg>polyline:nth-child(4),.btn:hover .icon--swap svg>line:nth-child(5){animation:iconArrowTopLeft .7s ease}@keyframes iconArrowBottomRight{0%{transform:translate(0)}40%{transform:translate(14px)}41%{transform:translate(-14px)}to{transform:translate(0)}}@keyframes iconArrowTopLeft{0%{transform:translate(0)}40%{transform:translate(-14px)}41%{transform:translate(14px)}to{transform:translate(0)}}.plan-tier:hover .icon--solo svg>circle,.plan-card:hover .icon--solo svg>circle{animation:iconPopIn .32s ease both}.plan-tier:hover .icon--solo svg>path,.plan-card:hover .icon--solo svg>path{animation:iconPopIn .32s ease .12s both}.plan-tier:hover .icon--studio svg>circle,.plan-tier:hover .icon--studio svg>path:nth-child(3),.plan-card:hover .icon--studio svg>circle,.plan-card:hover .icon--studio svg>path:nth-child(3){animation:iconPopIn .3s ease both}.plan-tier:hover .icon--studio svg>path:nth-child(4),.plan-tier:hover .icon--studio svg>path:nth-child(5),.plan-card:hover .icon--studio svg>path:nth-child(4),.plan-card:hover .icon--studio svg>path:nth-child(5){animation:iconPopIn .3s ease .14s both}.icon--agency svg>:not(:first-child){stroke-dasharray:320;stroke-dashoffset:0}.plan-tier:hover .icon--agency svg>:not(:first-child),.plan-card:hover .icon--agency svg>:not(:first-child){animation:iconAgencyDraw .5s cubic-bezier(.33,1,.68,1) both}@keyframes iconAgencyDraw{0%{stroke-dashoffset:320}to{stroke-dashoffset:0}}.page-title:hover .icon--workspace svg>path:nth-child(8),.page-title:hover .icon--workspace svg>line{animation:iconPopIn .3s ease both}.page-title:hover .icon--workspace svg>path:nth-child(2){animation:iconPopIn .3s ease .14s both}.nav-item:hover .icon--tax svg>line{animation:iconPopIn .28s ease both}.nav-item:hover .icon--tax svg>circle:nth-child(3){animation:iconPopIn .28s ease .1s both}.nav-item:hover .icon--tax svg>circle:nth-child(4){animation:iconPopIn .28s ease .18s both}.nav-item:hover .icon--invoices svg{animation:iconPrintDown .5s ease}.nav-item:hover .icon--invoices svg>line:nth-child(2){animation:iconPopIn .25s ease .05s both}.nav-item:hover .icon--invoices svg>line:nth-child(3){animation:iconPopIn .25s ease .14s both}@keyframes iconPrintDown{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.nav-item:hover .icon--dashboard svg{animation:iconCoinFlip .75s cubic-bezier(.4,.05,.2,1);transform-origin:center;transform-style:preserve-3d}@keyframes iconCoinFlip{0%{transform:perspective(64px) rotateY(0)}to{transform:perspective(64px) rotateY(360deg)}}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--ink)}.tab{background:none;border:none;padding:10px 4px;margin-right:20px;font-family:inherit;font-size:14px;color:var(--ink-muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;display:inline-flex;align-items:center;gap:8px;transition:color .15s ease}.tab:hover{color:var(--ink)}.tab:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius)}.tab--active{color:var(--ink);border-bottom-color:var(--red);font-weight:700}.panel{padding:clamp(28px,3.6vh,42px) clamp(16px,4vw,48px) clamp(16px,3vh,40px) 0;margin-right:0;flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:stretch;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.panel>*{max-width:920px;width:100%;box-sizing:border-box}.panel>*:not(.members-list){flex-shrink:0}#tab-billing.panel{padding-top:clamp(26px,3.2vh,38px)}#tab-billing .panel-header{margin-bottom:clamp(6px,1vh,12px);padding-top:0}#tab-billing .panel-sub{margin-top:2px}.panel--enter{animation:panelEnter .28s cubic-bezier(.2,.8,.2,1)}.panel--leave{animation:panelLeave .14s ease forwards}@keyframes panelEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes panelLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:clamp(10px,1.5vh,16px);padding-top:0;flex-shrink:0}.panel-header__actions{display:grid;justify-items:end;align-items:center;flex-shrink:0}.header-actions-set{grid-area:1 / 1;display:flex;align-items:center;justify-content:flex-end;gap:8px;transition:opacity .12s ease,transform .16s cubic-bezier(.2,.9,.2,1)}.header-actions-set--out{opacity:0;transform:translate(8px);pointer-events:none}.panel-sub{margin:4px 0 0;font-size:13px;color:var(--ink-secondary)}#members-count{display:inline-block;margin-top:8px;padding:3px 8px;font-size:12px;font-weight:600;color:var(--ink);background:color-mix(in srgb,var(--chartreuse-bold) 55%,var(--surface));border:2px solid var(--ink);border-radius:var(--radius)}.btn{font-family:inherit;font-size:14px;padding:9px 16px;border-radius:var(--radius);border:2px solid var(--ink);background:var(--surface);color:var(--ink);cursor:pointer;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .05s ease,box-shadow .05s ease,background .1s ease}.btn:hover{background:var(--paper)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn:active{transform:translate(1px,1px)}.btn--primary{background:var(--red);border-color:var(--ink);color:#fff;font-weight:700;padding:10px 22px;box-shadow:var(--elevation)}.btn--primary:hover{background:var(--red);filter:brightness(1.05)}.btn--primary:active{transform:translate(2px,2px);box-shadow:none;filter:none}.btn--primary:focus-visible{box-shadow:var(--elevation),var(--focus)}.btn--primary:focus-visible:active{box-shadow:var(--focus)}.btn--danger{background:var(--red);border-color:var(--ink);color:#fff;font-weight:700;box-shadow:3px 3px 0 var(--shadow-hard)}.btn--danger:hover{background:var(--red);filter:brightness(1.05)}.btn--danger:active{transform:translate(2px,2px);box-shadow:none;filter:none}.btn--text{border:none;background:none;padding:4px 6px;color:var(--ink);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;border-radius:var(--radius);display:inline-flex;align-items:center;gap:6px}.btn--text .icon{width:14px;height:14px}.btn--text:hover{background:var(--paper);text-decoration:underline}.btn--text:focus-visible{outline:none;box-shadow:var(--focus)}.btn--text:active{transform:none}.btn--text-danger{color:var(--terracotta-text)}.btn--text-danger:hover{background:var(--terracotta-fill)}.members-list{border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);box-shadow:var(--elevation);overflow:visible;flex:1 0 auto;min-height:auto;transition:opacity .2s ease,transform .2s ease}.members-list--fading{opacity:0;transform:translateY(4px);pointer-events:none}.members-header,.member-row{display:grid;grid-template-columns:minmax(180px,1.2fr) 108px minmax(72px,.55fr) auto;column-gap:20px;row-gap:12px;align-items:center;padding:12px 14px}.members-header{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-secondary);background:color-mix(in srgb,var(--blush-bold) 34%,var(--paper));border-bottom:2px solid var(--ink)}.members-header__status{text-align:left;padding-left:4px}.members-header__trailing,.member-trailing{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.members-header__perms{width:32px;text-align:center}.members-header__actions{width:32px;flex-shrink:0}.member-row{border-top:2px solid var(--ink);position:relative;background:var(--surface);transition:background .15s ease,box-shadow .15s ease,opacity .15s ease}.member-row:first-of-type,.members-header+.member-row{border-top:none}.member-row:hover{background:color-mix(in srgb,var(--paper) 70%,var(--surface));z-index:2}.member-row:has(.dropdown--open),.member-row:has(.row-menu--open){z-index:6}.member-row--inactive{background:color-mix(in srgb,var(--ink) 4%,var(--surface))}.member-row--inactive:hover{background:color-mix(in srgb,var(--ink) 6%,var(--surface))}.member-row--inactive .member-identity,.member-row--inactive .member-status,.member-row--inactive .member-perms{opacity:.42}.member-row--inactive .row-actions,.member-row--inactive .drag-handle{opacity:1}.member-row--inactive .member-role .tag{filter:grayscale(.4);background:color-mix(in srgb,var(--ink) 7%,var(--surface));color:var(--ink-muted);border-color:color-mix(in srgb,var(--ink) 35%,var(--surface))}.member-row--dragging{background:var(--surface)!important;border:2px solid var(--ink);border-radius:var(--radius);opacity:1!important;cursor:grabbing}.member-row--placeholder{background:var(--terracotta-fill);border-top:2px dashed var(--ink);border-bottom:2px dashed var(--ink);box-shadow:none;padding:0}.members-list--reorder{-webkit-user-select:none;user-select:none}body.is-reordering,body.is-reordering *{cursor:grabbing!important}.member-info{display:flex;align-items:center;min-width:0;width:100%}.member-identity{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-items:center;min-width:0;flex:1}.member-identity .avatar,.member-identity .avatar--pending{grid-row:1 / span 2}.drag-handle{display:flex;align-items:center;justify-content:center;width:0;margin-right:0;overflow:hidden;opacity:0;flex-shrink:0;pointer-events:none;transform:translate(-6px);transition:width .16s cubic-bezier(.2,.9,.2,1),margin-right .16s cubic-bezier(.2,.9,.2,1),opacity .12s ease,transform .16s cubic-bezier(.2,.9,.2,1)}.members-list--reorder .drag-handle{width:28px;margin-right:10px;opacity:1;pointer-events:auto;transform:translate(0)}.drag-handle__btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:2px solid transparent;border-radius:var(--radius);background:transparent;cursor:grab;transition:background .15s ease,border-color .15s ease}.drag-handle__btn:hover{background:var(--paper);border-color:var(--ink)}.drag-handle__btn:active{cursor:grabbing}.drag-handle__lines{display:block;width:12px;height:2px;background:var(--ink);box-shadow:0 5px 0 var(--ink),0 10px 0 var(--ink);transform:translateY(-5px)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--ink-secondary);flex-shrink:0}.avatar--pending{background:none;border-style:dashed}.member-name{margin:0;font-size:14px;overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word;line-height:1.3;user-select:text;-webkit-user-select:text}.member-email{margin:0;font-size:12px;color:var(--ink-secondary);overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word;line-height:1.35;user-select:text;-webkit-user-select:text}.member-role,.member-status,.member-perms{min-width:0;--member-control-h: 32px}.member-role{display:flex;align-items:center}.member-role .tag{width:100%;height:var(--member-control-h);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 8px;font-size:12px;line-height:1;cursor:default;box-shadow:none;border:2px solid var(--ink);background:#1714120a;color:var(--ink);text-align:center}.member-role .tag--owner{background:var(--blush-fill);border-color:var(--ink);color:var(--ink)}.member-role .tag--admin{background:var(--terracotta-fill);border-color:var(--ink);color:var(--terracotta-text)}.member-role .tag--member{background:var(--teal-fill);border-color:var(--ink);color:var(--teal-text)}.member-role .tag--viewer{background:color-mix(in srgb,var(--border) 70%,var(--surface));border-color:var(--ink);color:var(--ink-secondary)}.member-role .dropdown--role-admin .dropdown__trigger{background:var(--terracotta-fill);color:var(--terracotta-text)}.member-role .dropdown--role-member .dropdown__trigger{background:var(--teal-fill);color:var(--teal-text)}.member-role .dropdown--role-viewer .dropdown__trigger{background:color-mix(in srgb,var(--border) 70%,var(--surface));color:var(--ink-secondary)}.member-status{display:flex;align-items:center;justify-content:flex-start;min-width:0;padding-left:4px}.member-status .status-label{width:auto;max-width:100%;height:var(--member-control-h);display:inline-flex;align-items:center;justify-content:flex-start;box-sizing:border-box;margin:0;padding:0;border:none;background:none;border-radius:0;box-shadow:none;font-size:12px;font-weight:600;line-height:1;cursor:default;white-space:nowrap;text-align:left}.member-status .status-label--active{color:var(--teal-text)}.member-status .status-label--pending{color:var(--pending-text)}.member-row:has(.status-label--pending) .member-role .tag{background:var(--pending-fill);border-color:var(--ink);color:var(--pending-text)}.member-status .status-label--inactive{color:var(--ink-muted)}.member-role .tag,.member-role .dropdown{animation:roleSwapIn .24s cubic-bezier(.2,.8,.2,1)}@keyframes roleSwapIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.member-role .dropdown{width:100%;max-width:none}.member-role .dropdown__trigger{height:var(--member-control-h);padding:0 8px;font-size:12px;box-sizing:border-box;background:var(--surface);border:2px solid var(--ink);box-shadow:var(--elevation-sm);color:var(--ink)}.member-role .dropdown__trigger:hover{background:var(--paper)}.member-role .dropdown__trigger:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow-hard)}.member-role .dropdown--open .dropdown__trigger{background:var(--paper);box-shadow:1px 1px 0 var(--shadow-hard);transform:translate(1px,1px)}.member-perms{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:4px;min-height:var(--member-control-h, 32px);width:var(--member-control-h, 32px);flex-shrink:0}.member-trailing{--member-control-h: 32px}.member-perms .btn--perm{width:100%;height:var(--member-control-h);padding:0 8px;font-size:12px;font-weight:500;justify-content:center;gap:5px;box-sizing:border-box;white-space:nowrap;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--elevation-sm);color:var(--ink)}.member-perms .btn--perm-icon{width:var(--member-control-h);min-width:var(--member-control-h);padding:0}.member-perms .btn--perm .icon,.member-perms .btn--perm .icon-wrap{width:15px;height:15px;flex-shrink:0}.member-perms .btn--perm:hover{background:var(--paper)}.member-perms .btn--perm:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow-hard)}.member-perms .btn--perm:focus-visible{outline:none;box-shadow:var(--elevation-sm),var(--focus)}.btn--edit{font-family:inherit;font-size:12px;font-weight:500;color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);padding:4px 8px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s ease,transform .05s ease,box-shadow .05s ease}.btn--edit .icon{width:13px;height:13px;flex-shrink:0}.btn--edit:hover{background:var(--paper)}.btn--edit:focus-visible{outline:none;box-shadow:var(--focus)}.btn--edit:active{transform:translate(1px,1px)}.btn--icon{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:var(--radius);background:transparent;color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn--icon .icon{width:16px;height:16px}.btn--icon:hover{background:var(--paper);border-color:var(--ink)}.btn--icon:focus-visible{outline:none;box-shadow:var(--focus)}.row-actions .btn--icon-danger{color:var(--terracotta-text);background:var(--surface);border:2px solid var(--ink);box-shadow:var(--elevation-sm);transition:background .15s ease,transform .05s ease,box-shadow .05s ease}.row-actions .btn--icon-danger:hover{background:var(--terracotta-fill);border-color:var(--ink)}.row-actions .btn--icon-danger:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow-hard)}.perm-placeholder{color:var(--ink-muted);font-size:13px;padding:0 8px}.dropdown{position:relative;display:inline-block;width:100%;max-width:108px;vertical-align:middle}.dropdown--full{max-width:none}.dropdown--role{max-width:none;width:100%}.dropdown__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);padding:6px 8px;cursor:pointer;text-align:left;transition:background .15s ease}.dropdown__trigger:hover{background:var(--paper)}.dropdown__trigger:focus-visible{outline:none;box-shadow:var(--focus)}.dropdown--open .dropdown__trigger{background:var(--paper)}.dropdown__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown__chevron{display:inline-flex;flex-shrink:0;line-height:0;color:var(--ink)}.dropdown__list{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;min-width:100%;margin:0;padding:0;list-style:none;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--elevation);max-height:min(280px,45vh);overflow:auto;animation:menuIn .14s ease}.dropdown--full .dropdown__list{min-width:100%}#invite-overlay .dropdown__list,.dropdown--role .dropdown__list{max-height:none;overflow:visible}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown__option{padding:8px 10px;font-size:13px;cursor:pointer;border-bottom:1px solid rgba(23,20,18,.12);transition:background .12s ease}.dropdown__option:last-child{border-bottom:none}.dropdown__option:hover,.dropdown__option--active{background:var(--paper)}.dropdown__option[aria-selected=true]{font-weight:500;background:var(--blush-fill)}.dropdown__option[aria-selected=true]:hover,.dropdown__option[aria-selected=true].dropdown__option--active{background:var(--blush-soft)}.tag{display:inline-block;font-size:12px;font-weight:500;color:var(--ink);background:#1714120d;border:2px solid var(--ink);border-radius:var(--radius);padding:2px 8px}.tag--active{background:var(--chartreuse);color:var(--ink);border-color:var(--ink)}.tag--pending{background:var(--pending-fill);color:var(--pending-text);border-color:var(--ink)}.tag--inactive{background:#1714120a;color:var(--ink-muted);border-color:var(--ink)}.row-actions .btn--text{white-space:nowrap;font-size:12px}.row-actions-spacer{display:block;width:32px;height:32px}.row-menu{position:relative;display:flex;justify-content:center}.row-menu__trigger{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:2px solid transparent;border-radius:var(--radius);background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease}.row-menu__trigger:hover,.row-menu--open .row-menu__trigger{background:var(--paper);border-color:var(--ink)}.row-menu__trigger:focus-visible{outline:none;box-shadow:var(--focus)}.row-menu__panel{position:absolute;top:calc(100% + 6px);right:0;min-width:148px;margin:0;padding:4px 0;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--elevation);z-index:40;opacity:0;transform:translateY(-6px) scale(.96);transform-origin:top right;transition:opacity .16s ease,transform .16s cubic-bezier(.2,.8,.2,1);pointer-events:none;visibility:hidden}.row-menu--open .row-menu__panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible}.row-menu__item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink);background:none;border:none;padding:9px 12px;cursor:pointer;transition:background .12s ease}.row-menu__item .icon{width:15px;height:15px}.row-menu__item:hover{background:var(--paper)}.row-menu__item--danger{color:var(--terracotta-text)}.row-menu__item--danger:hover{background:var(--terracotta-fill)}.empty-row{display:flex;grid-template-columns:none;justify-content:space-between;gap:16px;background:transparent;border-top:2px solid var(--ink);padding:14px 16px}.empty-row:hover{background:transparent}.empty-row .member-info,.empty-row .member-identity{display:block}.settings-stack{max-width:420px}.hint{font-size:12px;color:var(--ink-muted);line-height:1.5;margin:16px 0 0}.form-actions{margin-top:20px}.field-label{display:block;font-size:12px;color:var(--ink-secondary);margin:14px 0 4px;font-weight:500}.field-label:first-child{margin-top:0}#workspace-name,#workspace-url,#invite-email,.payment-form input{width:100%;font-family:inherit;font-size:14px;padding:9px 10px;border-radius:var(--radius);border:2px solid var(--ink);background:var(--surface);color:var(--ink);box-sizing:border-box;transition:border-color .15s ease}#workspace-name:focus,#workspace-url:focus,#invite-email:focus,.payment-form input:focus{outline:none;box-shadow:none;border-color:var(--terracotta)}#workspace-name:disabled,#workspace-url:disabled,#workspace-name[readonly],#workspace-url[readonly]{background:var(--paper);color:var(--ink);cursor:default;opacity:1}#workspace-name:disabled:focus,#workspace-url:disabled:focus,#workspace-name[readonly]:focus,#workspace-url[readonly]:focus{border-color:var(--ink)}#transfer-member{width:100%}#transfer-member .dropdown{max-width:none}.input-prefix{display:flex;align-items:stretch;border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:var(--surface);transition:border-color .15s ease}.input-prefix:focus-within{box-shadow:none;border-color:var(--terracotta)}.input-prefix__affix{display:flex;align-items:center;padding:0 10px;font-size:13px;color:var(--ink-muted);background:var(--paper);border-right:2px solid var(--ink);white-space:nowrap}.input-prefix input{border:none!important;border-radius:0!important;box-shadow:none!important}.plan-card{max-width:520px;width:100%;border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);padding:clamp(12px,1.8vh,20px);box-shadow:var(--elevation);flex:0 1 auto;min-height:0}.plan-card__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(8px,1.4vh,16px);gap:12px}.plan-card__label{margin:0;font-size:12px;color:var(--ink-muted)}.plan-card__name{margin:8px 0 0;font-family:var(--font-display);font-size:clamp(20px,2.6vh,26px);font-weight:700;letter-spacing:-.02em;line-height:1.15;display:inline-flex;align-items:center;gap:10px}.plan-card__name #plan-name{display:inline-block;line-height:1.15}.plan-card__price{margin:6px 0 0;font-size:13px;color:var(--ink-secondary)}.plan-badge{font-size:12px;font-weight:700;color:var(--ink);background:var(--chartreuse);border:2px solid var(--ink);padding:4px 10px;border-radius:var(--radius);flex-shrink:0;box-shadow:var(--elevation-sm);text-transform:uppercase;letter-spacing:.04em}.plan-badge--canceling{color:#fff;background:var(--red);border-color:var(--ink)}.plan-cancel-note{margin:clamp(8px,1.2vh,14px) 0 0;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--ink-secondary);border:2px solid var(--ink);border-radius:var(--radius);background:var(--terracotta-fill)}.plan-card__actions{margin-top:clamp(10px,1.5vh,16px);padding-top:clamp(10px,1.5vh,16px);border-top:2px solid var(--ink);display:flex;flex-wrap:wrap;gap:8px;align-items:center}#cancel-plan-btn{background:var(--surface);color:var(--terracotta-text);box-shadow:var(--elevation-sm)}#cancel-plan-btn:hover{background:var(--terracotta-fill);filter:none}#cancel-plan-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow-hard);filter:none}.plan-meta{margin:0;border-top:2px solid var(--ink)}.plan-meta__row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:clamp(8px,1.2vh,12px) 0;border-bottom:2px solid var(--ink);align-items:start}.plan-meta__row:last-child{border-bottom:none}.plan-meta__row dt{margin:0;font-size:12px;font-weight:500;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em}.plan-meta__row dd{margin:0;font-size:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.payment-block{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:clamp(10px,1.5vh,16px);padding:clamp(10px,1.4vh,14px) 16px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--forest);color:#fff;box-shadow:var(--elevation-sm)}.payment-block__label{margin:0;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,#fff 70%,var(--forest))}.payment-block__value{margin:4px 0 0;font-family:var(--font-display);font-size:clamp(15px,2vh,18px);font-weight:700;letter-spacing:-.01em;color:#fff}.payment-block .btn{flex-shrink:0;white-space:nowrap;background:var(--chartreuse);color:var(--ink);font-weight:700;box-shadow:var(--elevation-sm)}.payment-block .btn:hover{background:var(--chartreuse);filter:brightness(1.04)}.payment-current{margin-top:8px;padding:12px 14px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper)}.payment-current__label{margin:0;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.payment-current__value{margin:4px 0 0;font-size:15px;font-weight:500;color:var(--ink)}.payment-form__heading{margin:18px 0 0;font-size:13px;font-weight:500;color:var(--ink)}.payment-due-note{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--ink-secondary)}.payment-due-note--due{padding:10px 12px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--moss-fill);color:var(--moss-text);font-weight:500}.billing-history{margin-top:clamp(8px,1.2vh,16px);padding:clamp(10px,1.3vh,14px) 16px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface)}.billing-history__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.billing-history__label{margin:0;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.billing-history__list{list-style:none;margin:0;padding:0}.billing-history__list li{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--ink);padding:clamp(4px,.8vh,8px) 0;border-top:1px solid rgba(23,20,18,.12)}.billing-history__list li:first-child{border-top:none;padding-top:0}.billing-history__list li:last-child{padding-bottom:0}.billing-history__row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0;border:none;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--radius)}.billing-history__row:hover .billing-history__meta{text-decoration:underline}.billing-history__row:focus-visible{outline:none;box-shadow:var(--focus)}.billing-history__amount{font-variant-numeric:tabular-nums;font-weight:500;flex-shrink:0}.invoice-history-list{list-style:none;margin:12px 0 0;padding:0;border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.invoice-history-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid rgba(23,20,18,.12)}.invoice-history-list li:first-child{border-top:none}.invoice-history-list__main{min-width:0}.invoice-history-list__title{margin:0;font-size:14px;font-weight:500;color:var(--ink)}.invoice-history-list__meta{margin:2px 0 0;font-size:12px;color:var(--ink-secondary)}.invoice-history-list__amount{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.invoice-history-list__actions .btn{padding:6px 10px;font-size:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-form .field-label{margin-top:14px}.payment-form .field-label:first-of-type{margin-top:8px}.invoice-sheet{margin-top:12px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);padding:16px}.invoice-sheet__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.invoice-sheet__number{margin:0;font-size:16px;font-weight:500}.invoice-sheet__status{display:inline-flex;align-items:center;height:28px;padding:0 10px;font-size:12px;font-weight:700;border:2px solid var(--ink);border-radius:var(--radius);background:var(--teal-fill);color:var(--teal-text)}.invoice-sheet__status--due{background:var(--terracotta-fill);color:var(--terracotta-text);border-color:var(--ink)}.invoice-sheet__rows{display:grid;gap:10px;margin:0 0 16px}.invoice-sheet__row{display:flex;justify-content:space-between;gap:16px;font-size:13px}.invoice-sheet__row dt{margin:0;color:var(--ink-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.invoice-sheet__row dd{margin:0;font-weight:500;text-align:right;color:var(--ink)}.invoice-sheet__line{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(23,20,18,.14);border-bottom:1px solid rgba(23,20,18,.14);font-size:13px}.invoice-sheet__totals{margin-top:12px;display:grid;gap:8px}.invoice-sheet__total{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink-secondary)}.invoice-sheet__total--grand{font-size:15px;font-weight:500;color:var(--ink)}.plan-details-block{margin-top:32px;max-width:420px}.plan-details-block__title{margin:0 0 4px;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.01em}.plan-details-block__sub{margin:0 0 14px;font-size:13px;color:var(--ink-secondary)}.danger-zone{margin-top:clamp(20px,4vh,40px);max-width:520px;width:100%;border:2px solid var(--ink);border-radius:var(--radius);background:var(--terracotta-fill);box-shadow:var(--elevation);overflow:hidden}.danger-zone__head{padding:16px 18px 12px;border-bottom:2px solid var(--ink);background:var(--terracotta-fill)}.danger-zone__title{margin:0;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.danger-zone__title .icon,.danger-zone__title .icon-wrap{width:18px;height:18px;color:var(--terracotta);display:inline-flex}.danger-zone__sub{margin:6px 0 0;font-size:13px;color:var(--ink-secondary);line-height:1.45}.danger-zone__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.danger-zone__copy{min-width:0}.danger-zone__action-title{margin:0;font-size:14px;font-weight:500;color:var(--ink)}.danger-zone__action-desc{margin:4px 0 0;font-size:13px;color:var(--ink-secondary);line-height:1.45}.danger-zone__row .btn{flex-shrink:0;white-space:nowrap}#delete-workspace-btn,#delete-workspace-confirm{background:var(--terracotta);border-color:var(--ink);color:#fff}#delete-workspace-btn:hover,#delete-workspace-confirm:hover:not(:disabled){background:var(--terracotta);filter:brightness(1.06)}#delete-workspace-btn:active,#delete-workspace-confirm:active:not(:disabled){filter:none}.slug-hint{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600;padding:1px 6px;border-radius:var(--radius);border:2px solid var(--ink);background:var(--chartreuse);color:var(--ink)}#delete-workspace-slug{width:100%;font-family:inherit;font-size:14px;padding:9px 10px;border-radius:var(--radius);border:2px solid var(--ink);background:var(--surface);color:var(--ink);box-sizing:border-box;transition:border-color .15s ease}#delete-workspace-slug:focus{outline:none;box-shadow:none;border-color:var(--terracotta)}#delete-workspace-confirm:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.workspace-gone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--paper);animation:workspaceGoneIn .35s ease}.workspace-gone__card{width:min(100%,420px);text-align:center;padding:36px 28px;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--elevation)}.workspace-gone__icon{display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--terracotta)}.workspace-gone__icon .icon,.workspace-gone__icon.icon-wrap{width:36px;height:36px}.workspace-gone__title{margin:0;font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}.workspace-gone__sub{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--ink-secondary)}.workspace-gone__deleted .btn{margin-top:22px}.workspace-gone__deleted--in{animation:workspaceDeletedIn .32s cubic-bezier(.2,.8,.2,1)}.workspace-gone__spinner{display:inline-block;width:28px;height:28px;margin-bottom:14px;border:3px solid rgba(23,20,18,.15);border-top-color:var(--terracotta);border-radius:50%;animation:workspaceSpin .7s linear infinite}@keyframes workspaceGoneIn{0%{opacity:0}to{opacity:1}}@keyframes workspaceDeletedIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes workspaceSpin{to{transform:rotate(360deg)}}.plan-details{border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);box-shadow:var(--elevation);padding:4px 0}.plan-details__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-top:2px solid var(--ink)}.plan-details__row:first-child{border-top:none}.plan-details__label{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.plan-details__value{font-size:15px;font-weight:500;color:var(--ink);text-align:right}.plan-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.plan-tier{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);padding:14px;display:flex;flex-direction:column;gap:8px}.plan-tier--current{background:color-mix(in srgb,var(--chartreuse) 28%,var(--surface));box-shadow:3px 3px 0 var(--shadow-hard)}.plan-tier__head{display:flex;justify-content:space-between;align-items:center;gap:8px}.plan-tier__name{margin:0;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:8px;line-height:1.15}.plan-tier__price{margin:0;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em}.plan-tier__price span{font-size:12px;font-weight:400;color:var(--ink-secondary)}.plan-tier__seats{margin:0;font-size:12px;color:var(--ink-secondary)}.plan-tier__features{margin:0;padding:0 0 0 16px;font-size:12px;color:var(--ink-secondary);line-height:1.55;flex:1}.plan-tier__btn{width:100%;margin-top:4px;padding-left:10px;padding-right:10px}.plan-tier__btn:disabled{opacity:1;background:var(--paper);color:var(--ink-muted);box-shadow:none;cursor:default;transform:none}.simulate-decline{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:var(--ink-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.simulate-decline input{accent-color:var(--terracotta)}.perm-list{display:flex;flex-direction:column;gap:2px;margin-top:8px;border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden}.perm-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;border-bottom:2px solid var(--ink);background:var(--surface);cursor:pointer}.perm-row:last-child{border-bottom:none}.perm-row:hover{background:var(--paper)}.perm-row input{margin-top:2px;accent-color:var(--terracotta);flex-shrink:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-scrim);display:flex;align-items:flex-start;justify-content:center;z-index:60;padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;opacity:0;pointer-events:none;transition:opacity .16s ease}.overlay.overlay--open{opacity:1;pointer-events:auto}.overlay.overlay--closing{pointer-events:none}.overlay .modal{opacity:0;transform:translateY(8px) scale(.98);transition:opacity .16s ease,transform .16s cubic-bezier(.2,.9,.2,1);margin-block:auto}.overlay.overlay--open .modal{opacity:1;transform:translateY(0) scale(1)}.modal{position:relative;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);padding:28px 28px 24px;width:100%;max-width:400px;box-shadow:var(--elevation);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:visible}.modal--sm{max-width:340px}.modal--invite{max-width:480px;padding-bottom:32px}.modal--permissions{max-width:420px}.modal--wide{max-width:720px}.modal--invoice{max-width:480px}.modal--scroll{overflow:auto}.modal h2{margin:0 0 8px;padding-right:36px;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:var(--radius);background:transparent;color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease}.modal__close .icon{width:16px;height:16px}.modal__close:hover{background:var(--paper);border-color:var(--ink)}.modal__close:focus-visible{outline:none;box-shadow:var(--focus)}.modal-lead{margin:0 0 8px;font-size:13px;color:var(--ink-secondary);line-height:1.5}.modal-body{font-size:13px;color:var(--ink-secondary);margin:0 0 20px;line-height:1.5}.field-error{font-size:12px;font-weight:500;color:var(--terracotta-text);margin:6px 0 0}#plan-switch-error{margin:8px 0 0;padding:10px 12px;border:2px solid var(--ink);background:var(--terracotta-fill)}.modal-actions{display:flex;gap:8px;margin-top:20px;justify-content:flex-end;flex-wrap:wrap}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--chartreuse);color:var(--ink);font-size:13px;font-weight:700;padding:10px 18px;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--elevation);z-index:20;max-width:calc(100vw - 32px);text-align:center}.app-tooltip{position:fixed;z-index:100;max-width:min(240px,calc(100vw - 16px));padding:6px 10px;font-family:var(--font-ui);font-size:12px;font-weight:500;line-height:1.35;color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--elevation-sm);pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease}.app-tooltip.is-visible{opacity:1;transform:translateY(0)}.app-tooltip[data-place=bottom]{transform:translateY(-2px)}.app-tooltip[data-place=bottom].is-visible{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.app-tooltip{transition:none}}@media(max-width:980px){.members-header{display:none}.member-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 8px;min-width:0;position:relative}.member-row:first-child{border-top:none}.member-info{flex:1 1 100%;min-width:0;padding-right:4.5rem;align-items:flex-start}.member-identity{align-items:start}.member-status{position:absolute;top:12px;right:14px;flex:none;height:auto;min-height:0;padding:0}.member-role{flex:0 0 auto;width:auto;max-width:148px}.member-role .tag,.member-role .dropdown{width:auto;min-width:0;max-width:148px}.member-role .tag{width:auto;justify-content:center;padding:0 8px}.member-trailing{flex:0 0 auto;justify-content:flex-start;align-items:center;gap:8px;width:auto}.member-perms,.row-actions,.member-perms .btn--perm-icon{width:32px;min-width:32px}.member-perms .perm-placeholder{display:none}.member-name,.member-email{white-space:normal;overflow:visible}}@media(max-width:760px){.app-shell{flex-direction:column}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:64px;padding:12px 14px;background:var(--surface);border-bottom:2px solid var(--ink);position:relative;z-index:40;box-sizing:border-box}.mobile-topbar__logo{display:block;width:100px;height:17px;object-fit:contain;object-position:left center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sidebar-toggle{position:relative;width:40px;height:40px;margin:0;padding:0;border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--elevation-sm);z-index:41;transition:background .15s ease,transform .05s ease,box-shadow .05s ease}.sidebar-toggle:hover{background:var(--paper)}.sidebar-toggle:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow-hard)}.sidebar-toggle:focus-visible{outline:none;box-shadow:var(--focus)}.sidebar-toggle__box{position:relative;width:16px;height:10px}.sidebar-toggle__line{position:absolute;left:0;right:0;height:1.5px;background:var(--ink);border-radius:1px;transform-origin:center;transition:transform .22s cubic-bezier(.2,.9,.2,1),top .22s cubic-bezier(.2,.9,.2,1)}.sidebar-toggle__line:nth-child(1){top:0}.sidebar-toggle__line:nth-child(2){top:8px}body.sidebar-open .sidebar-toggle__line:nth-child(1){top:4px;transform:rotate(45deg)}body.sidebar-open .sidebar-toggle__line:nth-child(2){top:4px;transform:rotate(-45deg)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;background:var(--overlay-scrim);opacity:0;pointer-events:none;transition:opacity .2s ease}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:64px;right:0;bottom:0;width:min(288px,86vw);z-index:30;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;padding:16px 16px 24px;border-right:none;border-left:2px solid var(--ink);border-bottom:none;box-shadow:-4px 0 0 var(--shadow-hard);overflow:auto;-webkit-overflow-scrolling:touch;transform:translate(105%);transition:transform .22s cubic-bezier(.2,.9,.2,1);pointer-events:none}body.sidebar-open .sidebar{transform:translate(0);pointer-events:auto}.sidebar .brand{display:none}.main-nav{flex:0 0 auto;flex-direction:column;flex-wrap:nowrap;gap:4px;width:100%;overflow:visible}.nav-item{flex:none;justify-content:flex-start;padding:10px 12px;font-size:14px;white-space:nowrap}.nav-item .icon,.nav-item .icon-wrap{width:16px;height:16px}.sidebar-footer{width:100%;margin-top:auto}.sidebar-note{display:block}.content{padding:16px 0 0 16px;flex:1;min-height:0}.content-header,.panel{padding-right:16px}.page-title{font-size:24px}.tabs{display:flex;flex-wrap:nowrap;gap:0;width:100%;overflow:visible}.tab{flex:1 1 0;min-width:0;margin-right:0;padding:10px 4px;font-size:12px;gap:4px;white-space:nowrap;justify-content:center;text-align:center}.tab .icon,.tab .icon-wrap{display:none}.empty-row{flex-direction:column;align-items:flex-start}.plan-meta__row{grid-template-columns:1fr;gap:4px}.payment-block{flex-direction:column;align-items:stretch}.payment-block .btn{width:100%}.danger-zone__row{flex-direction:column;align-items:stretch}.danger-zone__row .btn{width:100%}.plan-tiers{grid-template-columns:1fr}.overlay{padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px))}.modal{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.modal--wide{max-width:100%}.modal--scroll{-webkit-overflow-scrolling:touch}.invoice-history-list li{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.field-row{grid-template-columns:1fr}.panel-header{flex-wrap:wrap}.panel-header__actions{width:100%}.header-actions-set{width:100%;justify-content:stretch}.header-actions-set .btn{flex:1}}@media(max-width:480px){.mobile-topbar{min-height:60px;padding:10px 12px}.sidebar{top:60px}.view-as__seg{width:100%}.view-as__btn{flex:1;min-width:0}.content{padding:12px 0 0 12px}.content-header,.panel{padding-right:12px}.members-header,.member-row{padding:10px 12px;column-gap:10px}.member-trailing{gap:8px}}@media(max-height:720px){.sidebar{padding:16px 14px}.sidebar .brand{margin-bottom:16px}.content-header{margin-bottom:0}.panel{padding-top:28px}.panel-header{padding-top:0;margin-bottom:10px}.nav-item{padding:8px 10px}}@media(max-width:760px)and (max-height:720px){.sidebar{top:64px;padding:12px 14px 16px}}@media(max-width:480px)and (max-height:720px){.sidebar{top:60px}}@media(max-height:560px){.sidebar-note{display:none}}
