:root{color:#17202a;background:#f6f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}.app{min-height:100vh}.topbar{border-bottom:1px solid #dfe4dc;background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{align-items:center;color:inherit;display:flex;gap:12px;margin:0 auto;max-width:1180px;padding:16px 22px;text-decoration:none}.brand-mark{align-items:center;aspect-ratio:1;background:#12343b;border-radius:8px;color:#fff;display:inline-flex;font-size:.74rem;font-weight:800;justify-content:center;width:42px}.brand strong,.brand small{display:block}.brand small{color:#627069;font-size:.78rem}main{margin:0 auto;max-width:1180px;padding:38px 22px 64px}.admin-app main{max-width:1440px}.admin-app .brand{max-width:1440px}.invoice-layout{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 340px}.invoice-main,.payment-panel,.shell-panel,.admin-dashboard{background:#fff;border:1px solid #dfe4dc;border-radius:8px;box-shadow:0 18px 40px #12343b14}.invoice-main{padding:30px}.payment-panel{align-self:start;padding:24px;position:sticky;top:88px}.shell-panel{margin:0 auto;max-width:560px;padding:34px}.admin-dashboard{padding:30px}.admin-profile{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.admin-layout-header{align-items:start;border-bottom:1px solid #dfe4dc;display:grid;gap:18px;grid-template-columns:minmax(220px,1fr) auto auto;margin:-4px 0 26px;padding-bottom:22px}.admin-nav{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.admin-nav a{border:1px solid #cfd8d0;border-radius:8px;color:#12343b;font-weight:800;padding:9px 12px;text-decoration:none}.admin-nav a.active,.admin-nav a:hover{background:#12343b;border-color:#12343b;color:#fff}.admin-grid{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 340px}.admin-section-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.admin-section-heading h2,.admin-form-panel h2{font-size:1.2rem;margin:0}.admin-table-wrap{border:1px solid #dfe4dc;border-radius:8px;overflow-x:auto}.admin-table{border-collapse:collapse;min-width:980px;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid #e5e9e3;padding:12px;text-align:left;vertical-align:top}.admin-table th{background:#f7f8f5;color:#4c5d55;font-size:.78rem;text-transform:uppercase}.admin-table td{overflow-wrap:anywhere}.table-subtext{color:#65726b;display:block;margin-top:2px}.admin-table tbody tr:last-child td{border-bottom:0}.admin-form-panel{background:#f7f8f5;border:1px solid #dfe4dc;border-radius:8px;padding:18px}.admin-form{display:grid;gap:10px;margin-top:16px}.admin-form label{font-weight:800}.admin-form input,.admin-form textarea,.admin-form select{border:1px solid #cfd8d0;border-radius:8px;min-height:42px;padding:10px 12px}.admin-form textarea{min-height:88px;resize:vertical}.checkbox-row{align-items:center;display:flex;gap:8px}.checkbox-row input{min-height:auto;width:18px}.table-button{background:#fff;border:1px solid #b9c7bf;border-radius:8px;color:#12343b;cursor:pointer;font-weight:800;padding:7px 10px}.table-link{display:inline-flex;text-decoration:none}.table-button:hover{background:#f4f7f4}.table-button.danger{border-color:#e2aaa4;color:#9b2d20}.table-button:disabled{cursor:not-allowed;opacity:.58}.admin-page-copy{margin-bottom:18px}.admin-action-bar{align-items:center;background:#f7f8f5;border:1px solid #dfe4dc;border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:14px}.admin-message{border-radius:8px;margin-bottom:14px;padding:12px 14px}.form-success.admin-message{background:#edf9f1;border:1px solid #b7e5c7}.form-error.admin-message{background:#ffe1dc;border:1px solid #efbbb3}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.pill{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:800;padding:5px 9px;text-transform:capitalize}.pill.active{background:#dff5e8;color:#0a6c3d}.pill.archived,.pill.inactive{background:#eef0ef;color:#5d6963}.empty-state{align-items:start;background:#f7f8f5;border:1px dashed #bbc8c0;border-radius:8px;display:grid;gap:10px;padding:28px}.empty-state h2{font-size:1.25rem;margin:0}.empty-state p{color:#65726b;margin:0}.invoice-heading{align-items:start;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px}.invoice-admin-table{min-width:1100px}.invoice-builder{align-items:start;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 340px}.invoice-builder-main{display:grid;gap:18px;min-width:0}.form-section,.invoice-builder-summary{background:#fff;border:1px solid #dfe4dc;border-radius:8px;box-shadow:0 12px 28px #12343b0f;padding:22px}.form-section{display:grid;gap:16px}.form-section h2,.form-section-header h2{font-size:1.16rem;margin:0}.form-section-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.invoice-form-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-form-grid label,.wide-label{color:#283930;display:grid;font-weight:800;gap:8px}.invoice-form-grid input,.invoice-form-grid select,.wide-label textarea,.invoice-line-row input,.invoice-line-row select{border:1px solid #cfd8d0;border-radius:8px;min-height:42px;padding:10px 12px;width:100%}.wide-label textarea{min-height:88px;resize:vertical}.invoice-line-editor{border:1px solid #dfe4dc;border-radius:8px;overflow-x:auto}.invoice-line-header,.invoice-line-row{display:grid;gap:10px;grid-template-columns:minmax(150px,1fr) minmax(220px,1.5fr) 80px 150px 130px 92px;min-width:900px}.invoice-line-header{background:#f7f8f5;color:#4c5d55;font-size:.78rem;font-weight:800;padding:12px;text-transform:uppercase}.invoice-line-row{align-items:center;border-top:1px solid #e5e9e3;padding:12px}.invoice-line-row strong{text-align:right}.invoice-builder-summary{align-self:start;position:sticky;top:88px}.invoice-created-message{display:grid;gap:10px}.invoice-detail-admin{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 340px}.public-link-text{overflow-wrap:anywhere}.settings-layout{align-items:start;display:grid;gap:20px;grid-template-columns:240px minmax(0,1fr)}.settings-sidebar{background:#f7f8f5;border:1px solid #dfe4dc;border-radius:8px;display:grid;gap:8px;padding:12px;position:sticky;top:88px}.settings-sidebar button{background:#fff;border:1px solid #cfd8d0;border-radius:8px;color:#12343b;cursor:pointer;font-weight:800;padding:11px 12px;text-align:left}.settings-sidebar button.active,.settings-sidebar button:hover{background:#12343b;border-color:#12343b;color:#fff}.settings-content,.settings-panel{min-width:0}.settings-panel{display:grid;gap:16px}.settings-panel-heading{align-items:start;display:flex;gap:16px;justify-content:space-between}.settings-panel-heading h2{font-size:1.3rem;margin:0}.settings-form{display:grid;gap:14px}.settings-form label{color:#283930;display:grid;font-weight:800;gap:8px}.settings-form input,.settings-form textarea,.settings-form select,.admin-action-bar select{border:1px solid #cfd8d0;border-radius:8px;min-height:42px;padding:10px 12px;width:100%}.settings-form textarea{min-height:90px;resize:vertical}.email-template-form textarea,.email-test-form textarea,.email-compose-form textarea,.email-preview-modal textarea{min-height:150px}.email-template-form .code-textarea,.email-preview-modal .code-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.settings-form-grid,.settings-toggle-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-help-panel{background:#f7f8f5;border:1px solid #dfe4dc;border-radius:8px;padding:16px}.settings-help-panel p{color:#65726b;margin:4px 0 10px}.settings-help-panel ul{margin:0;padding-left:20px}.credential-status-panel,.gmail-oauth-card{background:#fff;border:1px solid #dfe4dc;border-radius:8px;display:grid;gap:12px;padding:16px}.settings-status-badge{border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:900;line-height:1;padding:7px 10px}.settings-status-badge.ok{background:#e4f4ed;color:#176448}.settings-status-badge.ready{background:#edf4ff;color:#245894}.settings-status-badge.warning{background:#fff4df;color:#925700}.settings-status-badge.neutral{background:#eef1ed;color:#56635b}.settings-toggle-list{display:grid;gap:12px}.settings-toggle-row{align-items:flex-start;background:#fff;border:1px solid #dfe4dc;border-radius:8px;cursor:pointer;display:grid;gap:14px;grid-template-columns:48px minmax(0,1fr);padding:14px}.settings-form .settings-toggle-row{gap:14px}.settings-toggle-copy{display:grid;gap:4px}.settings-toggle-label{color:#12343b;font-weight:900}.settings-toggle-help{color:#65726b;font-size:.9rem;line-height:1.4}.switch{display:inline-flex;height:28px;position:relative;width:48px}.switch-input{border:0;height:1px;min-height:0;opacity:0;padding:0;position:absolute;width:1px}.settings-form .switch-input{border:0;height:1px;min-height:0;padding:0;width:1px}.switch-slider{background:#a7b4ad;border-radius:999px;inset:0;position:absolute;transition:background .18s ease}.switch-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px #12343b40;content:"";height:22px;left:3px;position:absolute;top:3px;transition:transform .18s ease;width:22px}.switch-input:checked+.switch-slider{background:#0b7f78}.switch-input:checked+.switch-slider:before{transform:translate(20px)}.switch-input:focus-visible+.switch-slider{outline:3px solid rgba(11,127,120,.25);outline-offset:3px}.settings-status-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.settings-status-grid>div{background:#f7f8f5;border:1px solid #dfe4dc;border-radius:8px;display:grid;gap:8px;padding:12px}.field-label{color:#65726b;font-size:.76rem;font-weight:900;text-transform:uppercase}.code-like{background:#eef1ed;border-radius:6px;color:#12343b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow-wrap:anywhere;padding:8px}.copy-row{align-items:start;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.copy-row .code-like{margin:0}.missing-secret{color:#925700;font-weight:800}.email-template-table{min-width:840px}.email-render-preview{display:grid;gap:12px}.email-render-preview>div{background:#f7f8f5;border:1px solid #dfe4dc;border-radius:8px;display:grid;gap:8px;padding:12px}.email-render-preview pre{background:#fff;border:1px solid #dfe4dc;border-radius:8px;margin:0;overflow:auto;padding:12px;white-space:pre-wrap}.email-render-preview iframe{background:#fff;border:1px solid #dfe4dc;border-radius:8px;min-height:220px;width:100%}.secondary-button.danger{border-color:#d8b9b9;color:#8d2828}.secondary-button.danger:hover{background:#fff4f4}.eyebrow{color:#5a7565;font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:0}.setup-copy h1,.shell-panel h1{font-size:2.35rem}.muted{color:#65726b;margin:10px 0 0}.summary-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px}.summary-item{background:#f7f8f5;border:1px solid #e3e8e0;border-radius:8px;min-width:0;padding:16px}.summary-item span,.summary-item small{color:#65726b;display:block}.summary-item strong{display:block;margin-top:4px;overflow-wrap:anywhere}.line-items{border:1px solid #dfe4dc;border-radius:8px;overflow:hidden}.line-items-header,.line-item{display:grid;gap:12px;grid-template-columns:minmax(180px,1fr) 70px 110px 120px}.line-items-header{background:#12343b;color:#fff;font-size:.82rem;font-weight:800;padding:12px 16px}.line-item{border-top:1px solid #e5e9e3;padding:16px}.line-item span{min-width:0;overflow-wrap:anywhere}.line-item span:not(:first-child),.line-items-header span:not(:first-child){text-align:right}.status-badge{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:800;padding:6px 10px;text-transform:capitalize;white-space:nowrap}.status-badge.open,.status-badge.payment_pending{background:#fff2c4;color:#6e5100}.status-badge.paid{background:#dff5e8;color:#0a6c3d}.status-badge.payment_failed,.status-badge.void{background:#ffe1dc;color:#9b2d20}.amount{display:block;font-size:2.25rem;line-height:1.1;margin-bottom:22px}dl{border-bottom:1px solid #e2e6df;border-top:1px solid #e2e6df;margin:0 0 22px;padding:12px 0}dl div{align-items:center;display:flex;justify-content:space-between;padding:6px 0}dt{color:#65726b}dd{font-weight:800;margin:0}.primary-button{background:#0f6f6a;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;min-height:46px;padding:12px 18px;width:100%}.primary-action-button{background:#0f6f6a;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;min-height:42px;padding:10px 16px;white-space:nowrap}.primary-action-button:hover:not(:disabled){background:#0a5d59}.primary-action-button:disabled{cursor:not-allowed;opacity:.6}.secondary-button,.link-button{align-items:center;background:#fff;border:1px solid #b9c7bf;border-radius:8px;color:#12343b;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:42px;padding:10px 16px;text-decoration:none}.link-button{margin-top:22px}.secondary-button:hover,.link-button:hover{background:#f4f7f4}.secondary-button:disabled{cursor:not-allowed;opacity:.6}.primary-button:hover:not(:disabled){background:#0a5d59}.primary-button:disabled{cursor:not-allowed;opacity:.6}.inline-notice{border:1px solid;border-radius:8px;display:grid;gap:2px;margin-bottom:22px;padding:14px 16px}.inline-notice.success{background:#edf9f1;border-color:#b7e5c7;color:#114f30}.inline-notice.neutral{background:#eef4f4;border-color:#cbdedd;color:#244f54}.setup-form{display:grid;gap:10px;margin-top:28px}.setup-form label{font-weight:800}.setup-form input{border:1px solid #cfd8d0;border-radius:8px;min-height:46px;padding:10px 12px}.setup-form input:focus{border-color:#0f6f6a;outline:3px solid rgba(15,111,106,.14)}.form-error{color:#9b2d20;font-weight:700;margin:0 0 12px}.form-success{color:#0a6c3d;font-weight:700;margin:0 0 12px}.result-icon{align-items:center;border-radius:999px;display:inline-flex;font-size:1.35rem;font-weight:900;height:44px;justify-content:center;margin-bottom:16px;width:44px}.result-icon.success{background:#dff5e8;color:#0a6c3d}.result-icon.neutral{background:#eef4f4;color:#244f54}.result-icon.danger{background:#ffe1dc;color:#9b2d20}.modal-backdrop{align-items:center;background:#12202a70;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100}.modal-panel{background:#fff;border:1px solid #dfe4dc;border-radius:8px;box-shadow:0 26px 70px #12343b3d;max-height:calc(100vh - 48px);max-width:760px;overflow-y:auto;padding:22px;width:min(760px,100%)}.modal-header{align-items:center;border-bottom:1px solid #e2e6df;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.modal-header h2{font-size:1.35rem;margin:0}.icon-button{align-items:center;background:#f7f8f5;border:1px solid #cfd8d0;border-radius:999px;color:#12343b;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:800;height:34px;justify-content:center;line-height:1;width:34px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.modal-form-section{border:1px solid #e2e6df;border-radius:8px;display:grid;gap:12px;padding:14px}.modal-form-section h3{font-size:1rem;margin:0}.modal-form-grid{display:grid;gap:10px 12px;grid-template-columns:160px minmax(0,1fr)}.modal-form-grid.compact{grid-template-columns:180px minmax(0,1fr)}.modal-form-grid label{align-self:center}.section-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.field-note,.field-warning{font-size:.84rem;font-weight:700;margin-top:-2px}.field-note{color:#4d6f5b}.field-warning{color:#9b2d20}.address-lines{display:grid;gap:2px;margin-top:4px}.address-lines strong{margin-top:0}@media(max-width:900px){.invoice-layout,.invoice-builder,.invoice-detail-admin,.settings-layout{grid-template-columns:1fr}.payment-panel,.invoice-builder-summary,.settings-sidebar{position:static}.summary-grid,.admin-profile,.admin-layout-header,.admin-grid{grid-template-columns:1fr}.admin-layout-header{align-items:stretch}.admin-action-bar,.modal-actions,.section-title-row{align-items:stretch;flex-direction:column}.modal-form-grid,.modal-form-grid.compact,.invoice-form-grid,.settings-form-grid,.settings-toggle-grid,.settings-status-grid,.copy-row{grid-template-columns:1fr}.form-section-header{align-items:stretch;flex-direction:column}}@media(max-width:680px){main{padding:22px 14px 42px}.brand{padding:12px 14px}.invoice-main,.payment-panel,.shell-panel,.admin-dashboard{padding:20px}.invoice-heading{display:grid}.line-items{border:0;display:grid;gap:10px}.line-items-header{display:none}.line-item{border:1px solid #dfe4dc;border-radius:8px;grid-template-columns:1fr}.line-item span:not(:first-child){text-align:left}.modal-backdrop{align-items:flex-start;padding:12px}.modal-panel{max-height:calc(100vh - 24px);padding:18px}}