@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Manrope:wght@300;400;500;600;700&display=swap";:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}:root{color-scheme:light;--theme-color: #6b7280;--bg: #f5f6f8;--bg-alt: #e5e7eb;--glow-1: rgba(107, 114, 128, .12);--glow-2: rgba(107, 114, 128, .08);--page-ink: #111827;--page-muted: #4b5563;--panel-bg: rgba(255, 255, 255, .74);--panel-border: rgba(107, 114, 128, .18);--card: #ffffff;--card-alt: #f8fafc;--surface: #ffffff;--surface-alt: #f3f4f6;--surface-border: rgba(55, 65, 81, .12);--surface-border-strong: rgba(55, 65, 81, .2);--input-bg: #ffffff;--input-border: rgba(107, 114, 128, .18);--ink: #111827;--ink-soft: #4b5563;--accent: #6b7280;--accent-rgb: 107, 114, 128;--accent-strong: #4b5563;--accent-contrast: #f9fafb;--accent-soft-bg: rgba(107, 114, 128, .12);--accent-soft-border: rgba(107, 114, 128, .22);--accent-soft-text: #374151;--button-secondary-bg: #e5e7eb;--button-secondary-text: #1f2937;--button-ghost-bg: rgba(255, 255, 255, .34);--button-ghost-border: rgba(107, 114, 128, .2);--button-ghost-text: #111827;--danger: #8b1f1f;--danger-rgb: 139, 31, 31;--danger-soft-bg: rgba(139, 31, 31, .08);--danger-soft-border: rgba(139, 31, 31, .25);--success: #1f6b4c;--success-rgb: 32, 123, 84;--success-soft-bg: rgba(32, 123, 84, .12);--success-soft-border: rgba(32, 123, 84, .24);--success-soft-text: #1f6b4c;--warning: #9a6700;--warning-rgb: 180, 120, 20;--warning-soft-bg: rgba(107, 114, 128, .12);--warning-soft-border: rgba(107, 114, 128, .22);--warning-soft-text: #374151;--neutral: #5a5e63;--neutral-rgb: 90, 94, 99;--neutral-soft-bg: rgba(90, 94, 99, .12);--neutral-soft-border: rgba(90, 94, 99, .24);--neutral-soft-text: #5a5e63;--shadow: 0 24px 60px rgba(18, 14, 8, .18);--radius: 18px;--radius-sm: 12px;--ring: rgba(107, 114, 128, .35)}*{box-sizing:border-box}html,body{min-height:100vh}body{margin:0;font-family:Manrope,sans-serif;background:radial-gradient(circle at 15% 12%,var(--glow-1),transparent 40%),radial-gradient(circle at 80% 0%,var(--glow-2),transparent 45%),linear-gradient(160deg,var(--bg),var(--bg-alt));color:var(--page-ink);line-height:1.6}#root{min-height:100vh;display:flex;width:100%}#root,button,input,select,textarea{font:inherit}.app-shell{display:flex;flex-direction:column;width:min(1140px,100%);margin:0 auto;padding:36px 24px 48px;gap:24px}.header{display:grid;grid-template-columns:1.2fr auto;align-items:center;gap:18px;padding:20px 24px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeDown .5s ease;box-shadow:0 12px 32px rgba(var(--accent-rgb),.08)}.header-title{font-family:Cinzel,serif;font-weight:700;letter-spacing:.8px;font-size:24px;color:var(--page-ink)}.header-meta{display:flex;flex-direction:column;gap:6px;text-align:start;font-size:14px;color:var(--page-muted)}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.badge{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-soft-bg);border:1px solid var(--accent-soft-border);color:var(--accent-soft-text)}.badge.online{color:var(--success)}.badge.offline{color:var(--warning)}.content{display:grid;gap:24px;animation:fadeUp .6s ease}.card{background:var(--card);color:var(--ink);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--surface-border)}.auth-layout{display:grid;place-items:center;min-height:55vh}.auth-card{width:min(420px,100%);justify-self:center;align-self:center}.auth-card h2{text-align:center}.auth-card .button,.auth-card .select,.auth-card .input{width:100%}.card h2{font-family:Cinzel,serif;margin:0 0 16px;font-size:22px;letter-spacing:.6px}.action-stack{display:grid;gap:12px;align-items:flex-start}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%}.input,.select{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--input-border);background:var(--input-bg);color:var(--ink);font-size:15px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input::placeholder,.select::placeholder{color:var(--page-muted);opacity:.72}.input:focus,.select:focus{outline:2px solid var(--ring);border-color:var(--accent-strong)}.button{padding:12px 20px;border-radius:var(--radius-sm);border:none;background:var(--accent);color:var(--accent-contrast);font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.button.secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text)}.button.ghost{background:var(--button-ghost-bg);border:1px solid var(--button-ghost-border);color:var(--button-ghost-text)}.button:hover:not(:disabled){box-shadow:0 16px 30px rgba(var(--accent-rgb),.16)}.button:active{transform:translateY(1px) scale(.99)}.button:disabled{opacity:.6;cursor:not-allowed}.list{display:grid;gap:16px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-toggle{padding:6px 12px;font-size:12px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--radius-sm);background:var(--card-alt);border:1px solid var(--surface-border)}.line-item{display:grid;gap:14px;padding:16px;border-radius:var(--radius-sm);background:var(--card-alt);border:1px solid var(--surface-border);font-size:14px}.line-item-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.line-item-product{display:grid;gap:4px}.line-item-product strong{display:block}.line-item-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.line-item-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:center}.line-item-summary .notice{grid-column:1 / -1}.field{display:grid;gap:6px}.field-label{font-size:12px;font-weight:600;color:var(--ink-soft);text-align:start}.summary-pair{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--surface-border);font-weight:600}.summary-pair span{color:var(--ink-soft);font-weight:500}.line-item-remove{white-space:nowrap;color:var(--ink);border-color:var(--button-ghost-border)}.muted{color:var(--ink-soft);font-size:12px}.total-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--surface-border);font-weight:700}.notice{padding:12px 14px;border-radius:var(--radius-sm);background:var(--accent-soft-bg);color:var(--accent-soft-text);border:1px solid var(--accent-soft-border);font-size:13px}p{margin:0 0 16px;color:var(--ink-soft)}.outbound-card{display:grid;gap:24px}.outbound-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}.outbound-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:center;min-width:min(620px,100%)}.outbound-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);gap:20px}.outbound-list{display:grid;gap:12px}.outbound-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface);cursor:pointer;text-align:start;transition:box-shadow .2s ease,border-color .2s ease}.outbound-row.active{border-color:var(--accent-soft-border);box-shadow:0 12px 30px rgba(var(--accent-rgb),.2)}.outbound-row-title{display:flex;gap:8px;align-items:center;font-weight:600}.outbound-row-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink-soft);margin-top:4px}.outbound-row-right{display:flex;flex-direction:column;gap:4px;text-align:end;font-size:12px;color:var(--ink-soft)}.outbound-detail{display:grid;gap:18px;padding:16px;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface)}.outbound-detail-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.outbound-detail-header h3{margin:0 0 6px}.outbound-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.outbound-error-banner{padding:14px 16px;border-radius:var(--radius-sm);background:var(--danger-soft-bg);border:1px solid var(--danger-soft-border)}.outbound-error-banner-title{font-weight:700;color:var(--danger);margin-bottom:4px}.outbound-error-banner-message{color:var(--ink);font-size:13px;line-height:1.5}.outbound-error-banner-raw{margin-top:6px;font-size:12px;color:var(--ink-soft);word-break:break-word}.outbound-error-banner-footer{margin-top:8px;padding-top:8px;border-top:1px solid rgba(var(--danger-rgb),.15);font-size:12px;color:var(--ink-soft);font-style:italic}.outbound-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.outbound-section{display:grid;gap:10px}.outbound-section h4{margin:0;font-family:Cinzel,serif;font-size:16px}.outbound-payload{margin:0;padding:14px;background:var(--surface-alt);border-radius:var(--radius-sm);border:1px solid var(--surface-border);max-height:240px;overflow:auto;font-size:12px}.outbound-attempts{display:grid;gap:10px}.outbound-attempt{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--card);display:grid;gap:6px}.outbound-attempt>div:first-child{display:flex;gap:10px;align-items:center}.outbound-attempt-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--ink-soft)}.outbound-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.status-pill{padding:4px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;border:1px solid var(--warning-soft-border);background:var(--warning-soft-bg);color:var(--warning-soft-text)}.status-pending{border-color:var(--warning-soft-border);color:var(--warning-soft-text)}.status-processing{border-color:var(--accent-soft-border);background:var(--accent-soft-bg);color:var(--accent-soft-text)}.status-sent,.status-success{border-color:var(--success-soft-border);background:var(--success-soft-bg);color:var(--success-soft-text)}.status-failed,.status-failure{border-color:var(--danger-soft-border);background:rgba(var(--danger-rgb),.12);color:var(--danger)}.status-canceled{border-color:var(--neutral-soft-border);background:var(--neutral-soft-bg);color:var(--neutral-soft-text)}@media (max-width: 900px){.outbound-layout{grid-template-columns:1fr}.outbound-row{flex-direction:column;align-items:flex-start}.outbound-row-right{text-align:start}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 820px){.line-item{padding:14px}.line-item-main{flex-direction:column;align-items:flex-start}.line-item-controls,.line-item-summary{grid-template-columns:1fr}.header{grid-template-columns:1fr;justify-items:start;gap:12px}.header-meta{text-align:start}}