@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;--bg: #0c0b08;--bg-alt: #1a1711;--card: #f6f0e6;--card-alt: #efe4d1;--ink: #241c10;--ink-soft: #4a3b22;--accent: #d4af37;--accent-2: #c89b2b;--danger: #8b1f1f;--shadow: 0 24px 60px rgba(7, 6, 4, .45);--radius: 18px;--radius-sm: 12px;--ring: rgba(212, 175, 55, .35)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;background:radial-gradient(circle at 15% 12%,rgba(212,175,55,.2),transparent 40%),radial-gradient(circle at 80% 0%,rgba(212,175,55,.12),transparent 45%),linear-gradient(160deg,var(--bg),var(--bg-alt));color:#f4ede1;min-height:100vh;line-height:1.6}#root{min-height:100vh;display:flex}.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:#f6f0e614;border:1px solid rgba(212,175,55,.2);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeDown .5s ease}.header-title{font-family:Cinzel,serif;font-weight:700;letter-spacing:.8px;font-size:24px}.header-meta{display:flex;flex-direction:column;gap:6px;text-align:start;font-size:14px;color:#f4ede1bf}.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:#d4af371f;border:1px solid rgba(212,175,55,.35)}.badge.online{color:#f1d27b}.badge.offline{color:#e0b243}.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)}.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 rgba(36,28,16,.2);background:#fffaf0;font-size:15px}.input:focus,.select:focus{outline:2px solid var(--ring);border-color:#d4af3799}.button{padding:12px 20px;border-radius:var(--radius-sm);border:none;background:var(--accent);color:#1a1407;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.button.secondary{background:#ead9b6;color:#3a2b12}.button.ghost{background:transparent;border:1px solid rgba(36,28,16,.28);color:var(--ink)}.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 rgba(36,28,16,.08)}.line-item{display:grid;gap:14px;padding:16px;border-radius:var(--radius-sm);background:var(--card-alt);border:1px solid rgba(36,28,16,.08);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:#fffaf0;border:1px solid rgba(36,28,16,.08);font-weight:600}.summary-pair span{color:var(--ink-soft);font-weight:500}.line-item-remove{white-space:nowrap;color:var(--ink);border-color:#241c1033}.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:#fffaf0;border:1px solid rgba(36,28,16,.08);font-weight:700}.notice{padding:12px 14px;border-radius:var(--radius-sm);background:#d4af372e;color:#6b4c16;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 rgba(36,28,16,.1);background:#fffaf0;cursor:pointer;text-align:start;transition:box-shadow .2s ease,border-color .2s ease}.outbound-row.active{border-color:#d4af37b3;box-shadow:0 12px 30px #d4af3733}.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 rgba(36,28,16,.12);background:#fffaf0}.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-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:#f3ead8;border-radius:var(--radius-sm);border:1px solid rgba(36,28,16,.08);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 rgba(36,28,16,.08);background:#fffdf6;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 rgba(36,28,16,.2);background:#d4af371f;color:#6b4c16}.status-pending{border-color:#d4af3766;color:#6b4c16}.status-processing{border-color:#d4af3799;background:#d4af3733;color:#6b4c16}.status-sent,.status-success{border-color:#207b5480;background:#207b541f;color:#1f6b4c}.status-failed,.status-failure{border-color:#8b1f1f66;background:#8b1f1f1f;color:var(--danger)}.status-canceled{border-color:#5a5e6366;background:#5a5e631f;color:#5a5e63}@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}}