*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-bg: #f8fafc;--color-card: #ffffff;--color-text: #1e293b;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-warning-bg: #fffbeb;--color-success: #16a34a;--radius: 8px}[data-brand=dbpe]{--color-primary: #1976d2;--color-primary-hover: #1565c0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}[data-brand=dbpe] body{font-family:Roboto,Segoe UI,Helvetica,Arial,sans-serif}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:48px;background:var(--color-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}[data-brand=dbpe] .navbar{background:linear-gradient(135deg,#1976d2,#1565c0);border-bottom:none}.navbar-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);font-weight:600;font-size:.95rem}[data-brand=dbpe] .navbar-brand{color:#fff}.brand-logo{font-size:1.1rem;font-weight:700;letter-spacing:-.5px}.brand-d{color:gold}.brand-pipe{color:gold;margin:0 1px}.brand-bpe{color:#fff}.brand-sub{font-size:.75rem;font-weight:400;opacity:.85;color:#fff}.brand-text{font-weight:600}.navbar-links{display:flex;align-items:center;gap:.25rem}.navbar-link{padding:.3rem .65rem;font-size:.8rem;color:var(--color-text-muted);text-decoration:none;border-radius:6px;transition:background .15s,color .15s}.navbar-link:hover{background:var(--color-bg);color:var(--color-text)}[data-brand=dbpe] .navbar-link{color:#fffc}[data-brand=dbpe] .navbar-link:hover{background:#ffffff26;color:#fff}.navbar-btn{background:none;border:none;cursor:pointer;font-family:inherit}.navbar-link-cta{background:var(--color-primary);color:#fff!important;font-weight:500}.navbar-link-cta:hover{background:var(--color-primary-hover)!important}[data-brand=dbpe] .navbar-link-cta{background:#fff3;border:1px solid rgba(255,255,255,.4)}[data-brand=dbpe] .navbar-link-cta:hover{background:#ffffff4d!important}.auth-page{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;width:100%;max-width:400px}.checkout-container{width:100%;max-width:600px}.checkout-container h1{font-size:1.5rem;margin-bottom:.25rem}.checkout-container .subtitle{margin-bottom:1.5rem}.auth-card h1{font-size:1.5rem;margin-bottom:.25rem}.subtitle{color:var(--color-text-muted);margin-bottom:1.5rem}.plan-summary{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;margin-bottom:1.25rem}.plan-price{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.plan-price span{font-size:.875rem;font-weight:400;color:var(--color-text-muted)}.plan-tagline{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.75rem;font-style:italic}.plan-features{list-style:none;font-size:.875rem;color:var(--color-text-muted);display:flex;flex-direction:column;gap:.25rem}.plan-features li:before{content:"✓ ";color:var(--color-success);font-weight:600}.plan-features li.coming-soon{opacity:.55}.plan-features li.coming-soon:before{content:"• ";color:var(--color-text-muted);font-weight:400}.auth-footer{text-align:center;margin-top:1rem;color:var(--color-text-muted)}.auth-footer a{color:var(--color-primary);text-decoration:none}.field{margin-bottom:1rem}.field label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.field input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--color-primary)}.btn{display:inline-block;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);font-size:.875rem;cursor:pointer;transition:background .15s}.btn:hover{background:var(--color-bg)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}form .btn{width:100%;margin-top:.5rem}.btn-sm{padding:.25rem .5rem;font-size:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);cursor:pointer}.btn-sm.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.error-message{background:var(--color-error-bg);color:var(--color-error);padding:.5rem .75rem;border-radius:var(--radius);font-size:.875rem;margin-bottom:1rem}.dashboard{max-width:720px;margin:0 auto;padding:1.5rem}.dashboard.dashboard-wide{max-width:1100px}.dashboard-layout{max-width:960px;margin:0 auto;padding:0 1.5rem;display:flex;gap:0}.dashboard-sidebar{width:160px;flex-shrink:0;position:sticky;top:48px;height:calc(100vh - 48px);padding:1.5rem 0;border-right:1px solid var(--color-border)}.dashboard-sidebar-nav{display:flex;flex-direction:column;gap:.125rem}.dashboard-nav-item{display:block;width:100%;text-align:left;padding:.4rem .75rem;font-size:.8rem;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-left:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s,background .15s;font-family:inherit}.dashboard-nav-item:hover{color:var(--color-text);background:var(--color-bg)}.dashboard-nav-item.active{color:var(--color-primary);border-left-color:var(--color-primary);background:var(--color-bg)}.dashboard-main{flex:1;min-width:0;padding:1.5rem}.dashboard-mobile-nav{display:none;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.375rem;padding:.75rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--color-border)}.dashboard-mobile-nav-item{flex-shrink:0;padding:.3rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;cursor:pointer;white-space:nowrap;font-family:inherit;transition:color .15s,background .15s,border-color .15s}.dashboard-mobile-nav-item:hover{color:var(--color-text)}.dashboard-mobile-nav-item.active{color:var(--color-primary);background:#fff;border-color:var(--color-primary)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.dashboard-header h1{font-size:1.25rem}.user-email{color:var(--color-text-muted);font-size:.875rem}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem}.card h2{font-size:1rem;margin-bottom:.75rem}.card p{color:var(--color-text-muted);font-size:.875rem;margin-bottom:.75rem}.status-pending{background:var(--color-warning-bg)}.status-active{border-color:var(--color-success)}.status-cancelled{background:var(--color-error-bg)}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.status-row h2{margin-bottom:0}.status-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-active{background:#dcfce7;color:#166534}.badge-cancelled{background:#fee2e2;color:#991b1b}.badge-pastdue{background:#fef3c7;color:#92400e}.status-cancelling{background:#fef3c7;border-color:#f59e0b}.badge-cancelling{background:#fef3c7;color:#92400e}.status-actions{margin-top:.5rem}.key-inactive{color:var(--color-error);font-weight:500;margin-top:.5rem}.key-once-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius);padding:.5rem .75rem;font-size:.8rem;font-weight:500;color:#92400e;margin-bottom:.75rem}.key-shown-once{color:var(--color-text-muted);font-size:.85rem;padding:.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.api-key-display label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:.5rem}.api-key-row{display:flex;align-items:center;gap:.5rem}.api-key-value{flex:1;padding:.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font-family:SF Mono,Fira Code,monospace;font-size:.875rem;word-break:break-all}.usage-stats{display:flex;flex-direction:column;gap:1rem}.stat-header{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.25rem}.progress-bar{height:8px;background:var(--color-bg);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s}.setup-card{border-color:var(--color-primary);border-width:2px}.from-address-input-row{display:flex;align-items:center;gap:0;margin-bottom:.75rem}.from-address-input-row input{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius) 0 0 var(--radius);font-size:1rem;outline:none;transition:border-color .15s}.from-address-input-row input:focus{border-color:var(--color-primary)}.from-address-suffix{padding:.5rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-left:none;border-radius:0 var(--radius) var(--radius) 0;font-size:.875rem;color:var(--color-text-muted);white-space:nowrap}.from-address-count{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.75rem}.from-address-list{display:flex;flex-direction:column;gap:.5rem}.from-address-item{display:block;padding:.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font-family:SF Mono,Fira Code,monospace;font-size:.875rem}.verify-code-card,.verify-code-card .subtitle{text-align:center}.verify-code-card .field{text-align:left}.code-input{font-family:SF Mono,Fira Code,monospace;font-size:1.5rem!important;letter-spacing:6px;text-align:center}.resend-row{margin-top:1rem;text-align:center;font-size:.875rem;color:var(--color-text-muted)}.resend-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.resend-cooldown{color:var(--color-text-muted)}.tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.tab{padding:.5rem 1rem;border:none;background:none;font-size:.875rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab:hover{color:var(--color-text)}.tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.code-block-wrapper{position:relative}.code-block{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:var(--radius);overflow-x:auto;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;line-height:1.5;white-space:pre}.copy-btn{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;font-size:.7rem;border:1px solid #475569;border-radius:4px;background:#334155;color:#cbd5e1;cursor:pointer;transition:background .15s}.copy-btn:hover{background:#475569}.quickstart-docs-link{margin-top:.75rem;text-align:right;font-size:.85rem}.quickstart-docs-link a{color:var(--color-primary);text-decoration:none;font-weight:500}.quickstart-docs-link a:hover{text-decoration:underline}.docs-page{max-width:720px;margin:0 auto;padding:1.5rem}.docs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.docs-header h1{font-size:1.25rem}.docs-examples h2{font-size:1rem;margin-bottom:.75rem}.docs-auth-methods{display:flex;flex-direction:column;gap:.5rem}.docs-auth-method{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.docs-auth-method strong{min-width:200px;font-size:.8rem}.docs-inline-code{padding:.2rem .5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.docs-table{width:100%;border-collapse:collapse;font-size:.875rem}.docs-table th{text-align:left;padding:.5rem;border-bottom:2px solid var(--color-border);font-size:.75rem;text-transform:uppercase;color:var(--color-text-muted)}.docs-table td{padding:.5rem;border-bottom:1px solid var(--color-border)}.docs-table code{font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.docs-method{display:inline-block;padding:.1rem .4rem;background:#dbeafe;color:#1d4ed8;border-radius:4px;font-size:.7rem;font-weight:600}.docs-method-get{display:inline-block;padding:.1rem .4rem;background:#dcfce7;color:#166534;border-radius:4px;font-size:.7rem;font-weight:600}.lang-tabs{margin-top:-.5rem;border-bottom:1px solid var(--color-border)}.lang-tabs .tab{font-size:.75rem;padding:.35rem .75rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.copy-btn{z-index:1}.dashboard-row{display:flex;gap:1rem;margin-bottom:1rem}.dashboard-row .card{margin-bottom:0}.dashboard-half{flex:1;min-width:0}.email-logging-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;margin-bottom:.5rem}.email-logging-toggle input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary);width:16px;height:16px}.email-logging-label{color:var(--color-text);font-weight:500}.retention-note{font-size:.75rem;color:var(--color-text-muted);margin-top:.75rem;margin-bottom:0}.card-description{color:var(--color-text-muted);font-size:.8rem;margin-bottom:.75rem}.bucket-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.bucket-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.bucket-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.bucket-name-link{background:none;border:none;cursor:pointer;font-family:SF Mono,Fira Code,monospace;font-size:.875rem;font-weight:600;color:var(--color-primary);padding:0}.bucket-name-link:hover{text-decoration:underline}.bucket-date{font-size:.75rem;color:var(--color-text-muted)}.bucket-email-badge{display:inline-block;padding:.1rem .4rem;background:#dbeafe;color:#1d4ed8;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase}.bucket-actions{display:flex;gap:.5rem;align-items:center}.email-log-toggle{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--color-border)}.bucket-email-toggle{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.bucket-email-toggle input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary)}.btn-danger{color:var(--color-error);border-color:var(--color-error);background:var(--color-card)}.btn-danger:hover{background:var(--color-error-bg)}.bucket-create{display:flex;gap:.5rem;align-items:center}.bucket-create input{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;font-family:SF Mono,Fira Code,monospace;outline:none}.bucket-create input:focus{border-color:var(--color-primary)}.bucket-logs-header{display:flex;align-items:center;gap:.75rem}.log-filter-card{padding:1rem}.log-filters{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.log-filters select,.log-filters input{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.8rem;outline:none}.log-filters select:focus,.log-filters input:focus{border-color:var(--color-primary)}.log-entries-card{padding:0;overflow:hidden}.log-empty{padding:2rem;text-align:center;color:var(--color-text-muted)}.log-list{font-size:.8rem}.log-entry{padding:.6rem .75rem;border-bottom:1px solid var(--color-border);cursor:pointer}.log-entry:hover,.log-entry-expanded{background:var(--color-bg)}.log-entry-header{display:flex;align-items:center;gap:.6rem}.log-level{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.log-level-info{background:#dbeafe;color:#1d4ed8}.log-level-warn{background:#fef3c7;color:#92400e}.log-level-error{background:#fee2e2;color:#991b1b}.log-message{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-entry-expanded .log-message{white-space:normal;overflow:visible}.log-time{flex-shrink:0;font-family:SF Mono,Fira Code,monospace;font-size:.7rem;color:var(--color-text-muted);white-space:nowrap}.log-entry-detail{margin-top:.5rem;padding:.5rem 0 .25rem;border-top:1px dashed var(--color-border)}.log-detail-row{display:flex;gap:.75rem;padding:.15rem 0;font-size:.75rem}.log-detail-label{width:4rem;flex-shrink:0;font-weight:600;font-size:.65rem;text-transform:uppercase;color:var(--color-text-muted)}.log-detail-value{font-family:SF Mono,Fira Code,monospace;color:var(--color-text-muted);word-break:break-all}.log-props{color:#e2e8f0;background:#1e293b;padding:.75rem;margin:.5rem 0 0;border-radius:var(--radius);font-family:SF Mono,Fira Code,monospace;font-size:.75rem;line-height:1.4;white-space:pre-wrap;word-break:break-all}.log-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem 0;font-size:.8rem;color:var(--color-text-muted)}@media(max-width:768px){.log-entry-header{flex-wrap:wrap}.log-time{width:100%;order:-1;font-size:.65rem}.log-message{white-space:normal;overflow:visible}}.connected-apps-list{display:flex;flex-direction:column;gap:.5rem}.connected-app{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem}.connected-app.disabled{opacity:.5;pointer-events:none}.app-icon{font-size:1.25rem;flex-shrink:0}.app-name{flex:1;font-weight:500}.app-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;padding:.2rem .6rem;border-radius:12px;background:#f1f5f9;color:var(--color-text-muted);border:1px solid var(--color-border)}.demo-banner{background:#dbeafe;border:1px solid #93c5fd;border-radius:var(--radius);padding:.5rem .75rem;margin-bottom:1rem;color:#1d4ed8;font-size:.85rem;text-align:center;font-weight:500}.demo-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--color-text-muted);font-size:.8rem}.demo-divider:before,.demo-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.btn-demo{width:100%;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);font-size:.875rem;cursor:pointer;transition:background .15s,border-color .15s;color:var(--color-text);font-weight:500}.btn-demo:hover{background:var(--color-bg);border-color:var(--color-primary)}.btn-demo:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.dashboard-layout{flex-direction:column;padding:0}.dashboard-sidebar{display:none}.dashboard-mobile-nav{display:flex}.dashboard-main,.dashboard,.card{padding:1rem}.api-key-row{flex-direction:column;align-items:stretch}.api-key-row .btn-sm{align-self:flex-start}.from-address-input-row{flex-direction:column;gap:0}.from-address-input-row input{border-radius:var(--radius) var(--radius) 0 0}.from-address-suffix{border-left:1px solid var(--color-border);border-radius:0 0 var(--radius) var(--radius);text-align:center}.dashboard-row{flex-direction:column}.dashboard-row .card{margin-bottom:1rem}.docs-page{padding:1rem}.docs-header h1{font-size:1.1rem}.docs-auth-method{flex-direction:column;align-items:flex-start;gap:.25rem}.docs-auth-method strong{min-width:unset}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.tab{white-space:nowrap;flex-shrink:0;padding:.5rem .75rem;font-size:.8rem}.lang-tabs .tab{font-size:.7rem;padding:.3rem .5rem}.auth-card{padding:1.5rem}}