.auth-page{background:radial-gradient(900px 500px at 10% -10%, color-mix(in srgb, var(--lime) 22%, transparent), transparent 60%), radial-gradient(700px 400px at 110% 110%, color-mix(in srgb, var(--teal) 18%, transparent), transparent 60%), var(--bg);place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth-card{flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px 28px;display:flex}.auth-logo{background:var(--logo) left center / contain no-repeat;height:30px}.auth-app{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin-top:-6px;font-size:12px;font-weight:700}.auth-card h1{margin-top:6px}.auth-submit{justify-content:center;width:100%;padding:10px;text-decoration:none}.auth-divider{color:var(--text-2);align-items:center;gap:10px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-forgot{color:var(--ok);align-self:center;font-size:13px;font-weight:600;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:14px;height:52px;padding:0 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-logo{background:var(--logo) left center / contain no-repeat;width:110px;height:20px}.brand-app{letter-spacing:.1em;text-transform:uppercase;background:var(--lime);color:var(--ink);border-radius:5px;padding:2px 7px;font-size:12px;font-weight:700}.nav{gap:4px;margin-left:8px;display:flex}.nav a{color:var(--text-2);border-radius:7px;padding:6px 10px;font-weight:500;text-decoration:none}.nav a:hover,.nav a.active{background:var(--surface-2);color:var(--text)}.avatar{background:var(--teal);width:30px;height:30px;color:var(--ink);border-radius:50%;place-items:center;font-size:12px;font-weight:700;text-decoration:none;display:grid}.main-full{flex:1;min-height:0}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 16px}@media (width<=640px){.brand-logo{width:80px}.topbar{gap:8px}}.nav{align-items:center}.nav-group{font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-weight:500}.nav-group:hover,.nav-group.active{background:var(--surface-2);color:var(--text)}.bell{padding:5px 8px;position:relative}.bell-count{background:var(--pink);color:#fff;border-radius:999px;padding:0 5px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.notes{width:340px;max-height:70vh;overflow:auto}.notes-head{padding:6px 9px}.note{flex-direction:column;gap:2px;white-space:normal!important;display:flex!important}.note.unread{background:color-mix(in srgb, var(--teal) 10%, transparent)}.note-at{font-size:11px}.client-picker{width:auto;padding:4px 8px;font-size:13px}.scope-pill{background:color-mix(in srgb, var(--teal) 18%, transparent);color:var(--ok)}@media (width<=900px){.topbar{flex-wrap:wrap;height:auto;padding:6px 12px}.nav{flex-wrap:wrap}}.avatar{overflow:hidden}.avatar img,.face img,.avatar-sm img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.face{color:#1b1826;border:2px solid var(--surface);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;display:inline-grid;overflow:hidden}.face.idle{opacity:.45;filter:grayscale(.6)}.face.more{background:var(--surface-2);width:28px;height:28px;color:var(--text-2);box-shadow:none}.online-faces{cursor:pointer;background:0 0;border:0;padding:0;display:flex}.online-faces>span{margin-left:-6px;display:inline-flex}.online-faces>span:first-child{margin-left:0}.online-menu{width:280px}.online-menu>button{align-items:center;gap:10px;white-space:normal!important;display:flex!important}.avatar-lg{flex-shrink:0;width:72px;height:72px;font-size:22px}.invite-form{grid-template-columns:1fr 1.3fr 170px auto;align-items:start;gap:12px;padding:16px;display:grid}.invite-hint{grid-column:1/-1;margin:0;font-size:12px}.link-box{border-color:var(--teal);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.link-box p{margin:0}.users-table-wrap{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{text-align:left;color:var(--text-2);border-bottom:1px solid var(--border);padding:10px 14px;font-size:12px;font-weight:600}.users-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px}.users-table tr:last-child td{border-bottom:0}.users-table tr.inactive .u-name{color:var(--text-2);text-decoration:line-through}.u-name{font-weight:600}.u-email{font-size:12px}.u-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.input-sm{width:auto;padding:4px 8px}@media (width<=760px){.invite-form{grid-template-columns:1fr}}.lists-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:16px;display:grid}.picklist-admin{flex-direction:column;gap:4px;margin:10px 0;padding:0;list-style:none;display:flex}.picklist-admin li{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:4px 0;display:flex}.picklist-admin li span:first-child{flex:1}.picklist-admin li.off span:first-child{color:var(--text-2);text-decoration:line-through}.store-conn .pill,.store-conn>.muted{white-space:nowrap}a.btn{text-decoration:none}.secrets-grid{align-items:start}.secrets-grid label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.secret-status{gap:8px;font-size:12px}.review-intro{max-width:760px;margin:-6px 0 0}.review-layout{grid-template-columns:280px 1fr;align-items:start;gap:16px;display:grid}.review-cats{flex-direction:column;padding:6px;display:flex;position:sticky;top:68px}.review-cats button{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.review-cats button:hover{background:var(--surface-2)}.review-cats button.on{background:var(--surface-2);font-weight:600}.review-cats .count{text-align:center;background:color-mix(in srgb, var(--pink) 18%, transparent);min-width:26px;color:var(--danger);border-radius:999px;padding:1px 7px;font-size:12px;font-weight:700}.review-cats .count.zero{background:var(--surface-2);color:var(--text-2)}.review-item{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.review-item.done{opacity:.8}.review-summary{font-weight:600}.review-meta{flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.review-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.review-actions .input{flex:1;min-width:180px}.review-by{font-size:12px}.review-empty{text-align:center;padding:24px}.seg{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.toast{background:var(--ink);max-width:calc(100% - 32px);color:var(--lime);box-shadow:var(--shadow);z-index:50;border-radius:10px;padding:10px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=800px){.review-layout{grid-template-columns:1fr}.review-cats{position:static}}:root{--ink:#1b1826;--lime:#d2ff17;--pink:#ff3d73;--teal:#21c4c4;--bg:#f6f6f3;--surface:#fff;--surface-2:#f0efeb;--border:#e2e0da;--text:#1b1826;--text-2:#5d5a68;--accent:var(--ink);--accent-text:var(--lime);--danger:#d6204f;--ok:#138a8a;--focus:var(--teal);--shadow:0 1px 2px #1b18260f, 0 8px 24px #1b18260f;--logo:url(/brand/logo-ink.svg);--scroll-track:#eeede8;--scroll-thumb:#b9b6ad;--scroll-thumb-hover:#8f8b80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121019;--surface:#1b1826;--surface-2:#242033;--border:#332e45;--text:#ecebf2;--text-2:#a39fb3;--accent:var(--lime);--accent-text:var(--ink);--danger:#ff5c87;--ok:var(--teal);--shadow:0 1px 2px #0000004d, 0 8px 24px #0000004d;--logo:url(/brand/logo-white.svg);--scroll-track:#1f1b2c;--scroll-thumb:#4d4764;--scroll-thumb-hover:#6a6388;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121019;--surface:#1b1826;--surface-2:#242033;--border:#332e45;--text:#ecebf2;--text-2:#a39fb3;--accent:var(--lime);--accent-text:var(--ink);--danger:#ff5c87;--ok:var(--teal);--shadow:0 1px 2px #0000004d, 0 8px 24px #0000004d;--logo:url(/brand/logo-white.svg);--scroll-track:#1f1b2c;--scroll-thumb:#4d4764;--scroll-thumb-hover:#6a6388;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0}h1{font-size:22px}h2{font-size:16px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.btn-danger{color:var(--danger)}.btn-sm{padding:4px 9px;font-size:13px}.field{flex-direction:column;gap:5px;display:flex}.field label,.field .label-like{color:var(--text-2);font-size:12px;font-weight:600}.input,select.input{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:8px;width:100%;padding:8px 10px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px}.error{color:var(--danger);font-size:13px}.muted{color:var(--text-2)}.pill{background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.pill-ok{background:color-mix(in srgb, var(--teal) 18%, transparent);color:var(--ok)}.pill-off{background:color-mix(in srgb, var(--pink) 16%, transparent);color:var(--danger)}.pill-admin{background:var(--accent);color:var(--accent-text)}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.modal-backdrop{z-index:90;background:#12101973;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;gap:14px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:18px 20px;display:flex;overflow:auto}.modal.wide{width:min(860px,100%)}.modal-head{align-items:center;gap:10px;display:flex}.modal-head h2{flex:1}.modal-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.link{color:var(--ok);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.hint{color:var(--text-2);font-size:12px}.error-text{color:var(--danger);font-size:13px}textarea.input{font:inherit;resize:vertical}.menu-sep{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);border-top:1px solid var(--border);margin-top:4px;padding:8px 9px 4px;font-size:11px;font-weight:700}.tone-swatch{border:1px solid var(--border);cursor:pointer;border-radius:6px;width:22px;height:22px;padding:0}.tone-swatch.on{outline:2px solid var(--focus);outline-offset:1px}.dropdown{position:relative}.dropdown-menu{z-index:70;flex-direction:column;min-width:200px;padding:5px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.dropdown-menu.right{left:auto;right:0}.dropdown-menu>button,.dropdown-menu>a{text-align:left;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:7px 9px;text-decoration:none}.dropdown-menu>button:hover,.dropdown-menu>a:hover{background:var(--surface-2)}.dropdown-menu>a.active{font-weight:600}.seg{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-self:flex-start;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);color:var(--text-2);font:inherit;cursor:pointer;border:0;padding:6px 14px}.seg button.on{background:var(--accent);color:var(--accent-text)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.form-grid .wide{grid-column:1/-1}
