.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height, 36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));margin:0;-moz-appearance:button;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));cursor:pointer;text-transform:none;-webkit-user-select:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover, whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);border-right:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color, #999)}.react-international-phone-country-selector-button--disabled{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));cursor:auto}.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width, 24px);height:var(--react-international-phone-flag-height, 24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top, 44px);left:var(--react-international-phone-dropdown-left, 0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));box-shadow:var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));color:var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin, 0);background:var(--react-international-phone-dropdown-preferred-list-divider-color, var(--react-international-phone-border-color, gainsboro))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height, 28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size, 14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color, gray);font-size:var(--react-international-phone-dropdown-item-font-size, 14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));color:var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));font-size:var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius, 4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height, 36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color, gainsboro);border-radius:var(--react-international-phone-border-radius, 4px);margin:0;background-color:var(--react-international-phone-background-color, white);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color, #222);font-family:inherit;font-size:var(--react-international-phone-font-size, 13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color, whitesmoke);color:var(--react-international-phone-disabled-text-color, #666)}:root{color-scheme:light;font-family:Space Grotesk,system-ui,sans-serif;--font-display: "Unbounded", "Space Grotesk", sans-serif;--ink: #1c1327;--muted: #5a4d73;--bg: #f7f2ff;--card: #ffffff;--purple-1: #2b0e45;--purple-2: #4b1770;--purple-3: #7b2bb5;--purple-4: #ad7cf7;--accent: #ffbe55;--shadow: 0 20px 60px rgba(36, 11, 58, .18);--react-international-phone-height: 48px;--react-international-phone-border-radius: 14px;--react-international-phone-border-color: rgba(75, 23, 112, .15);--react-international-phone-background-color: #ffffff;--react-international-phone-text-color: #1c1327;--react-international-phone-font-size: 1rem}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}img{max-width:100%;display:block}.page{position:relative;min-height:100vh;padding:24px 16px 40px;overflow:hidden}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(173,124,247,.25),transparent 55%),radial-gradient(circle at 80% 10%,rgba(75,23,112,.15),transparent 45%),linear-gradient(135deg,#f8f2ffcc,#f0e3ff80);z-index:0}.hero,.grid{position:relative;z-index:1}.hero{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.brand{display:flex;gap:18px;align-items:center}.brand-mark{width:72px;height:88px;border-radius:20px;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow)}.brand-mark img{width:48px;height:48px;object-fit:contain}.prism{width:34px;height:34px;background:conic-gradient(from 120deg,#fff,#cdb6ff,#7b2bb5,#2b0e45,#fff);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.brand-kicker{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;font-size:.72rem;margin:0 0 6px;color:var(--purple-3)}.hero h1{font-family:var(--font-display);font-size:2rem;margin:0 0 10px}.brand-subtitle{margin:0;color:var(--muted);max-width:28rem}.hero-panel{background:var(--card);border-radius:20px;padding:18px;box-shadow:var(--shadow);display:grid;gap:12px}.field{display:grid;gap:6px;font-size:.88rem;color:var(--muted)}.field input{padding:12px 14px;border-radius:14px;border:1px solid rgba(75,23,112,.15);font-size:1rem;font-family:inherit}.field select{padding:12px 14px;border-radius:14px;border:1px solid rgba(75,23,112,.15);font-size:1rem;font-family:inherit;background:#fff}.field textarea{padding:12px 14px;border-radius:14px;border:1px solid rgba(75,23,112,.15);font-size:1rem;font-family:inherit;resize:vertical}.react-international-phone-input-container,.react-international-phone-input-container .react-international-phone-input{width:100%}button{border:none;border-radius:14px;padding:12px 18px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:disabled{cursor:wait;opacity:.7}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #4b177033}.primary{background:linear-gradient(130deg,var(--purple-3),var(--purple-2));color:#fff}.secondary{background:#fff;color:var(--purple-2);border:1px solid rgba(75,23,112,.2)}.ghost{background:transparent;color:var(--purple-2);border:1px solid rgba(75,23,112,.2);padding:10px 16px}.helper{margin:0;font-size:.88rem;color:var(--muted)}.panel-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.panel-switch .ghost.active{background:#4b17701f;border-color:#4b177059;color:var(--purple-1)}.notice{padding:10px 14px;border-radius:12px;font-size:.88rem}.notice.success{background:#ad7cf733;color:var(--purple-2)}.notice.error{background:#ee4a4f26;color:#8b2226}.grid{display:grid;gap:18px}.card{background:var(--card);border-radius:24px;padding:20px;box-shadow:var(--shadow);display:grid;gap:16px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card h2{margin:0 0 6px;font-size:1.2rem}.card p{margin:0;color:var(--muted)}.status-row{display:flex;flex-direction:column;gap:12px}.status-badge{padding:10px 16px;border-radius:999px;font-weight:600;display:inline-flex;width:fit-content;align-items:center;line-height:1.1;justify-self:start}.status-badge.ok{background:#58ce8833;color:#1e6b3b}.status-badge.warn{background:#ffbe5540;color:#8f4f00}.status-badge.danger{background:#ee4a4f33;color:#8b2226}.status-badge.neutral{background:#4b17701a;color:var(--purple-2)}.status-meta p{margin:0 0 6px;color:var(--ink)}.qr-box{display:grid;gap:16px}.qr-frame{border-radius:18px;border:1px dashed rgba(75,23,112,.3);padding:16px;display:grid;place-items:center;min-height:180px}.qr-placeholder{color:var(--muted)}.status-hint{margin:8px 0 0;font-size:.9rem;color:var(--muted)}.status-hint.alert{color:#b11b1f;font-weight:700}.connected-art{width:100%;height:100%;min-height:180px;border-radius:16px;background:linear-gradient(140deg,#58ce8840,#58ce8814);border:1px solid rgba(30,107,59,.2);display:grid;place-items:center;font-weight:700;font-size:1.35rem;color:#1e6b3b;text-transform:uppercase;letter-spacing:.08em}.block-input{display:flex;flex-direction:column;gap:12px}.block-input .field{width:100%}.block-input .primary,.block-input .contact-picker-btn{flex:0 0 auto;align-self:stretch;height:48px;white-space:normal;text-align:center}.block-section{display:grid;gap:12px}.contact-picker-btn{background:linear-gradient(130deg,#7b2bb5,#4b1770);color:#fff}.block-divider{height:1px;background:#4b17701f;border-radius:999px}.block-list{display:grid;gap:10px}.block-section-title-row{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.section-title{margin:0;font-size:.98rem;color:var(--purple-2)}.pager{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.9rem;color:var(--muted)}.pager span{flex:1;text-align:center}.pill{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:16px;background:#4b177014;color:var(--purple-1)}.pill-remove{background:transparent;color:var(--purple-2);padding:6px 10px;border:1px solid rgba(75,23,112,.2)}.empty{color:var(--muted);margin:0}.contacts-panel{display:grid;gap:12px;padding:14px;border-radius:16px;background:#4b17700f;border:1px solid rgba(75,23,112,.12)}.contacts-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.contacts-panel-header h3{margin:0;font-size:1rem}.contacts-actions{display:flex;gap:10px}.contacts-list{display:grid;gap:8px;max-height:260px;overflow:auto}.contact-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#4b177014;color:var(--purple-1)}.contact-item input{width:16px;height:16px;accent-color:#7b2bb5}.screen-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#1c13277a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;pointer-events:all}.screen-loader-panel{width:min(92vw,440px);border-radius:20px;background:#fff;box-shadow:0 24px 60px #240b3a47;padding:24px 22px;display:grid;gap:14px;justify-items:center}.screen-loader-spinner{width:44px;height:44px;border-radius:50%;border:4px solid rgba(123,43,181,.2);border-top-color:#6a20a2;animation:spin-loader .9s linear infinite}.screen-loader-text{margin:0;font-size:1rem;color:var(--purple-2);font-weight:600;text-align:center}@keyframes spin-loader{to{transform:rotate(360deg)}}.roadmap ul{margin:0;padding-left:18px;color:var(--muted)}.agent-form-grid{display:grid;gap:12px}.agent-form-full{grid-column:1 / -1}.checkbox-field{align-self:end}.inline-checkbox{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:.95rem}.inline-checkbox input{width:16px;height:16px;accent-color:#7b2bb5}.agent-list{display:grid;gap:10px}.agent-item{border-radius:14px;background:#4b177014;padding:12px;display:grid;gap:8px}.agent-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.agent-item-head h3{margin:0;font-size:1rem}.agent-item p{margin:0;color:var(--ink)}.agent-item pre{margin:0;padding:10px 12px;border-radius:10px;background:#ffffffb3;border:1px solid rgba(75,23,112,.15);font-family:inherit;white-space:pre-wrap;color:var(--ink)}.onboarding-flow{display:grid;gap:16px}.onboarding-flow .step{display:grid;gap:12px}.onboarding-flow .server-card{padding:12px 14px;border-radius:14px;background:#4b177014;color:var(--purple-1)}.onboarding-flow .step-actions{display:flex;gap:12px;align-items:center}.onboarding-flow .step-actions .primary{flex:1}.onboarding-flow .step.loading{align-items:center;text-align:center}@media (min-width: 780px){.page{padding:40px 48px 60px}.hero{flex-direction:row;justify-content:space-between;align-items:center}.hero-panel{width:340px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-box{grid-template-columns:1.1fr .9fr;align-items:center}.block-input{flex-direction:row;align-items:flex-end;flex-wrap:wrap}.block-input .field{flex:1 1 220px;min-width:180px}.block-input .primary,.block-input .contact-picker-btn{align-self:flex-end;white-space:nowrap}.roadmap{grid-column:span 2}.agent-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}}