@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap";:root{color:#183b35;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f7f3;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4f7f3;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #35685f}:root{--color-ink:#183b35;--color-muted:#52645f;--color-surface:#fff;--color-background:#f4f7f3;--color-border:#dbe4df;--color-accent:#d9f56d;--color-accent-soft:#edf6d0;--shadow-soft:0 18px 40px #183b3514}#root{min-height:100vh}.app-shell{background:var(--color-background);min-height:100vh}.app-header{z-index:10;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f7f3f5;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:14px 20px;display:flex;position:sticky;top:0}.app-user{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.app-user>span{text-align:right;min-width:0;display:none}.app-user strong,.app-user small{text-overflow:ellipsis;white-space:nowrap;max-width:210px;display:block;overflow:hidden}.app-user strong{color:var(--color-ink);font-size:.76rem}.app-user small{color:var(--color-muted);margin-top:2px;font-size:.68rem}.auth-screen{background:var(--color-background);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--color-border);background:var(--color-surface);width:min(100%,480px);box-shadow:var(--shadow-soft);border-radius:24px;padding:30px 24px}.auth-card .brand-mark{margin-bottom:28px}.auth-card h1{font-size:clamp(2rem,10vw,3.25rem)}.auth-error{color:#7a2920;background:#fff3f1;border:1px solid #e4b9b4;border-radius:12px;margin:22px 0 0;padding:12px 14px;font-size:.84rem}.auth-button{width:100%;margin-top:28px}.brand{align-items:center;gap:12px;display:inline-flex}.brand-mark{background:var(--color-ink);width:42px;height:42px;color:var(--color-accent);letter-spacing:.08em;border-radius:13px;place-items:center;font-size:.72rem;font-weight:700;display:grid}.brand-copy{gap:1px;display:grid}.brand-copy strong{font-family:Space Grotesk,sans-serif;font-size:.96rem}.brand-copy small{color:var(--color-muted);font-size:.7rem}.app-main{width:100%}.screen{width:100%;max-width:720px;min-height:calc(100vh - 76px);margin:0 auto;padding:36px 20px 124px}.page-intro{max-width:620px}.page-intro.compact{max-width:560px}.eyebrow{color:#49605a;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:.75rem;font-weight:700}h1,h2,p{margin-top:0}h1,h2{color:var(--color-ink);font-family:Space Grotesk,sans-serif}h1{letter-spacing:-.045em;margin-bottom:0;font-size:clamp(2.25rem,11vw,3.75rem);line-height:1.02}h2{margin-bottom:0;font-size:1.15rem;line-height:1.25}.lede{max-width:570px;color:var(--color-muted);margin:18px 0 0;font-size:1rem;line-height:1.65}.home-screen{padding-top:28px}.home-screen h1{letter-spacing:-.035em;max-width:520px;font-size:clamp(2rem,9vw,3rem)}.home-screen .lede{margin-top:12px}.home-actions{gap:12px;margin-top:38px;display:grid}.button{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:0 20px;font-size:.92rem;font-weight:700;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.72;transform:none}.button.primary{background:var(--color-accent);color:var(--color-ink)}.button.primary:hover{background:#cef052}.button.secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-ink)}.button.secondary:hover{border-color:#b5c8c0}.section-card,.empty-state,.list-summary,.success-summary,.import-summary{border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px}.section-card{box-shadow:var(--shadow-soft);margin-top:48px;padding:22px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading .eyebrow{margin-bottom:7px}.status-badge{background:var(--color-accent-soft);color:#304d46;border-radius:999px;flex:none;padding:6px 10px;font-size:.72rem;font-weight:700}.empty-copy{border-top:1px solid var(--color-border);color:var(--color-muted);margin:24px 0 0;padding-top:20px;font-size:.9rem}.google-contacts-card{gap:20px;margin-top:32px;display:grid}.google-contacts-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.google-contacts-heading .eyebrow{margin-bottom:7px}.google-connection-status{color:var(--color-muted);flex:none;margin:2px 0 0;font-size:.78rem;font-weight:700}.google-connection-status.connected{color:#2f6658}.google-connect-button{width:100%}.account-card-copy{color:var(--color-muted);margin:-4px 0 0;font-size:.86rem;line-height:1.55}.accounts-screen .page-intro h1{font-size:clamp(2.2rem,10vw,3.4rem)}.account-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px;display:grid}.account-overview>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;gap:12px;min-height:110px;padding:18px;display:grid}.account-overview span{color:var(--color-muted);font-size:.76rem;font-weight:700}.account-overview strong{color:var(--color-ink);align-self:end;font-family:Space Grotesk,sans-serif;font-size:2rem}.add-account-button{width:100%;margin-top:20px}.accounts-empty-state{margin-top:24px}.account-list{gap:14px;margin-top:24px;display:grid}.account-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:18px;padding:20px}.account-card-heading{align-items:center;gap:14px;display:flex}.account-avatar{background:var(--color-ink);width:44px;height:44px;color:var(--color-accent);border-radius:14px;flex:none;place-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;display:grid}.account-identity{min-width:0}.account-identity h2{overflow-wrap:anywhere;font-size:.96rem}.account-status{color:var(--color-muted);margin-top:6px;font-size:.72rem;font-weight:700;display:inline-block}.account-status.connected{color:#2f6658}.account-status.reauthorize{color:#8a5a12}.account-note{color:#755015;background:#fff8e9;border-radius:12px;margin:18px 0 0;padding:14px;font-size:.78rem;line-height:1.5}.account-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.account-actions>:only-child{grid-column:2}.small-button.danger{color:#8a342b;background:#fff3f1;border-color:#e4b9b4}.small-button:disabled{cursor:not-allowed;opacity:.68}.phase-safety-note{background:#fffbed;border:1px solid #d8c789;border-radius:14px;margin-top:24px;padding:16px}.phase-safety-note strong{color:var(--color-ink);font-size:.82rem}.phase-safety-note p{color:var(--color-muted);margin:6px 0 0;font-size:.8rem;line-height:1.5}.google-auth-error{color:#7a2920;margin:-6px 0 0;font-size:.82rem;line-height:1.5}.test-contacts-card{gap:20px;margin-top:18px;display:grid}.test-contact-progress{background:var(--color-accent-soft);color:var(--color-ink);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;font-size:.84rem;font-weight:700;display:flex}.test-contact-progress strong{flex:none;font-family:Space Grotesk,sans-serif}.test-contact-notice{color:#2f6658;margin:0;font-size:.86rem;font-weight:700;line-height:1.5}.test-contact-actions{gap:10px;display:grid}.test-delete-button{color:#8a342b;background:#fff3f1;border-color:#e4b9b4}.test-delete-button:hover{background:#ffe9e5;border-color:#d98b82}.empty-state{text-align:center;justify-items:center;gap:12px;margin-top:36px;padding:42px 22px;display:grid}.empty-state p{max-width:430px;color:var(--color-muted);margin:0 0 8px;font-size:.9rem;line-height:1.6}.empty-icon,.success-icon{background:var(--color-accent-soft);width:50px;height:50px;color:var(--color-ink);border-radius:16px;place-items:center;margin-bottom:4px;font-size:1.5rem;font-weight:700;display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.import-error,.mapping-error{color:#7a2920;background:#fff3f1;border:1px solid #e4b9b4;border-radius:12px;margin:14px 0 0;padding:12px 14px;font-size:.86rem;line-height:1.5}.import-summary{margin-top:36px;padding:22px}.file-details{align-items:center;gap:14px;display:flex}.file-details>div{gap:3px;min-width:0;display:grid}.file-details strong{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-family:Space Grotesk,sans-serif;overflow:hidden}.file-details span:not(.file-icon){color:var(--color-muted);font-size:.82rem}.file-icon{background:var(--color-accent-soft);width:46px;height:46px;color:var(--color-ink);border-radius:13px;flex:none;place-items:center;font-size:.72rem;font-weight:700;display:grid}.detected-columns{border-top:1px solid var(--color-border);gap:12px;margin:22px 0 0;padding-top:20px;display:grid}.detected-columns>div{justify-content:space-between;align-items:center;gap:20px;display:flex}.detected-columns dt{color:var(--color-muted);font-size:.82rem}.detected-columns dd{color:var(--color-ink);text-align:right;margin:0;font-size:.88rem;font-weight:700}.column-mapping{border-top:1px solid var(--color-border);gap:18px;margin-top:22px;padding-top:20px;display:grid}.column-mapping>p{color:var(--color-muted);margin:0;font-size:.88rem;line-height:1.55}.column-mapping label{color:#304d46;gap:8px;font-size:.8rem;font-weight:700;display:grid}.column-mapping select{width:100%;min-height:48px;color:var(--color-ink);font:inherit;background:#fbfcfa;border:1px solid #c8d6d0;border-radius:12px;padding:0 40px 0 14px}.column-mapping select:focus-visible{outline-offset:1px;border-color:#35685f;outline:3px solid #35685f33}.column-mapping .mapping-error{margin-top:0}.page-actions{grid-template-columns:1fr;gap:12px;margin-top:28px;display:grid}.list-summary,.success-summary{color:var(--color-muted);justify-content:space-between;align-items:center;gap:20px;margin-top:36px;padding:20px 22px;font-size:.9rem;display:flex}.list-summary strong,.success-summary strong{color:var(--color-ink);font-family:Space Grotesk,sans-serif;font-size:1.6rem}.empty-state.small{margin-top:14px;padding-block:32px}.contact-form{border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px;gap:20px;margin-top:36px;padding:22px;display:grid}.contact-form label{color:#304d46;gap:8px;font-size:.8rem;font-weight:700;display:grid}.contact-form input{width:100%;min-height:48px;color:var(--color-ink);background:#fbfcfa;border:1px solid #c8d6d0;border-radius:12px;outline:none;padding:0 14px}.contact-form input:focus-visible{outline-offset:1px;border-color:#35685f;outline:3px solid #35685f33}.centered-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.centered-screen .lede{max-width:480px}.progress-ring{border:10px solid #e0e9e4;border-top-color:var(--color-accent);width:116px;height:116px;color:var(--color-ink);border-radius:50%;place-items:center;margin-bottom:28px;font-family:Space Grotesk,sans-serif;font-size:1.35rem;display:grid}.success-icon{background:var(--color-accent);border-radius:50%;width:78px;height:78px;margin-bottom:28px;font-size:2rem}.success-summary,.centered-actions{width:min(100%,430px)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:36px;display:grid}.summary-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;gap:16px;min-height:126px;padding:18px;display:grid}.summary-card span{color:var(--color-muted);font-size:.78rem;font-weight:600;line-height:1.35}.summary-card strong{color:var(--color-ink);align-self:end;font-family:Space Grotesk,sans-serif;font-size:2rem;line-height:1}.summary-newCount{border-top:4px solid var(--color-accent)}.summary-duplicateCount{border-top:4px solid #e9b95e}.summary-invalidCount{border-top:4px solid #d98b82}.preview-actions{margin-top:32px}.save-name-preview{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;margin-top:24px;padding:20px}.save-name-list{border-top:1px solid var(--color-border);gap:12px;margin-top:20px;padding-top:18px;display:grid}.save-name-row{gap:3px;display:grid}.save-name-row strong{color:var(--color-ink);overflow-wrap:anywhere;font-size:.9rem}.save-name-row span,.save-name-more{color:var(--color-muted);font-size:.78rem}.save-name-more{margin:16px 0 0;font-weight:700}.destination-selector,.destination-confirmation{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:18px;margin-top:24px;padding:20px}.destination-options{border:0;border-top:1px solid var(--color-border);gap:10px;margin:20px 0 0;padding:18px 0 0;display:grid}.destination-option{border:1px solid var(--color-border);cursor:pointer;background:#fbfcfa;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:15px;display:flex;position:relative}.destination-option:has(input:checked){background:var(--color-accent-soft);border-color:#78912b}.destination-option.unavailable{cursor:not-allowed;opacity:.68}.destination-option input{opacity:0;width:1px;height:1px;position:absolute}.destination-check{background:#fff;border:2px solid #9caaa5;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;display:grid}.destination-option input:checked+.destination-check{border-color:var(--color-ink);background:var(--color-ink)}.destination-option input:checked+.destination-check:after{content:"✓";color:var(--color-accent);font-size:.78rem;font-weight:700}.destination-option input:focus-visible+.destination-check{outline-offset:2px;outline:3px solid #35685f38}.destination-copy{gap:4px;min-width:0;display:grid}.destination-copy strong{color:var(--color-ink);overflow-wrap:anywhere;font-size:.88rem}.destination-copy small{color:var(--color-muted);font-size:.7rem;font-weight:600}.destination-empty{border-top:1px solid var(--color-border);gap:14px;margin-top:20px;padding-top:18px;display:grid}.destination-empty p,.confirmation-copy{color:var(--color-muted);margin:0;font-size:.84rem;line-height:1.55}.destination-totals,.confirmation-totals{border-top:1px solid var(--color-border);gap:10px;margin:20px 0 0;padding-top:18px;display:grid}.destination-totals>div,.confirmation-totals>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.destination-totals dt,.confirmation-totals dt{color:var(--color-muted);font-size:.76rem;font-weight:600}.destination-totals dd,.confirmation-totals dd{color:var(--color-ink);margin:0;font-family:Space Grotesk,sans-serif;font-weight:700}.destination-continue{width:100%;margin-top:20px}.destination-confirmation{border-color:#9db24f}.destination-confirmation .eyebrow{margin-bottom:7px}.confirmation-copy{margin-top:14px}.confirmation-account-list{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.confirmation-account-list li{background:var(--color-accent-soft);color:var(--color-ink);overflow-wrap:anywhere;border-radius:11px;padding:12px 14px;font-size:.84rem;font-weight:700}.confirmation-actions{gap:10px;margin-top:18px;display:grid}.save-connection-warning{background:#fff3f1;border:1px solid #e4b9b4;border-radius:14px;gap:12px;margin-top:22px;padding:16px;display:grid}.save-connection-warning p{color:#7a2920;margin:0;font-size:.86rem;line-height:1.5}.save-progress-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:20px;margin-top:36px;padding:22px}.save-progress-count{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.save-progress-count span{color:var(--color-muted);font-size:.82rem;font-weight:700}.save-progress-count strong{color:var(--color-ink);font-family:Space Grotesk,sans-serif;font-size:1.7rem;line-height:1}.save-progress-track{background:#e3ebe7;border-radius:999px;height:12px;margin-top:22px;overflow:hidden}.save-progress-track span{border-radius:inherit;background:var(--color-accent);height:100%;transition:width .18s;display:block}.save-progress-meta{color:var(--color-muted);justify-content:space-between;gap:16px;margin-top:12px;font-size:.75rem;font-weight:600;display:flex}.save-paused-card{background:#fff8e9;border:1px solid #e9b95e;border-radius:18px;gap:14px;margin-top:20px;padding:20px;display:grid}.save-paused-card p,.save-running-note{color:var(--color-muted);margin:0;font-size:.86rem;line-height:1.55}.save-running-note{text-align:center;margin-top:18px}.save-result-summary{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,430px);margin-top:34px;display:grid}.save-result-summary>div{gap:8px;padding:18px 10px;display:grid}.save-result-summary>div+div{border-left:1px solid var(--color-border)}.save-result-summary span{color:var(--color-muted);font-size:.72rem;font-weight:700}.save-result-summary strong{color:var(--color-ink);font-family:Space Grotesk,sans-serif;font-size:1.45rem}.history-list,.failed-contact-list{gap:14px;margin-top:32px;display:grid}.history-card,.failed-contact-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;padding:20px}.history-card{transition:border-color .16s,transform .16s}.history-card:hover{border-color:#b5c8c0;transform:translateY(-1px)}.history-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.history-card-heading h2{overflow-wrap:anywhere}.history-card-heading div>span{color:var(--color-muted);margin-top:5px;font-size:.76rem;display:block}.history-status{background:var(--color-accent-soft);color:#304d46;border-radius:999px;flex:none;padding:6px 9px;font-size:.68rem;font-weight:700}.history-paused,.history-partial{color:#755015;background:#fff2d8}.history-failed{color:#8a342b;background:#fff0ee}.history-counts{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0;padding-top:16px;display:grid}.history-counts div,.failed-contact-card dl div{gap:3px;display:grid}.history-counts dt,.failed-contact-card dt{color:var(--color-muted);font-size:.7rem;font-weight:600}.history-counts dd,.failed-contact-card dd{color:var(--color-ink);overflow-wrap:anywhere;margin:0;font-size:.86rem}.failed-contact-card h2{overflow-wrap:anywhere}.failed-contact-card dl{border-top:1px solid var(--color-border);gap:12px;margin:16px 0 0;padding-top:16px;display:grid}.contact-list-summary{color:var(--color-muted);justify-content:space-between;align-items:center;gap:16px;margin-top:30px;font-size:.84rem;font-weight:700;display:flex}.contact-list-summary a{color:var(--color-ink);text-underline-offset:3px;text-decoration:underline}.filter-row{scrollbar-width:none;gap:8px;margin:18px -20px 0;padding:0 20px 6px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;color:var(--color-muted);cursor:pointer;font:inherit;border-radius:999px;flex:none;padding:0 15px;font-size:.78rem;font-weight:700}.filter-chip.active{border-color:var(--color-ink);background:var(--color-ink);color:#fff}.processed-contact-list{gap:14px;margin-top:18px;display:grid}.processed-contact-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;padding:20px}.contact-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.contact-card-heading h2{overflow-wrap:anywhere;margin-top:4px}.row-number{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.contact-status{border-radius:999px;flex:none;padding:6px 10px;font-size:.7rem;font-weight:700}.status-new{background:var(--color-accent-soft);color:#304d46}.status-duplicate{color:#755015;background:#fff2d8}.status-invalid{color:#8a342b;background:#fff0ee}.contact-phone-details{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:10px;margin:20px 0 0;padding:16px 0;display:grid}.contact-phone-details>div{gap:3px;display:grid}.contact-phone-details dt{color:var(--color-muted);font-size:.72rem;font-weight:600}.contact-phone-details dd{color:var(--color-ink);overflow-wrap:anywhere;margin:0;font-size:.9rem}.validation-note,.fallback-note{margin:12px 0 0;font-size:.78rem;line-height:1.45}.validation-note{color:#8a342b}.fallback-note{color:var(--color-muted)}.contact-card-actions{flex-wrap:wrap;gap:18px;margin-top:18px;display:flex}.text-action{color:var(--color-ink);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:700}.text-action.danger{color:#9a3e34}.edit-contact-form{gap:16px;display:grid}.edit-contact-form label{color:#304d46;gap:8px;font-size:.78rem;font-weight:700;display:grid}.edit-contact-form input{width:100%;min-height:46px;color:var(--color-ink);font:inherit;background:#fbfcfa;border:1px solid #c8d6d0;border-radius:11px;outline:0;padding:0 13px}.edit-contact-form input:focus-visible{outline-offset:1px;border-color:#35685f;outline:3px solid #35685f33}.inline-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.small-button{cursor:pointer;min-height:42px;font:inherit;border:1px solid #0000;border-radius:11px;padding:0 12px;font-size:.76rem;font-weight:700}.small-button.primary{background:var(--color-accent);color:var(--color-ink)}.small-button.secondary{border-color:var(--color-border);background:var(--color-background);color:var(--color-ink)}.app-nav{z-index:20;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-link{color:#586c65;border-radius:12px;place-items:center;min-height:48px;font-size:.68rem;font-weight:700;display:grid}.nav-link.active{background:var(--color-accent-soft);color:var(--color-ink)}@media (width>=560px){.app-user>span{display:block}.home-actions,.page-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-actions>.primary{grid-column:1/-1}.page-actions.stacked{grid-template-columns:1fr 1fr}.confirmation-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.nav-link{font-size:.76rem}}.app-nav-owner{grid-template-columns:repeat(6,1fr)}@media (width>=760px){.app-header{padding-inline:max(28px,50vw - 332px)}.screen{padding:56px 28px 136px}.section-card{padding:28px}.empty-state{padding:56px 32px}.app-nav{border:1px solid var(--color-border);width:min(680px,100% - 36px);box-shadow:var(--shadow-soft);border-radius:18px;padding:8px;bottom:18px;left:50%;right:auto;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.office-invite-form{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;gap:10px;margin-top:30px;padding:20px;display:grid}.office-invite-form label{color:#304d46;font-size:.8rem;font-weight:700}.office-invite-form>div{gap:10px;display:grid}.office-invite-form input{min-width:0;min-height:48px;color:var(--color-ink);background:#fbfcfa;border:1px solid #c8d6d0;border-radius:12px;padding:0 14px}.office-invite-form small,.office-user-card p,.office-user-card small{color:var(--color-muted);margin:0;font-size:.76rem;line-height:1.5}.office-success{background:var(--color-accent-soft);color:var(--color-ink);border:1px solid #b9d18a;border-radius:12px;margin:14px 0 0;padding:12px 14px;font-size:.86rem}.office-user-list{gap:12px;margin-top:24px;display:grid}.office-user-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.office-user-card h2{overflow-wrap:anywhere;margin:8px 0 3px;font-size:1rem}.office-status{color:#52645e;letter-spacing:.05em;text-transform:uppercase;background:#edf1ef;border-radius:999px;padding:5px 8px;font-size:.65rem;font-weight:800;display:inline-block}.office-status-active{background:var(--color-accent-soft);color:#304d46}.office-status-pending{color:#755015;background:#fff2d8}.office-status-revoked{color:#8a342b;background:#fff0ee}@media (width>=560px){.office-invite-form>div{grid-template-columns:minmax(0,1fr) auto}}