@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--brand:#0051fc;--brand-hover:#0046db;--brand-press:#003bbd;--on-brand:#fff;--brand-soft:#eef3ff;--brand-ink:#0a3fc4;--bg:#eef1f6;--surface:#fff;--surface-2:#f1f4f9;--surface-3:#e3e8f0;--border:#d8dde6;--border-strong:#bec6d3;--text:#101828;--text-2:#3b475b;--muted:#526077;--faint:#6a7589;--success:#0e7a53;--warning:#946000;--danger:#c7302f;--on-success:#fff;--on-warning:#fff;--on-danger:#fff;--accent-violet:#6b46e5;--accent-teal:#0b7f86;--brand-navy:#000b3d;--overlay:#1018286b;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #10182814,0 1px 2px #1018280a;--shadow-md:0 6px 18px #10182814,0 1px 3px #1018280d;--shadow-lg:0 18px 44px #10182824,0 2px 6px #1018280f;--shadow-xl:0 32px 90px #10182842,0 4px 14px #10182814;--ring:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent);--ease:cubic-bezier(.2,.7,.2,1);font-family:var(--font)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-hover:#2b6bff;--brand-press:#1a5cf5;--brand-soft:#0051fc29;--brand-ink:#8fb1ff;--bg:#090c12;--surface:#141923;--surface-2:#1a202c;--surface-3:#252d3f;--border:#2b3447;--border-strong:#414c65;--text:#f2f4f9;--text-2:#c7cedc;--muted:#9ba5b9;--faint:#7c879e;--success:#4bd6a1;--warning:#f2bc52;--danger:#ff7b86;--on-success:#04261a;--on-warning:#2b1d00;--on-danger:#3a070c;--accent-violet:#b59cff;--accent-teal:#4fd3d9;--overlay:#020408a3;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000073;--shadow-md:0 8px 22px #0006;--shadow-lg:0 20px 50px #00000080;--shadow-xl:0 36px 100px #000000a8}.tone-success{--tone:var(--success);--on-tone:var(--on-success)}.tone-warning{--tone:var(--warning);--on-tone:var(--on-warning)}.tone-danger{--tone:var(--danger);--on-tone:var(--on-danger)}.tone-brand{--tone:var(--brand-ink)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:400 13px/1.5 var(--font);font-feature-settings:"cv11","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}h1{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:28px}h2{letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:22px}h3{font-size:13px;font-weight:600;line-height:20px}strong,b{font-weight:600}small{font-size:12px}a{color:var(--brand-ink);text-decoration:none}a:hover{text-decoration:underline}hr{border:0;border-top:1px solid var(--border);margin:16px 0}code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 5px;font-size:.92em}::selection{background:color-mix(in srgb,var(--brand) 24%,transparent)}svg.lucide{stroke-width:1.75px;flex:none}:where(a,button,[tabindex]):focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 60%,transparent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:padding-box;border:3px solid #0000}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow,.page-head small:first-child:not(:only-child){letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600;line-height:16px;display:block}.helper-text,.field-help{color:var(--muted);font-size:12px;line-height:1.55}.helper-text{margin:12px 0 0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:where(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=hidden],[type=submit],[type=button])),:where(select),:where(textarea){font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);min-width:0;height:36px;box-shadow:var(--shadow-xs);padding:0 12px;transition:border-color .12s,box-shadow .12s,background .12s}:where(textarea){resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.5}:where(select){appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:15px;padding-right:34px}:where(:root[data-theme=dark] select){background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A93A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>")}:where(select[multiple]){background-image:none;height:auto;padding-right:12px}:where(input,select,textarea):hover:not(:disabled,:focus){border-color:color-mix(in srgb,var(--border-strong) 70%,var(--text-2))}:where(input,select,textarea):focus{border-color:var(--brand);box-shadow:var(--ring);outline:0}:where(input,select,textarea):disabled{background-color:var(--surface-2);color:var(--muted);cursor:not-allowed;box-shadow:none}:where(input,textarea)::placeholder{color:var(--faint)}:where(input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]){border-color:var(--danger)}:where(input[type=checkbox],input[type=radio]){width:16px;height:16px;accent-color:var(--brand);cursor:pointer;flex:none;margin:0}:where(input[type=color]){border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);cursor:pointer;width:36px;height:36px;padding:3px}:where(input[type=file]){font:inherit;color:var(--text-2)}:where(input[type=file])::file-selector-button{font:500 12px var(--font);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);cursor:pointer;margin-right:10px;padding:7px 12px}:where(input[type=date],input[type=datetime-local],input[type=time])::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}label{color:var(--text-2);margin-top:14px;font-size:12px;font-weight:500;display:block}label>:where(input:not([type=checkbox],[type=radio]),select,textarea){width:100%;margin-top:6px;display:block}label>small{color:var(--muted);margin-top:6px;font-weight:400;display:block}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.form-grid>label{margin-top:0}*+.form-grid{margin-top:14px}.modal-head+.form-grid,h3+.form-grid{margin-top:0}.full-field{grid-column:1/-1}.modal-textarea,.modal-notes textarea,.knowledge-textarea{width:100%}.check-row,.settings-check,.compact-check{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);cursor:pointer;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.check-row span,.settings-check span{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}.optional-label{color:var(--muted);font-weight:400}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn,:where(button:not([class])){border-radius:var(--r-md);min-height:34px;font:500 13px/1 var(--font);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 14px;text-decoration:none;transition:background .12s,border-color .12s,color .12s,box-shadow .12s,transform 60ms;display:inline-flex}.secondary-btn,.ghost-btn,:where(button:not([class])){color:var(--text);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs)}.secondary-btn:hover,:where(button:not([class])):hover{background:var(--surface-2);text-decoration:none}.ghost-btn{box-shadow:none;color:var(--text-2);background:0 0;border-color:#0000}.ghost-btn:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.primary-btn{color:var(--on-brand);background:var(--brand);border:1px solid var(--brand);box-shadow:var(--shadow-xs),inset 0 1px 0 #ffffff2e;font-weight:600}.primary-btn:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:var(--on-brand);text-decoration:none}.primary-btn:active{background:var(--brand-press);transform:translateY(.5px)}.danger-btn,.secondary-btn.danger{color:var(--danger);background:var(--surface);border:1px solid color-mix(in srgb,var(--danger) 32%,var(--border))}.danger-btn:hover,.secondary-btn.danger:hover{background:color-mix(in srgb,var(--danger) 8%,var(--surface));border-color:color-mix(in srgb,var(--danger) 50%,var(--border))}.success-btn,.secondary-btn.success{color:var(--success);background:color-mix(in srgb,var(--success) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--success) 38%,var(--border));font-weight:600}.success-btn:hover,.secondary-btn.success:hover{background:color-mix(in srgb,var(--success) 15%,var(--surface));border-color:color-mix(in srgb,var(--success) 55%,var(--border))}.primary-btn.compact,.secondary-btn.compact,.ghost-btn.compact{border-radius:var(--r-sm);gap:5px;height:28px;min-height:28px;padding:0 10px;font-size:12px}.primary-btn.full{width:100%;min-height:40px;margin-top:18px}.primary-btn:disabled,.secondary-btn:disabled,.ghost-btn:disabled,:where(button:not([class])):disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.primary-btn:disabled:hover{background:var(--brand);border-color:var(--brand)}.secondary-btn.is-active,.secondary-btn[aria-pressed=true]{background:var(--surface-3);border-color:var(--border-strong);color:var(--text)}.icon-btn{width:32px;height:32px;color:var(--text-2);border-radius:var(--r-md);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;transition:background .12s,color .12s,border-color .12s;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.link-btn{width:100%;color:var(--muted);font:inherit;cursor:pointer;text-align:center;background:0 0;border:0;margin-top:10px;padding:8px;font-weight:500;display:block}.link-btn:hover{color:var(--text)}.link-btn.inline{width:auto;color:var(--brand-ink);text-align:left;margin:0;padding:0;display:inline}.link-btn.inline:hover{text-decoration:underline}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.disabled-soft{opacity:.55}.status-pill,.chip,.runtime-status,.integration-state,.knowledge-status,.task-priority,.readonly-badge,.admin-badge,.meta-pill,.owner-badge,.deal-badge,.active-pill{border-radius:var(--r-pill);white-space:nowrap;min-height:22px;color:var(--tone,var(--text-2));background:color-mix(in srgb,var(--tone,var(--muted)) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--tone,var(--muted)) 22%,var(--border));align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:500;line-height:16px;display:inline-flex}.status-pill.is-strong{color:var(--on-tone,#fff);background:var(--tone,var(--muted));border-color:var(--tone,var(--muted));font-weight:600}.integration-state.connected,.active-pill,.knowledge-status.indexed,.runtime-status.live{--on-tone:var(--on-success)}.integration-state.error,.knowledge-status.error,.runtime-status.error{--on-tone:var(--on-danger)}.runtime-status.warning{--on-tone:var(--on-warning)}:is(.integration-state.connected,.integration-state.error,.status-pill.active-pill,.knowledge-status.indexed,.knowledge-status.error,.runtime-status.live,.runtime-status.error,.runtime-status.warning){color:var(--on-tone);background:var(--tone);border-color:var(--tone);font-weight:600}.lead-tag{border-radius:var(--r-pill);white-space:nowrap;align-items:center;min-height:20px;padding:1px 8px;font-size:11.5px;font-weight:500;line-height:16px;display:inline-flex}.auth-message,.info-banner,.calendar-sync-error,.calendar-reconnect-banner{--tone:var(--text-2);border-radius:var(--r-lg);color:var(--tone);background:color-mix(in srgb,var(--tone) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--tone) 22%,var(--border));align-items:flex-start;gap:10px;margin:12px 0 0;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.auth-message.error{--tone:var(--danger)}.auth-message.success{--tone:var(--success)}.info-banner{--tone:var(--brand-ink)}.auth-message:not(.error):not(.success){--tone:var(--text-2)}.settings-notice{margin:0 0 14px}.panel,.kpi-card,.integration-card,.coming-box,.form-card,.calendar-panel,.fb-card,.stage-hidden-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xs)}.panel{padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-head h2{font-size:14px;line-height:20px}.panel-head>span,.panel-head>div>small,.panel-head small{color:var(--muted);font-size:12px;font-weight:400}.panel-head>div>small{margin-top:2px;display:block}.panel-head>span:not(.status-pill){text-align:center;border-radius:var(--r-pill);background:var(--surface-2);font-variant-numeric:tabular-nums;min-width:22px;padding:1px 8px;font-weight:500}.panel-head button{align-items:center;gap:6px;display:inline-flex}.two-col{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;display:grid}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;margin-bottom:20px;display:grid}.kpi-card{flex-direction:column;gap:2px;padding:16px 18px;display:flex}.kpi-card>span{color:var(--muted);font-size:12px;font-weight:500}.kpi-card>strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:2px 0;font-size:24px;font-weight:600;line-height:32px}.kpi-card>small{color:var(--muted);font-size:12px;line-height:16px}:where(.kpi-card,.client-summary-grid article){--kpi:var(--brand-ink);position:relative}.kpi-brand{--kpi:var(--brand-ink)}.kpi-success{--kpi:var(--success)}.kpi-warning{--kpi:var(--warning)}.kpi-danger{--kpi:var(--danger)}.kpi-violet{--kpi:var(--accent-violet)}.kpi-teal{--kpi:var(--accent-teal)}.kpi-neutral{--kpi:var(--muted)}:is(.kpi-card,.client-summary-grid article)>.kpi-icon{border-radius:var(--r-lg);width:34px;height:34px;color:var(--kpi);background:color-mix(in srgb,var(--kpi) 13%,var(--surface));place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}:is(.kpi-card,.client-summary-grid article)>span:not(.kpi-icon){padding-right:44px}:is(.kpi-card,.client-summary-grid article).is-alert{border-color:color-mix(in srgb,var(--kpi) 50%,var(--border));box-shadow:inset 4px 0 0 var(--kpi),var(--shadow-xs)}:is(.kpi-card,.client-summary-grid article).is-alert>strong{color:var(--kpi)}.list-row,.agenda-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.list-row:first-of-type,.agenda-row:first-of-type{border-top:0}.list-row small,.agenda-row small{color:var(--muted);margin-top:2px;display:block}.progress{background:var(--surface-3);border-radius:99px;height:6px;margin:16px 0 8px;overflow:hidden}.progress i{background:var(--brand);border-radius:99px;height:100%;display:block}.timeline>div{border-top:1px solid var(--border);gap:12px;padding:10px 0;display:flex}.timeline>div:first-child{border-top:0}.timeline i{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.timeline span{min-width:0;display:block}.timeline small{color:var(--muted);margin-top:3px;display:block}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xs);overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px}th{z-index:1;background:color-mix(in srgb,var(--surface-2) 70%,var(--surface));color:var(--muted);padding-top:10px;padding-bottom:10px;font-size:12px;font-weight:500;position:sticky;top:0}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .1s}.clickable-row{cursor:pointer}.clickable-row:hover td,.selected-row td{background:var(--surface-2)}td strong{font-weight:600}.checkbox-cell{width:40px;padding-right:0!important}.tabs,.pipelines-tabs,.forms-filters{background:var(--surface-3);border-radius:var(--r-lg);align-items:center;gap:2px;margin-bottom:14px;padding:3px;display:inline-flex}.tabs button,.pipelines-tabs button,.forms-filters button{border-radius:var(--r-md);height:28px;color:var(--muted);font:500 13px/1 var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 14px;transition:background .12s,color .12s,box-shadow .12s}.tabs button:hover,.pipelines-tabs button:hover,.forms-filters button:hover{color:var(--text)}.tabs button.active,.pipelines-tabs button[data-active=true],.forms-filters button.selected{background:var(--surface);color:var(--brand-ink);box-shadow:var(--shadow-sm);font-weight:600}.quick-tabs{gap:6px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow:auto}.quick-tabs button{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);height:30px;color:var(--text-2);font:500 12.5px/1 var(--font);white-space:nowrap;cursor:pointer;padding:0 12px;transition:background .12s,border-color .12s,color .12s}.quick-tabs button:hover{border-color:var(--border-strong);color:var(--text)}.quick-tabs button.active{background:var(--text);border-color:var(--text);color:var(--surface)}.client-tabs,.forms-tabs,.lead-drawer-tabs{border-bottom:1px solid var(--border);gap:4px;margin:0 0 18px;display:flex;overflow-x:auto}.client-tabs button,.forms-tabs button,.lead-drawer-tabs button{color:var(--muted);font:500 13px/1 var(--font);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 12px;transition:color .12s,border-color .12s;display:inline-flex}.client-tabs button:hover,.forms-tabs button:hover,.lead-drawer-tabs button:hover{color:var(--text)}.client-tabs button.active,.forms-tabs button.selected,.lead-drawer-tabs button[aria-selected=true]{color:var(--brand-ink);border-bottom-color:var(--brand);background:0 0;font-weight:600}.forms-tabs small{border-radius:var(--r-pill);background:var(--surface-3);color:var(--muted);padding:1px 7px;font-size:11px}.modal-backdrop{z-index:60;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .14s var(--ease);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lead-picker{margin-top:14px}.lead-picker>label{margin-top:0}.lead-picker>input{width:100%;margin-top:6px;display:block}.lead-picker-list{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);max-height:240px;box-shadow:var(--shadow-sm);gap:2px;margin:6px 0 0;padding:4px;list-style:none;display:grid;overflow:auto}.lead-picker-option{cursor:pointer;border-radius:8px;gap:1px;padding:8px 10px;display:grid}.lead-picker-option small{color:var(--muted);font-size:12px}.lead-picker-option[aria-selected=true]{background:var(--brand-soft)}.lead-picker-create{color:var(--brand-ink);border-top:1px solid var(--border);border-radius:0 0 8px 8px}.lead-picker-create strong{align-items:center;gap:6px;font-weight:600;display:inline-flex}.lead-picker-empty{color:var(--muted);padding:8px 10px;font-size:12.5px}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:min(540px,100%);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-xl);animation:pop-in .18s var(--ease);padding:24px;overflow:auto}.modal-card.wide{width:min(780px,100%)}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-head h2{letter-spacing:-.015em;margin-top:2px;font-size:18px;line-height:26px}.modal-head .eyebrow{display:block}.modal-section-title{margin:22px 0 10px;font-size:13px;font-weight:600}.modal-section-title small{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.modal-footer{z-index:2;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin:24px -24px -24px;padding:14px 24px;display:flex;position:sticky;bottom:-24px}.drawer-backdrop{z-index:50;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .14s var(--ease);justify-content:flex-end;display:flex;position:fixed;inset:0}.lead-drawer{background:var(--bg);border-left:1px solid var(--border);width:min(700px,100%);height:100%;box-shadow:var(--shadow-xl);animation:slide-in .22s var(--ease);overflow:auto}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:2px;height:100dvh;min-height:0;padding:14px 12px 12px;display:flex;position:sticky;top:0;overflow:hidden}.main{flex-direction:column;min-width:0;display:flex}.page{width:100%;max-width:1360px;margin:0 auto;padding:28px 32px 56px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.page-head h1{margin:2px 0 0}.page-head p{max-width:64ch;color:var(--muted);margin-top:4px;font-size:13px}.page-head small:first-child:not(:only-child){margin-bottom:2px}.page-head>.primary-btn{flex:none}.sidebar-brand-row{flex:none;align-items:center;gap:8px;min-height:44px;padding:0 4px 12px;display:flex;position:relative}.flow-brand{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.flow-brand img{object-fit:contain;flex:none;width:30px;height:30px}.flow-brand strong{letter-spacing:-.01em;white-space:nowrap;font-size:14px;font-weight:600;line-height:18px;display:block}.flow-brand small{color:var(--muted);white-space:nowrap;margin-top:1px;font-size:11.5px;line-height:14px;display:block}.sidebar-collapse-btn{border-radius:var(--r-sm);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.sidebar-collapse-btn:hover{background:var(--surface-2);color:var(--text)}.sidebar nav{flex-direction:column;flex:auto;gap:2px;min-height:0;margin:0 -4px;padding:0 4px;display:flex;overflow:hidden auto}.nav-group{flex-direction:column;gap:1px;padding-bottom:6px;display:flex}.nav-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px;font-size:11px;font-weight:600;line-height:16px}.nav-item{border-radius:var(--r-md);width:100%;height:32px;color:var(--text-2);font:500 13px/1 var(--font);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item svg{color:var(--muted);transition:color .12s}.nav-item:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-item:hover svg{color:var(--text-2)}.nav-item.active{background:var(--brand-soft);color:var(--brand-ink);box-shadow:inset 3px 0 0 var(--brand);font-weight:600}.nav-item.active svg{color:var(--brand-ink)}.nav-item small{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--muted);margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:500}.sidebar-footer{border-top:1px solid var(--border);flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:6px;padding:12px 2px 0;display:grid}.sidebar-footer-actions{gap:2px;display:flex}.sidebar-footer>div{min-width:0}.sidebar-footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;display:block;overflow:hidden}.sidebar-footer small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;line-height:16px;display:block;overflow:hidden}.sidebar-logout{border-radius:var(--r-sm);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.sidebar-logout:hover{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger)}.profile-photo-button{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0}.sidebar-collapsed .sidebar{align-items:stretch;padding-inline:10px}.sidebar-collapsed .sidebar-brand-row{flex-direction:column;justify-content:center;gap:10px;padding:0 0 12px}.sidebar-collapsed .flow-brand{flex:none;justify-content:center}.sidebar-collapsed .flow-brand>div,.sidebar-collapsed .nav-item>span,.sidebar-collapsed .nav-item>small,.sidebar-collapsed .sidebar-footer>div:not(.sidebar-footer-actions){display:none}.sidebar-collapsed .nav-label{background:var(--border);height:1px;margin:6px 10px;padding:0;font-size:0;overflow:hidden}.sidebar-collapsed .nav-item{justify-content:center;height:30px;padding:0}.sidebar-collapsed .nav-group{padding-bottom:2px}.sidebar-collapsed .sidebar-footer{flex-direction:column;align-items:center;gap:6px;padding-inline:0;display:flex}.sidebar-collapsed .sidebar-footer-actions{flex-direction:column}.topbar{z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--border);flex:0 0 56px;align-items:center;gap:12px;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.global-search-inline{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:min(440px,100%);height:36px;color:var(--muted);cursor:text;box-shadow:var(--shadow-xs);align-items:center;gap:9px;padding:0 10px 0 12px;transition:border-color .12s;display:flex}.global-search-inline:hover{border-color:var(--border-strong)}.global-search-inline span{flex:1;font-size:13px}.global-search-inline kbd{border:1px solid var(--border);background:var(--surface-2);font:500 11px var(--font);color:var(--muted);border-radius:6px;padding:2px 6px}.platform-refresh{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);height:34px;color:var(--text-2);font:500 13px/1 var(--font);cursor:pointer;box-shadow:var(--shadow-xs);align-items:center;gap:7px;padding:0 12px;transition:background .12s,color .12s;display:inline-flex}.platform-refresh:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.platform-refresh:disabled{cursor:progress;opacity:.7}.platform-refresh.is-refreshing svg{animation:.8s linear infinite spin}.runtime-status{height:28px;font-size:12px}.runtime-status.demo{--tone:var(--muted)}.runtime-status.syncing{--tone:var(--brand-ink)}.runtime-status.live{--tone:var(--success)}.runtime-status.warning{--tone:var(--warning)}.runtime-status.error{--tone:var(--danger)}.runtime-status.admin{cursor:pointer;font-family:inherit}.runtime-status-wrap{display:inline-flex;position:relative}.runtime-error-details{z-index:50;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);width:min(340px,100vw - 32px);box-shadow:var(--shadow-lg);color:var(--text);white-space:normal;padding:14px;font-size:13px;position:absolute;top:calc(100% + 8px);right:0}.runtime-error-details strong{margin-bottom:8px;display:block}.runtime-error-details ul{overflow-wrap:anywhere;margin:0 0 10px;padding-left:18px}.runtime-error-details li+li{margin-top:6px}.mobile-nav,.mobile-menu-backdrop{display:none}.auth-screen,.diagnostic{background:radial-gradient(1100px 520px at 50% -10%,color-mix(in srgb,var(--brand) 11%,transparent),transparent 70%),var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.diagnostic-card{background:var(--surface);border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow-lg);border-radius:20px;padding:32px}.diagnostic-card{width:min(720px,100%)}.auth-card h1{letter-spacing:-.025em;margin:4px 0 6px;font-size:24px;line-height:30px}.auth-card p,.diagnostic-card p{color:var(--muted)}.auth-logo{align-items:center;gap:10px;margin-bottom:24px;display:flex}.auth-brand{justify-content:center;margin-bottom:24px;display:flex}.auth-legal{text-align:center;margin:16px 0 0;font-size:12px}.flow-brand-lockup{border-radius:var(--r-lg);background:#000b3d;border:1px solid #ffffff14;align-items:center;gap:12px;width:max-content;max-width:100%;padding:10px 14px;display:flex}.flow-brand-lockup img{width:132px;height:auto;display:block}.flow-brand-lockup>span{background:#fff3;width:1px;height:28px}.flow-brand-lockup>div strong{letter-spacing:.18em;color:#fff;font-size:12px;font-weight:600;display:block}.flow-brand-lockup>div small{letter-spacing:.04em;color:#ffffff9e;white-space:nowrap;font-size:9px;display:block}.mfa-card{width:min(420px,100%)}.mfa-card h1{margin:0 0 10px;font-size:clamp(22px,5vw,26px)}.mfa-card .mfa-intro{margin:0;line-height:1.5}.mfa-send,.mfa-confirm{width:100%;height:44px;margin-top:0;display:flex}.mfa-send{margin-top:22px}.mfa-hint{margin:14px 0 0;font-size:13px;line-height:1.45}.mfa-form{gap:18px;margin-top:24px;display:grid}.mfa-form>label{margin:0}.mfa-form>label input:not([type=checkbox]){height:44px}.mfa-form .mfa-remember{align-items:center;gap:10px;line-height:1.4;display:flex}.mfa-signout{margin-top:18px}.form-note{text-align:center;color:var(--muted);margin-top:12px;display:block}.success-card{text-align:center}.success-card h1{margin-top:12px}.route-loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.coming{max-width:720px;padding-top:80px}.coming>span{letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:600}.coming h1{letter-spacing:-.03em;margin:6px 0 10px;font-size:34px;line-height:40px}.coming p{color:var(--muted)}.coming-box{color:var(--muted);margin-top:24px;padding:18px}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.page{padding:20px 16px 96px}.topbar{padding:0 16px}.two-col{grid-template-columns:minmax(0,1fr)}.page-head{flex-direction:column;align-items:flex-start;gap:12px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{align-items:end;padding:12px}.modal-card{border-radius:20px 20px 12px 12px;padding:20px}.modal-footer{margin:20px -20px -20px;padding:12px 20px;bottom:-20px}.mobile-nav{z-index:40;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:20px;grid-template-columns:repeat(5,1fr);padding:6px;display:grid;position:fixed;bottom:12px;left:12px;right:12px}.mobile-nav a,.mobile-nav button{border-radius:var(--r-lg);height:auto;box-shadow:none;color:var(--muted);font:500 11px/1.2 var(--font);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;text-decoration:none;display:flex}.mobile-nav a.active{background:var(--surface-3);color:var(--text)}.mobile-menu-backdrop{z-index:70;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-menu-sheet{background:var(--surface);width:100%;max-height:82vh;box-shadow:var(--shadow-xl);border-radius:24px 24px 0 0;padding:20px 16px 28px;overflow:auto}.mobile-menu-sheet header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.mobile-menu-sheet h3{margin-top:2px;font-size:18px}.mobile-menu-links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-menu-links a{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text);align-items:center;gap:6px;padding:12px;font-weight:500;text-decoration:none;display:flex}.flow-brand-lockup img{width:112px}}@media (width<=700px){.topbar{gap:8px;padding:0 12px}.global-search-inline{flex:1;width:auto;min-width:0}.global-search-inline span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.global-search-inline kbd{display:none}.platform-refresh{justify-content:center;width:34px;padding:0}.platform-refresh span,.runtime-status:not(.admin){display:none}.toolbar{flex-wrap:wrap}.toolbar input{flex:100%}}@media (width<=560px){.form-grid{grid-template-columns:minmax(0,1fr)}.page-head h1{font-size:20px}.auth-card,.diagnostic-card{padding:24px}}.qf{min-height:100vh;color:var(--text);background:radial-gradient(1100px 420px at 50% -160px,color-mix(in srgb,var(--brand) 16%,transparent),transparent),var(--bg);padding-bottom:40px}.qf input,.qf textarea{font-size:16px}.qf-hero{color:#fff;background:linear-gradient(155deg,var(--brand-navy) 0%,var(--brand-navy) 45%,color-mix(in srgb,var(--brand) 70%,var(--brand-navy)) 100%);max-width:640px;box-shadow:var(--shadow-lg);border-radius:0 0 26px 26px;margin:0 auto;padding:28px 20px 30px}.qf-hero.is-compact{text-align:center;padding:18px 20px}.qf-logo{width:148px;height:auto;display:block}.qf-hero.is-compact .qf-logo{width:132px;margin:0 auto}.qf-eyebrow{border-radius:var(--r-pill);letter-spacing:.02em;color:#ffffffe6;background:#ffffff1f;margin-top:22px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.qf-hero h1{letter-spacing:-.02em;color:#fff;margin:14px 0 10px;font-size:clamp(25px,6.4vw,32px);font-weight:700;line-height:1.18}.qf-hero p{color:#ffffffd6;margin:0;font-size:15.5px;line-height:1.6}.qf-perks{gap:8px;margin:20px 0 22px;padding:0;list-style:none;display:grid}.qf-perks li{border-radius:var(--r-lg);color:#ffffffeb;background:#ffffff14;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.qf-start{width:100%;max-width:360px;height:54px;color:var(--brand-navy);font:700 16.5px/1 var(--font);cursor:pointer;transition:transform .12s var(--ease),box-shadow .12s;background:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;display:inline-flex;box-shadow:0 10px 30px #00000040}.qf-start:hover{transform:translateY(-1px);box-shadow:0 14px 36px #0000004d}.qf-hero-note{color:#ffffffb3;margin-top:12px;font-size:12.5px;display:block}.qf-bar{z-index:5;color:#fff;background:var(--brand-navy);box-shadow:var(--shadow-md);align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.qf-bar-logo{flex:none;width:92px;height:auto}.qf-progress{border-radius:var(--r-pill);background:#ffffff2e;flex:1;height:8px;overflow:hidden}.qf-progress span{border-radius:inherit;height:100%;transition:width .45s var(--ease);background:linear-gradient(90deg,#4d86ff,#a9c7ff);display:block}.qf-bar small{font-variant-numeric:tabular-nums;color:#ffffffe0;flex:none;font-size:12.5px;font-weight:600}.qf-steps{gap:10px;max-width:640px;margin:18px auto 0;padding:0 16px;display:grid}.qf-group{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink);margin:14px 4px 0;font-size:11.5px;font-weight:700}.qf-steps>div:first-child .qf-group{margin-top:0}.qf-done-item{border:1px solid var(--border);background:var(--surface);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:6px;padding:12px 14px;transition:border-color .12s,box-shadow .12s;display:grid}.qf-done-item:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--border));box-shadow:var(--shadow-sm)}.qf-done-icon{width:26px;height:26px;color:var(--success);background:color-mix(in srgb,var(--success) 13%,var(--surface));border-radius:50%;place-items:center;display:grid}.qf-done-item.is-skipped .qf-done-icon{color:var(--muted);background:var(--surface-2)}.qf-done-text strong{font-size:13.5px;font-weight:600;line-height:1.35;display:block}.qf-done-text small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.qf-done-edit{color:var(--faint)}.qf-card{border:1px solid color-mix(in srgb,var(--brand) 26%,var(--border));background:var(--surface);box-shadow:var(--shadow-lg);animation:qf-in .35s var(--ease);border-radius:20px;outline:none;margin-top:6px;padding:22px 20px;scroll-margin-top:104px}@keyframes qf-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.qf-step{letter-spacing:.02em;color:var(--brand-ink);font-size:12px;font-weight:600}.qf-card h2{letter-spacing:-.01em;margin:6px 0 12px;font-size:20px;font-weight:700;line-height:1.35}.qf-card h2 small{color:var(--muted);font-size:14px;font-weight:400}.qf-help{color:var(--muted);margin:-6px 0 14px;font-size:14px;line-height:1.5}.qf-known{border:1px solid color-mix(in srgb,var(--brand) 18%,transparent);background:var(--brand-soft);border-radius:14px;gap:4px;padding:14px 16px;display:grid}.qf-known small{color:var(--brand-ink);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.qf-known strong{overflow-wrap:anywhere;font-size:17px;font-weight:600;line-height:1.4}.qf-known span{color:var(--muted);font-size:13.5px}.qf-google{color:var(--accent-teal);flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;font-size:12.5px;font-style:normal;display:inline-flex}.qf-google.is-match{color:var(--success)}.qf-choices{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px;display:grid}.qf-choice{--tone:var(--brand);border:1.5px solid var(--border);background:var(--surface);min-height:56px;color:var(--text);font:600 15px/1.2 var(--font);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .12s,background .12s,transform .1s;display:flex}.qf-choice:hover{border-color:var(--border-strong);transform:translateY(-1px)}.qf-choice.tone-ok{--tone:var(--success)}.qf-choice.tone-remove{--tone:var(--danger)}.qf-choice-icon{width:30px;height:30px;color:var(--muted);background:var(--surface-2);border-radius:50%;flex:none;place-items:center;transition:background .12s,color .12s;display:grid}.qf-choice.is-selected{border-color:var(--tone);background:color-mix(in srgb,var(--tone) 9%,var(--surface))}.qf-choice.is-selected .qf-choice-icon{color:#fff;background:var(--tone)}.qf-fix{gap:8px;margin-top:12px;display:grid}.qf-fix input,.qf-fix textarea,.qf-add input,.qf-text{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);font-family:var(--font);border-radius:12px;padding:12px 14px}.qf-fix input:focus,.qf-fix textarea:focus,.qf-add input:focus,.qf-text:focus{border-color:var(--brand);box-shadow:var(--ring);outline:none}.qf-text{resize:vertical;min-height:120px;line-height:1.5}.qf-subtitle{color:var(--muted);align-items:center;gap:6px;margin:14px 0 0;font-size:13px;font-weight:600;display:flex}.qf-subtitle:first-child{margin-top:0}.qf-chips{flex-wrap:wrap;gap:8px;margin:10px 0 2px;display:flex}.qf-chip{border:1.5px solid var(--border);border-radius:var(--r-pill);background:var(--surface);align-items:center;max-width:100%;transition:border-color .12s,background .12s;display:inline-flex}.qf-chip>button[role=checkbox]{min-width:0;color:var(--text);font:500 14.5px/1.25 var(--font);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.qf-chip-box{border:1.5px solid var(--border-strong);color:#fff;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;display:grid}.qf-chip.is-selected{border-color:var(--brand);background:var(--brand-soft)}.qf-chip.is-selected .qf-chip-box{border-color:var(--brand);background:var(--brand)}.qf-chip-label{padding:10px 4px 10px 14px;font-size:14.5px;font-weight:500}.qf-chip-remove{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:stretch;place-items:center;padding:0 12px 0 6px;display:grid}.qf-star{color:var(--faint);cursor:pointer;background:0 0;border:0;align-self:stretch;place-items:center;padding:0 12px 0 2px;display:grid}.qf-star.is-active{color:var(--warning)}.qf-star.is-active svg{fill:currentColor}.qf-add{gap:8px;margin-top:14px;display:flex}.qf-add input{flex:1;min-width:0}.qf-add button{border:1px solid color-mix(in srgb,var(--brand) 30%,var(--border));background:var(--brand-soft);color:var(--brand-ink);font:600 14px/1 var(--font);cursor:pointer;border-radius:12px;flex:none;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.qf-hint{color:var(--muted);align-items:center;gap:6px;margin:10px 0 0;font-size:12.5px;display:flex}.qf-nav{align-items:center;gap:10px;margin-top:22px;display:flex}.qf-back{color:var(--muted);font:600 14px/1 var(--font);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:10px 4px;display:inline-flex}.qf-back:hover{color:var(--text)}.qf-next{background:var(--brand);color:#fff;height:50px;font:700 15.5px/1 var(--font);cursor:pointer;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 30%,transparent);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-left:auto;padding:0 22px;transition:background .12s,transform .1s;display:inline-flex}.qf-next:hover{background:var(--brand-hover);transform:translateY(-1px)}.qf-next.is-skip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);box-shadow:none}.qf-finish{text-align:center;justify-items:center;gap:8px;display:grid}.qf-finish>svg{color:var(--success)}.qf-finish h2{margin:0}.qf-finish p{max-width:460px;color:var(--muted);margin:0 0 6px;font-size:14.5px;line-height:1.55}.qf-submit{background:linear-gradient(135deg,var(--brand),var(--brand-press));color:#fff;width:100%;max-width:360px;height:54px;font:700 16.5px/1 var(--font);cursor:pointer;box-shadow:0 10px 26px color-mix(in srgb,var(--brand) 35%,transparent);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;display:inline-flex}.qf-submit:disabled,.qf-save:disabled{opacity:.6;cursor:not-allowed}.qf-error{width:100%;color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface));border-radius:12px;padding:10px 12px;font-size:13.5px}.qf-footer{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:640px;margin:22px auto 0;padding:0 16px;display:flex}.qf-save{border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--text-2);font:600 14px/1 var(--font);cursor:pointer;padding:10px 16px}.qf-footer span{width:100%;color:var(--muted);font-size:12.5px}.qf-message{background:var(--surface);text-align:center;max-width:560px;box-shadow:var(--shadow-lg);border-radius:20px;margin:24px auto 0;padding:30px 22px}.qf-message h1{margin:8px 0 10px;font-size:24px}.qf-message p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.qf-message.is-done>svg{color:var(--success)}.qf-loading{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:40px 16px;display:flex}@media (width>=720px){.qf-hero{border-radius:26px;margin-top:36px;padding:40px 44px}.qf-hero.is-compact{padding:20px}.qf-perks{grid-template-columns:repeat(3,minmax(0,1fr))}.qf-perks li{align-items:flex-start}.qf-card{padding:28px 30px}}@media (width<=520px){.qf-choices{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.qf-card{animation:none}.qf-progress span{transition:none}}.qf-passphrase{justify-items:center;gap:12px;display:grid}.qf-passphrase>svg{color:var(--brand)}.qf-passphrase input{border:1px solid var(--border-strong);background:var(--surface);width:100%;max-width:320px;height:50px;color:var(--text);text-align:center;letter-spacing:.04em;border-radius:14px;padding:0 14px}.qf-passphrase input:focus{border-color:var(--brand);box-shadow:var(--ring);outline:none}.qf-passphrase .qf-next{width:100%;max-width:320px;margin-left:0}.qf-passphrase .qf-error{max-width:320px}.pf-intro h1{margin:6px 0 8px;font-size:1.45rem}.pf-tips{color:var(--text);gap:4px;margin:10px 0;padding-left:20px;display:grid}.pf-send{gap:14px;display:grid}.pf-pick{border:2px dashed var(--border-strong);min-height:96px;color:var(--brand);cursor:pointer;background:var(--surface);border-radius:16px;justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex;position:relative}.pf-pick:focus-within{border-color:var(--brand);box-shadow:var(--ring)}.pf-pick input{opacity:0;cursor:pointer;position:absolute;inset:0}.pf-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pf-item{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:8px;display:grid}.pf-item img,.pf-noimg{object-fit:cover;background:var(--surface-2);border-radius:10px;place-items:center;width:56px;height:56px;display:grid}.pf-item div{gap:4px;min-width:0;display:grid}.pf-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.pf-item small{color:var(--muted)}.pf-item input{border:1px solid var(--border-strong);background:var(--surface);height:36px;color:var(--text);border-radius:10px;padding:0 10px}.pf-item.is-sent small,.pf-item.is-duplicate small,.pf-item.is-sent>svg,.pf-item.is-duplicate>svg{color:var(--success)}.pf-item.is-error small,.pf-item.is-invalid small{color:var(--danger)}.pf-remove{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px}.pf-rights{align-items:flex-start;gap:10px;font-size:.92rem;line-height:1.4;display:flex}.pf-rights input{flex:none;width:18px;height:18px;margin-top:3px}.pf-submit{width:100%;margin-left:0}.pf-done{color:var(--success);align-items:center;gap:8px;margin:0;font-weight:600;display:flex}