@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#1c2825;background:#f4f6f3;font-synthesis:none;text-rendering:optimizeLegibility;--pine: #123f34;--pine-2: #1e594a;--mint: #dfece3;--line: #e1e7e2;--muted: #72807b;--surface: #fff;--gold: #c69b4b;--danger: #b84b4b;--shadow: 0 8px 30px rgba(18, 63, 52, .06)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;display:flex}.sidebar{width:242px;background:var(--pine);color:var(--sidebar-text, #fff);padding:28px 18px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:5}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{display:grid;place-items:center;color:#f5d994;width:38px;height:38px;border:1px solid rgba(245,217,148,.42);border-radius:11px;background:#ffffff0f}.brand-mark img{width:100%;height:100%;padding:4px;border-radius:inherit;object-fit:contain;background:transparent}.brand-with-logo{gap:8px}.brand-with-logo .brand-mark{width:auto;min-width:72px;max-width:195px;height:70px;padding:0;border:0;border-radius:0;background:transparent}.brand-with-logo .brand-mark img{width:auto;max-width:180px;height:auto;max-height:58px;padding:0;border-radius:0;object-fit:contain}.brand-with-logo.brand-compact .brand-mark{max-width:112px;height:38px}.brand-with-logo.brand-compact .brand-mark img{max-width:96px;max-height:27px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font:700 21px Manrope,sans-serif;letter-spacing:-.6px}.brand-copy small{margin-top:4px;color:#b9cbc5;font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.brand-pine-admin{min-width:0}.brand-pine-admin .brand-mark{width:47px;height:58px;border:0;border-radius:0;background:transparent}.brand-pine-admin .brand-mark img{width:100%;height:100%;padding:0;border-radius:0;object-fit:contain}.brand-pine-admin.brand-compact .brand-mark{width:30px;height:37px}.sidebar nav{display:grid;gap:7px;margin-top:50px}.sidebar nav button,.sidebar-bottom>button{border:0;background:transparent;color:var(--sidebar-muted, #b9cbc5);border-radius:9px;height:44px;display:flex;align-items:center;gap:12px;padding:0 13px;font-weight:600;text-align:left}.sidebar nav button:hover,.sidebar-bottom>button:hover{color:var(--sidebar-hover-text, #fff);background:var(--sidebar-hover-bg, rgba(255,255,255,.07))}.sidebar nav button.active{background:var(--sidebar-active-bg, #fff);color:var(--sidebar-active-text, var(--pine));box-shadow:0 6px 20px #0000001f}.merchant-shell .main-area{background:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:12px}.security-chip{border:1px solid var(--sidebar-chip-border, rgba(255,255,255,.13));border-radius:10px;background:var(--sidebar-chip-bg, rgba(255,255,255,.055));padding:13px;display:flex;gap:10px;align-items:center;color:var(--sidebar-muted, #b8d7cd)}.security-chip div{display:grid;gap:3px}.security-chip strong{color:var(--sidebar-text, #fff);font-size:12px}.security-chip span{font-size:10px}.main-area{flex:1;margin-left:242px;min-width:0}.topbar{height:72px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:4}.topbar>div,.topbar-actions{display:flex;align-items:center;gap:16px}.environment-pill{background:#eef3ef;color:#477063;border:1px solid #d9e6df;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.plan-pill{display:inline-flex;align-items:center;width:max-content;background:#f8f0dc;color:#8a6824;border:1px solid #ead8ac;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700;white-space:nowrap}.topbar-plan{padding:5px 9px}.icon-button{position:relative;width:36px;height:36px;border-radius:9px;background:transparent;border:1px solid transparent;display:grid;place-items:center;color:#56645f}.icon-button:hover{background:#f1f4f2;border-color:var(--line)}.notification-dot{position:absolute;width:7px;height:7px;border-radius:50%;right:7px;top:7px;background:#ca695d;border:1px solid #fff}.profile-button{background:transparent;border:0;display:flex;align-items:center;gap:9px;color:#53605c;padding:4px}.profile-button>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--pine);font-size:11px;font-weight:700}.profile-button div{display:grid;text-align:left;line-height:1.2}.profile-button strong{color:#24312d;font-size:12px}.profile-button small{color:var(--muted);font-size:10px}.mobile-brand{display:none}.content{padding:38px 36px 60px;max-width:1480px;margin:auto}.page-heading,.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.eyebrow{display:block;color:#779187;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px}.page-heading h1{font:700 clamp(25px,3vw,34px) "Manrope",sans-serif;margin-bottom:8px;letter-spacing:-1.2px;color:#1b2925}.page-heading p,.section-heading p{margin:0;color:var(--muted);font-size:14px}.section-heading h2{font:700 26px Manrope,sans-serif;margin-bottom:7px;letter-spacing:-.7px}.primary-button,.secondary-button,.text-button,.full-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:700}.primary-button{min-height:42px;background:var(--pine);color:#fff;border:1px solid var(--pine);padding:0 17px;font-size:12px;box-shadow:0 5px 14px #123f3429}.primary-button:hover{background:var(--pine-2)}.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.58}.button-link{text-decoration:none}.heading-actions{display:flex;align-items:center;gap:10px}.secondary-button{min-height:38px;padding:0 13px;background:#fff;color:#23312d;border:1px solid #d8e0dc;font-size:11px}.secondary-button:hover{background:#f5f8f6}.text-button,.full-text-button{color:var(--pine-2);background:transparent;border:0;font-size:11px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:19px;box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:14px}.metric-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.metric-gold{background:#faf0dc;color:#a37827}.metric-green{background:#e1f1e6;color:#31794f}.metric-red{background:#fae9e8;color:#ac4a48}.metric-blue{background:#e6eef5;color:#486f92}.metric-copy{min-width:0;display:grid}.metric-copy span{font-size:11px;color:var(--muted);font-weight:600}.metric-copy strong{font:700 23px Manrope,sans-serif;color:#1d2b27;letter-spacing:-.7px;margin:3px 0 2px}.metric-copy small{color:#89938f;font-size:10px;white-space:nowrap}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.table-card,.activity-card,.timeline-card{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:var(--shadow);min-width:0}.table-toolbar,.card-title{display:flex;justify-content:space-between;align-items:center;padding:19px 20px 16px}.table-toolbar h2,.card-title h2{font:700 15px Manrope,sans-serif;margin:0 0 4px}.table-toolbar p,.card-title p{color:var(--muted);font-size:10px;margin:0}.table-filters{display:flex;gap:9px;margin-left:auto}.search-box{border:1px solid var(--line);border-radius:8px;height:37px;width:230px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#7d8985}.search-box input{border:0;outline:0;width:100%;font-size:11px;color:#27332f}.table-filters select{border:1px solid var(--line);border-radius:8px;color:#47544f;padding:0 30px 0 10px;background:#fff;font-size:11px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:730px}th{background:#f7f9f7;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 15px;color:#76827e;font-size:9px;letter-spacing:.6px;text-transform:uppercase;text-align:left}.merchant-shell th{background:var(--brand-accent, var(--pine));border-color:var(--brand-accent, var(--pine));color:var(--brand-accent-foreground, #fff)}td{padding:14px 15px;border-bottom:1px solid #edf0ee;font-size:11px;color:#53605c}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfcfb}td strong{display:block;color:#293530;font-size:11px;font-weight:700}td small{display:block;color:#8b9692;font-size:9px;margin-top:3px}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}.status-paid{background:#e5f2e9;color:#347451}.status-overdue{background:#fae9e8;color:#a84947}.status-open{background:#f7f0df;color:#937126}.status-processing{background:#e8eff6;color:#4c6f8d}.status-draft{background:#f0f2f1;color:#68736f}.status-void{background:#ececec;color:#565c59}.empty-state{text-align:center;color:var(--muted);padding:34px}.live-dot{display:flex;align-items:center;gap:5px;color:#397a56;font-size:9px;font-weight:700;background:#e7f3eb;padding:5px 8px;border-radius:99px}.live-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:#47a168}.activity-list{padding:1px 19px 0}.activity-row{display:grid;grid-template-columns:8px 1fr;gap:11px;border-bottom:1px solid #edf0ee;padding:13px 0}.activity-row:last-child{border-bottom:0}.activity-dot{width:7px;height:7px;border-radius:50%;margin-top:5px}.activity-success{background:#4f9f6c;color:#277345}.activity-info{background:#5a88ae;color:#3e7099}.activity-warning{background:#d0a242;color:#9a6f16}.activity-row strong{display:block;font-size:11px;color:#2c3834}.activity-row p{color:#78847f;font-size:9px;line-height:1.5;margin:3px 0 4px}.activity-row small{font-size:8px;color:#9ba4a1}.activity-empty,.timeline-empty{min-height:170px;padding:28px;display:grid;place-content:center;justify-items:center;text-align:center;color:#8a9691}.activity-empty p,.timeline-empty p{max-width:220px;margin:9px 0 0;font-size:10px;line-height:1.5}.full-text-button{border-top:1px solid var(--line);width:100%;padding:13px;border-radius:0 0 12px 12px}.content-stack{display:grid;gap:18px}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.connection-card{padding:22px;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:var(--shadow);display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.connection-logo{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;font-weight:700;color:#fff;font-size:18px}.qb-logo{background:#2ca01c}.clover-logo{background:#4f7c27}.connection-copy>div:first-child{display:flex;align-items:center;gap:9px}.connection-copy h3{font:700 15px Manrope,sans-serif;margin:0}.connection-copy p{font-size:11px;color:var(--muted);margin:7px 0 17px}.connected-dot,.ready-dot,.upgrade-dot{display:inline-flex;align-items:center;gap:3px;font-size:8px;padding:4px 6px;border-radius:99px;font-weight:700}.connected-dot{background:#e7f3eb;color:#347451}.ready-dot{background:#f7f0df;color:#937126}.upgrade-dot{background:#eaf0f7;color:#4c6f8d}.connection-copy dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.connection-copy dl div{display:grid;gap:3px}.connection-copy dt{color:#8a9691;font-size:8px;text-transform:uppercase;letter-spacing:.5px}.connection-copy dd{margin:0;font-size:10px;font-weight:600;color:#3e4a46}.connection-card .secondary-button{grid-column:2;justify-self:start}.upgrade-card.locked{background:linear-gradient(145deg,#fff,#f8fafc);border-style:dashed}.upgrade-card.locked .qb-logo{filter:grayscale(.45);opacity:.82}.setup-note{border:1px solid #d7e3db;background:#eef4f0;border-radius:11px;padding:18px;display:flex;gap:13px;color:#3b7756}.setup-note h3{color:#294936;font-size:12px;margin-bottom:3px}.setup-note p{font-size:10px;color:#67786e;margin:0}.timeline-card{padding:6px 20px}.timeline-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.timeline-row:last-child{border:0}.timeline-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eef3ef}.timeline-row strong{font-size:11px}.timeline-row p{margin:3px 0 0;color:var(--muted);font-size:9px}.timeline-row time{color:#919b97;font-size:9px}.toast{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:8px;max-width:min(520px,calc(100vw - 48px));background:#183e34;color:#fff;border-radius:9px;padding:12px 16px;font-size:11px;font-weight:600;line-height:1.45;box-shadow:0 10px 30px #0003;animation:toast-in .25s ease-out}.toast-error{background:#9b3e39}.invoice-send-button{min-width:88px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#0a1e187a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.invoice-modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:16px;border:1px solid #dfe6e1;box-shadow:0 24px 80px #09241c3d;padding:27px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:21px;border-bottom:1px solid var(--line)}.modal-heading h2{font:700 22px Manrope,sans-serif;color:#1b2925;letter-spacing:-.6px;margin:0 0 6px}.modal-heading p{margin:0;color:var(--muted);font-size:12px}.invoice-form{display:grid;gap:17px;padding-top:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.invoice-form label{display:grid;gap:7px}.invoice-form label>span{color:#53605c;font-size:10px;font-weight:700}.invoice-form input{width:100%;height:42px;border:1px solid #dce4df;border-radius:8px;background:#fff;color:#23312d;outline:0;padding:0 12px;font-size:12px}.invoice-form input:focus{border-color:#7da393;box-shadow:0 0 0 3px #1e594a17}.money-input{height:42px;border:1px solid #dce4df;border-radius:8px;display:flex;align-items:center;overflow:hidden;background:#fff;color:#66746f}.money-input:focus-within{border-color:#7da393;box-shadow:0 0 0 3px #1e594a17}.money-input>span{flex:0 0 auto;padding-left:12px;font-size:12px;font-weight:700}.invoice-form .money-input input{flex:1 1 auto;min-width:0;height:100%;border:0;border-radius:0;background:transparent;padding:0 12px 0 9px;box-shadow:none!important}.invoice-form .money-input input:focus{border:0;box-shadow:none!important}.sandbox-note{display:flex;align-items:center;gap:9px;border-radius:8px;padding:11px 12px;background:#f5f2e8;color:#78652f;font-size:10px;line-height:1.45}.secure-note{display:flex;align-items:center;gap:9px;border-radius:8px;padding:11px 12px;background:#edf5f0;color:#426d58;font-size:10px;line-height:1.45}.invoice-fee-preview{display:grid;gap:8px;padding:14px;border:1px solid #dbe5df;border-radius:9px;background:#f7faf8}.invoice-fee-preview div{display:flex;justify-content:space-between;gap:16px;color:#56655f;font-size:11px}.invoice-fee-preview div:last-child{padding-top:9px;border-top:1px solid #dbe5df;color:#111;font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}.platform-shell .sidebar,.merchant-shell .sidebar{background:var(--brand-primary, var(--pine))}.platform-shell .primary-button{background:var(--brand-primary, var(--pine));border-color:var(--brand-primary, var(--pine));color:var(--brand-primary-foreground, #fff)}.platform-shell .primary-button:hover{background:var(--brand-primary-hover, var(--pine-2))}.merchant-shell .primary-button{background:var(--brand-accent, var(--pine));border-color:var(--brand-accent, var(--pine));color:var(--brand-accent-foreground, #fff)}.merchant-shell .primary-button:hover{filter:brightness(.92)}.platform-shell .profile-button>span,.merchant-shell .profile-button>span{background:var(--brand-accent-soft, var(--mint));color:var(--brand-accent-soft-foreground, var(--brand-primary, var(--pine)))}.platform-shell .metric-green,.merchant-shell .metric-green{background:var(--brand-accent-soft, #e1f1e6);color:var(--brand-accent-soft-foreground, #31794f)}.portal-role{margin:18px 0 -30px;color:var(--sidebar-muted, rgba(255,255,255,.68));font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.compact-button{min-height:32px;white-space:nowrap}.managed-status{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:700;text-transform:capitalize;white-space:nowrap}.managed-ready,.managed-active,.managed-approved{color:#347451;background:#e5f2e9}.managed-pending,.managed-in_progress,.managed-trialing,.managed-created{color:#937126;background:#f7f0df}.managed-attention,.managed-past_due,.managed-failed,.managed-declined{color:#a84947;background:#fae9e8}.managed-suspended,.managed-cancelled{color:#626b68;background:#ecefed}.invoice-form select{width:100%;height:42px;border:1px solid #dce4df;border-radius:8px;background:#fff;color:#23312d;outline:0;padding:0 12px;font-size:12px}.invoice-form select:focus{border-color:#7da393;box-shadow:0 0 0 3px #1e594a17}.modal-tabs{display:flex;gap:6px;padding-top:17px;border-bottom:1px solid var(--line)}.modal-tabs button{border:0;background:transparent;color:#78847f;padding:9px 12px;font-size:10px;font-weight:700;border-bottom:2px solid transparent}.modal-tabs button.active{color:var(--pine);border-bottom-color:var(--pine)}.managed-form{padding-top:18px}.payment-management-stack{display:grid;gap:18px}.managed-section{display:grid;gap:13px;padding:16px;border:1px solid #dfe7e2;border-radius:11px;background:#f9fbfa}.managed-section-heading h3{margin:0 0 4px;color:#26352f;font:700 14px Manrope,sans-serif}.managed-section-heading p{margin:0;color:var(--muted);font-size:10px}.toggle-setting{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid #dfe7e2;border-radius:9px;background:#fff}.toggle-setting>span{display:grid;gap:3px}.toggle-setting strong{color:#2c3b36;font-size:11px}.toggle-setting small{color:#75837e;font-size:9px;font-weight:400}.toggle-setting input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--pine)}.percent-field{display:grid;grid-template-columns:1fr 34px;align-items:center}.percent-field input{border-radius:8px 0 0 8px!important}.percent-field strong{height:42px;display:grid;place-items:center;border:1px solid #dce4df;border-left:0;border-radius:0 8px 8px 0;background:#eef3f0;color:#52615c;font-size:11px}.quickbooks-setup{display:grid;gap:14px}.integration-heading{display:flex;align-items:center;gap:12px}.integration-heading h3{margin:0 0 3px;color:#26352f;font:700 15px Manrope,sans-serif}.integration-heading p{margin:0;color:var(--muted);font-size:10px}.integration-icon{width:39px;height:39px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;color:#2b7657;background:#e5f2e9}.integration-loading{min-height:90px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:11px}.integration-status-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dfe7e2;border-radius:10px;padding:15px;background:#f8faf9}.integration-status-row>div:first-child{min-width:0;display:grid;gap:4px}.integration-status-row strong{color:#2c3b36;font-size:11px}.integration-status-row span,.integration-status-row small{color:#75837e;font-size:9px}.integration-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.merchant-users-panel{display:grid;gap:14px}.merchant-user-invite{display:grid;gap:12px;padding:15px;border:1px solid #dfe7e2;border-radius:10px;background:#f8faf9}.merchant-user-invite label{display:grid;gap:7px}.merchant-user-invite label>span{color:#53605c;font-size:10px;font-weight:700}.merchant-user-invite input,.merchant-user-invite select,.merchant-user-controls select{width:100%;height:38px;border:1px solid #dce4df;border-radius:8px;background:#fff;color:#23312d;outline:0;padding:0 10px;font-size:11px}.merchant-user-invite input:focus,.merchant-user-invite select:focus,.merchant-user-controls select:focus{border-color:#7da393;box-shadow:0 0 0 3px #1e594a17}.merchant-user-invite-actions{display:grid;grid-template-columns:minmax(140px,1fr) auto;align-items:end;gap:12px}.merchant-user-list{display:grid;gap:9px}.merchant-user-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid #dfe7e2;border-radius:10px;background:#fff}.merchant-user-identity{min-width:0;display:grid;gap:3px}.merchant-user-identity strong{color:#2c3b36;font-size:11px}.merchant-user-identity span,.merchant-user-identity small{overflow:hidden;color:#75837e;font-size:9px;text-overflow:ellipsis}.merchant-user-controls{display:grid;grid-template-columns:105px auto auto;align-items:center;gap:7px}.merchant-user-controls .logo-remove-button{white-space:nowrap}.merchant-settings-grid,.brand-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card,.brand-preview{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:24px}.settings-card h2{margin:0 0 8px;font:700 19px Manrope,sans-serif}.settings-card>p,.brand-preview p{color:var(--muted);font-size:11px;line-height:1.55}.settings-card dl{margin:22px 0 0;display:grid;gap:13px}.settings-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:13px;border-top:1px solid var(--line)}.settings-card dt{color:var(--muted);font-size:10px}.settings-card dd{margin:0;color:#31403b;font-size:11px;font-weight:700;text-align:right}.merchant-brand-card{min-height:82px;border:1px solid #dfe7e2;background:#f7faf8;border-radius:10px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#20332d}.merchant-brand-card .brand-copy small{color:#788982}.brand-swatches{display:flex;gap:6px}.brand-swatches span{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d8dfdb}.brand-preview{min-height:390px;color:var(--brand-primary-foreground, #fff);background:var(--brand-primary, var(--pine))}.brand-preview .brand-with-logo .brand-mark{max-width:166px;height:52px;padding:6px 10px}.brand-preview .brand-with-logo .brand-mark img{max-width:146px;max-height:38px}.brand-preview>span{display:block;margin-bottom:24px;color:var(--brand-primary-foreground, #fff);opacity:.68;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.brand-preview .preview-panel{margin-top:42px;padding:22px;border-radius:12px;background:#fff;color:#25342f}.brand-preview .preview-panel strong{font:700 16px Manrope,sans-serif}.brand-preview .preview-panel button{border:0;border-radius:8px;background:var(--brand-accent, var(--gold));color:var(--brand-accent-foreground, #25342f);padding:10px 14px;font-size:10px;font-weight:700}.color-field{height:42px;display:flex;align-items:center;gap:10px;border:1px solid #dce4df;border-radius:8px;padding:5px 10px}.color-field input{width:31px;height:29px;border:0;padding:0;background:transparent}.color-field code{color:#56645f;font-size:11px}.field-label{color:#53605c;font-size:10px;font-weight:700}.logo-upload-field{display:grid;gap:7px}.logo-upload-box{position:relative;display:grid;grid-template-columns:72px 1fr;align-items:center;gap:14px;min-height:92px;padding:12px;border:1px dashed #cbd9d1;border-radius:10px;background:#f7faf8}.logo-upload-preview{width:72px;height:66px;display:grid;place-items:center;overflow:hidden;border:1px solid #dce5df;border-radius:9px;background:#fff;color:#84928d}.logo-upload-preview img{width:100%;height:100%;object-fit:contain;padding:6px}.logo-upload-copy{min-width:0;display:grid;gap:4px}.logo-upload-copy strong{color:#2c3b36;font-size:11px}.logo-upload-copy>span{color:#7b8883;font-size:9px}.logo-upload-actions{display:flex;align-items:center;gap:9px;margin-top:5px}.logo-remove-button{min-height:31px;display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#a84947;font-size:9px;font-weight:700}.logo-remove-button:disabled{opacity:.55}.logo-file-input{position:absolute;width:1px!important;height:1px!important;overflow:hidden;opacity:0;pointer-events:none}.inline-success{border:1px solid #cfe3d5;border-radius:8px;padding:10px 12px;background:#edf7f0;color:#347451;font-size:10px;font-weight:700}.billing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-breakdown{max-width:620px}.large-money{display:block;color:var(--brand-primary, var(--pine));font:700 38px Manrope,sans-serif;letter-spacing:-1.5px;margin:20px 0}.payment-health-attention{background:#faece9;border-color:#edcfca}.payment-health-attention .health-icon{color:#a84947}.payment-health-pending,.payment-health-in_progress{background:#f7f1e2;border-color:#eadbb6}.payment-health-pending .health-icon,.payment-health-in_progress .health-icon{color:#937126}.login-shell{min-height:100vh;padding:28px 18px;display:grid;place-items:center;background:radial-gradient(circle at top,#e4eee8 0,#f5f7f4 44%,#edf1ee)}.login-card{width:min(440px,100%);padding:38px;border-radius:17px;border:1px solid #dce5df;background:#fffffff5;box-shadow:0 22px 70px #123f341f}.login-card>.brand{color:var(--pine)}.login-card>.brand .brand-mark{background:var(--pine)}.login-card>.brand .brand-copy small{color:#668077}.login-heading{margin:37px 0 25px}.login-heading h1,.access-error h1{margin:0 0 8px;color:#1b2925;font:700 29px Manrope,sans-serif;letter-spacing:-.9px}.login-heading p,.access-error p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:7px}.login-form label>span{color:#4f5d58;font-size:10px;font-weight:700}.login-form input{width:100%;height:45px;border:1px solid #d8e2dc;border-radius:8px;padding:0 12px;outline:0;color:#23312d;background:#fff;font-size:12px}.login-form input:focus{border-color:#7da393;box-shadow:0 0 0 3px #1e594a17}.login-button{width:100%;min-height:45px;margin-top:3px}.login-text-button{justify-self:center;border:0;background:transparent;color:var(--pine);font-size:10px;font-weight:700;padding:4px 8px}.login-text-button:hover{text-decoration:underline}.login-text-button:disabled{opacity:.55}.login-security{display:flex;align-items:flex-start;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:#75827d;font-size:9px;line-height:1.55}.login-security svg{flex:0 0 auto;color:#4c8267}.loading-panel{display:flex;align-items:center;gap:12px;color:var(--pine);font-size:12px}.access-error{display:grid;justify-items:start;gap:14px}.access-error>svg{margin-top:24px;color:#b37a2d}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.payment-shell{min-height:100vh;background:#fff;padding:34px 20px;color:#1f2e29}.payment-header{max-width:550px;margin:0 auto 26px;color:var(--brand-primary);display:flex;justify-content:center}.payment-header .brand-mark{background:var(--brand-primary);color:var(--brand-primary-foreground)}.payment-header .brand-copy small{color:#668077}.payment-header .brand-with-logo .brand-mark{width:min(280px,72vw);min-width:0;max-width:none;height:96px}.payment-header .brand-with-logo .brand-mark img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.payment-card{max-width:550px;margin:auto;background:#fff;border:1px solid #dfe6e1;border-radius:16px;padding:36px;box-shadow:0 20px 60px #123f3417}.merchant-kicker{color:#6f807a;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700;margin-bottom:8px}.payment-card h1{font:700 26px Manrope,sans-serif;letter-spacing:-.8px;margin-bottom:27px}.payment-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:24px}.payment-meta div{display:grid;gap:5px}.payment-meta span{font-size:10px;color:#7b8883;text-transform:uppercase;letter-spacing:.7px}.payment-meta strong{font-size:12px}.amount-panel{border:1px solid var(--brand-primary);background:var(--brand-primary);color:var(--brand-primary-foreground);border-radius:11px;padding:18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.amount-panel span{color:inherit;opacity:.76;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.amount-panel strong{font:700 27px Manrope,sans-serif;color:inherit;letter-spacing:-1px}.amount-panel.with-breakdown{display:grid;grid-template-columns:1fr auto;gap:12px 18px}.public-invoice-breakdown{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;gap:8px 18px;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,currentColor 28%,transparent)}.public-invoice-breakdown strong{font:700 13px Inter,sans-serif;letter-spacing:0}.pay-button{width:100%;min-height:50px;border-radius:9px;border:0;background:var(--brand-accent);color:var(--brand-accent-foreground);display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;box-shadow:0 7px 18px #123f3433}.pay-button:hover{filter:brightness(.96)}.pay-button:disabled{opacity:.65}.payment-trust,.payment-footer{display:flex;justify-content:center;align-items:center;gap:6px;color:#7a8782;font-size:10px}.payment-trust{margin-top:16px}.payment-footer{margin:19px auto}.inline-error{background:#fff1ef;color:#9b3e39;border:1px solid #f0d0cc;padding:10px 12px;border-radius:8px;margin-top:12px;font-size:10px;line-height:1.45}.payment-complete{text-align:center;color:#397a56;padding:20px 0}.payment-complete h1{color:#26352f;margin:16px 0 8px}.payment-complete p{color:var(--muted);font-size:12px}.payment-pending{color:#a76518}.payment-pending p{max-width:390px;margin:12px auto;line-height:1.6;font-size:14px}.loading-card{text-align:center;color:var(--muted)}@media(max-width:1050px){.metrics-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.activity-card{max-width:none}.connection-grid,.merchant-settings-grid,.brand-settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{display:none}.main-area{margin-left:0}.topbar{padding:0 17px}.mobile-brand{display:block;background:transparent;border:0;color:var(--pine)}.topbar .environment-pill{display:none}.content{padding:24px 16px 45px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading>.primary-button{width:100%}.heading-actions{width:100%;flex-direction:column-reverse}.heading-actions .primary-button,.heading-actions .secondary-button{width:100%}.metrics-grid{grid-template-columns:1fr}.table-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.table-filters{width:100%;margin:0;flex-direction:column}.search-box,.table-filters select{width:100%;height:39px}.connection-card{grid-template-columns:auto 1fr}.profile-button div,.profile-button svg{display:none}}@media(max-width:520px){.payment-shell{padding:24px 13px}.payment-header .brand-with-logo .brand-mark{width:min(220px,72vw);height:76px}.payment-card{padding:25px 20px}.payment-meta{grid-template-columns:1fr}.amount-panel strong{font-size:23px}.connection-card{grid-template-columns:1fr}.connection-card .secondary-button{grid-column:1}.connection-copy dl{grid-template-columns:1fr}.timeline-row{grid-template-columns:32px 1fr}.timeline-row time{grid-column:2}.invoice-modal{padding:21px 17px}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.integration-status-row,.merchant-user-row{align-items:stretch;flex-direction:column}.integration-actions{justify-content:stretch}.integration-actions button{flex:1}.merchant-user-invite-actions,.merchant-user-controls{grid-template-columns:1fr}.login-card{padding:30px 23px}}@media(max-width:420px){.card-field-grid{grid-template-columns:1fr}.card-field-full{grid-column:1}}.overview-grid{grid-template-columns:minmax(0,1fr)}.overview-grid>.activity-card{display:none}.login-card{text-align:center}.login-card>.brand{justify-content:center;min-width:0}.login-card>.brand .brand-mark{width:112px;height:138px;border:0;border-radius:0;background:transparent url(/assets/pine-admin-mark-eX-MJCwA.svg) center / contain no-repeat!important;color:transparent}.login-card>.brand .brand-mark svg,.login-card>.brand .brand-copy{display:none}.login-heading{margin:28px 0 34px;text-align:center}.login-heading .eyebrow{margin:0;color:#5f7b78;font-size:15px;font-weight:700;letter-spacing:3.2px;line-height:1.4}.login-card:has(.login-form input[type=password]) .login-heading h1,.login-card:has(.login-form input[type=password]) .login-heading p{display:none}.login-card:not(:has(.login-form input[type=password])) .login-heading h1{margin-top:18px}.login-card:not(:has(.login-form input[type=password])) .login-heading p{margin-top:8px}.login-form{text-align:left}.login-text-button{justify-self:center}.login-security{display:none}@media(max-width:520px){.login-card>.brand .brand-mark{width:92px;height:114px}.login-heading .eyebrow{font-size:13px;letter-spacing:2.5px}}