[x-cloak] { display: none !important; }
    .app-sidebar{width:256px;background:#fff;border-right:1px solid #e5e7eb;color:#0f172a}
    .app-sidebar-header{height:80px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #eef2f7}
    .app-logo-mark{display:flex;width:42px;height:42px;flex:none;align-items:center;justify-content:center;border-radius:11px;background:#2563eb;color:#fff;font-size:21px}
    .app-brand-name{font-size:16px;font-weight:700;line-height:21px;color:#0f172a}
    .app-version{font-size:12px;line-height:16px;color:#94a3b8}
    .platform-admin-link{display:flex;min-height:36px;align-items:center;gap:9px;margin:7px 15px 3px;padding:0 2px;border-radius:8px;color:#7c6aa5;font-size:12px;font-weight:500;transition:background-color .15s,color .15s}
    .platform-admin-link:hover{background:#f7f5fb;color:#69558f}
    .platform-admin-link i{width:18px;text-align:center;font-size:16px}
    .app-scope{padding:10px 15px 14px}
    .app-section-label{margin:0 2px 7px;color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.055em;text-transform:uppercase}
    .scope-selector{display:flex;width:100%;min-height:57px;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:9px 12px;text-align:left;transition:background-color .15s,border-color .15s}
    .scope-selector:hover{border-color:#cbd5e1;background:#f8fafc}
    .scope-selector:focus-visible{outline:2px solid #bfdbfe;outline-offset:1px}
    .scope-meta{color:#94a3b8;font-size:11px;line-height:15px}
    .scope-dropdown{width:310px;max-width:calc(100vw - 24px);max-height:min(480px,calc(100vh - 130px));border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.14)}
    .scope-dropdown input{height:38px;font-size:13px}
    .scope-dropdown button{min-height:42px}
    .scope-dropdown button .text-xs{font-size:13px;line-height:18px}
    .scope-dropdown button .text-\[10px\]{font-size:11px;line-height:15px}
    @media(max-width:640px){.scope-dropdown{width:calc(100vw - 30px);max-height:440px}}
    .app-sidebar-nav{padding:9px 15px 12px}
    .app-section-label--nav{margin:0 10px 6px}
    .app-nav-group{display:flex;flex-direction:column;gap:3px}
    .sidebar-link{display:flex;width:100%;height:46px;align-items:center;gap:12px;border-radius:9px;padding:0 12px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s}
    .sidebar-link:hover{background:#f8fafc;color:#1e293b}
    .sidebar-link.active{background:#eff6ff;color:#2563eb;font-weight:600}
    .sidebar-link>i:first-child{width:18px;flex:none;text-align:center;font-size:18px;line-height:1}
    .app-admin-group{margin-top:18px;border-top:1px solid #eef2f7;padding-top:15px}
    .app-sidebar-footer{border-top:1px solid #eef2f7;padding:11px 15px 14px}
    .app-activity-link{margin-bottom:5px}
    .app-account{display:flex;align-items:center;gap:11px;padding:10px 11px 3px}
    .app-avatar{display:flex;width:36px;height:36px;flex:none;align-items:center;justify-content:center;border-radius:50%;background:#dbeafe;color:#2563eb}
    .app-account-name{color:#0f172a;font-size:14px;font-weight:600;line-height:18px}
    .app-account-email{color:#64748b;font-size:12px;line-height:17px}
    .app-account-link{color:#2563eb;font-size:12px;line-height:17px}
    .app-account-link:hover{text-decoration:underline}
    .app-main-content{margin-left:256px;max-width:calc(100vw - 256px)}
    .stat-card { transition: transform 0.15s; }
    .stat-card:hover { transform: translateY(-2px); }
    .fade-in { animation: fadeIn 0.3s ease-in; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes activeEnter { from { opacity: 0; max-height: 0; transform: translateY(-8px); } to { opacity: 1; max-height: 120px; transform: translateY(0); } }
    @keyframes activeExit { from { opacity: 1; max-height: 120px; } to { opacity: 0; max-height: 0; } }
    .active-item-enter { animation: activeEnter 0.2s ease-out forwards; }
    .active-item-exit { animation: activeExit 0.2s ease-in forwards; }
    @keyframes spinPulse { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
    .spin-slow { animation: spinPulse 1.5s linear infinite; }
[x-cloak]{display:none!important}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px}.tab.active{color:#2563eb;background:#fff}.tab.active:after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:2px;background:#3b82f6}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:0 0}}

/* Organization & billing */
.organization-page{max-width:1440px;margin:0 auto}

/* Billing and payment */
.billing-shell{color:#0f172a}.billing-stack{display:flex;flex-direction:column;gap:22px}.billing-current-card,.billing-order-summary,.billing-history-card,.billing-order-card,.billing-qr-card,.billing-result{border:1px solid #e2e8f0;border-radius:13px;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.025)}.billing-current-card{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(360px,.9fr);align-items:center;gap:16px;padding:18px 20px}.billing-plan-mark{display:flex;width:46px;height:46px;flex:none;align-items:center;justify-content:center;border-radius:11px;background:#2563eb;color:#fff;font-size:20px;font-weight:800}.billing-plan-mark--small{width:42px;height:42px;border-radius:10px;background:#6558e8;font-size:18px}.billing-eyebrow{color:#64748b;font-size:11px;line-height:1.4}.billing-title-row{display:flex;align-items:center;gap:8px;margin-top:1px}.billing-title-row h2{font-size:18px;font-weight:700}.billing-status,.billing-order-status{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.billing-muted{margin-top:2px;color:#64748b;font-size:11px}.billing-usage{display:grid;grid-template-columns:1fr 1fr;gap:28px}.billing-usage-label{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#64748b;font-size:11px}.billing-usage-label b{color:#1e293b}.billing-progress{height:5px;margin-top:7px;overflow:hidden;border-radius:999px;background:#e2e8f0}.billing-progress span{display:block;height:100%;border-radius:inherit;background:#14b8a6}.billing-plans-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.billing-plans-heading h2,.billing-history-heading h2{font-size:16px;font-weight:700}.billing-plans-heading p,.billing-history-heading p{margin-top:2px;color:#64748b;font-size:11px}.billing-periods{display:flex;flex:none;gap:3px;border-radius:9px;background:#f1f5f9;padding:3px}.billing-periods button{min-width:72px;border:1px solid transparent;border-radius:7px;padding:7px 10px;color:#64748b;font-size:11px;font-weight:600}.billing-periods button.is-active{border-color:#93c5fd;background:#fff;color:#2563eb;box-shadow:0 1px 3px rgba(15,23,42,.06)}.billing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.billing-plan-card{position:relative;display:flex;min-height:225px;flex-direction:column;border:1px solid #dbe2ea;border-radius:11px;background:#fff;padding:16px;cursor:pointer;transition:.15s}.billing-plan-card:hover{border-color:#93c5fd}.billing-plan-card.is-selected{border-color:#2563eb;background:#f8fbff;box-shadow:0 0 0 1px #2563eb}.billing-plan-card.is-contact{cursor:default}.billing-plan-top{display:flex;min-height:24px;align-items:center;gap:7px}.billing-plan-top h3{font-size:15px;font-weight:700}.billing-current-badge{border-radius:999px;background:#eff6ff;padding:3px 7px;color:#2563eb;font-size:9px;font-weight:700}.billing-selected-icon{position:absolute;top:11px;right:11px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background:#2563eb;color:#fff;font-size:15px}.billing-limits{display:flex;flex-direction:column;gap:6px;margin-top:16px;color:#475569;font-size:11px}.billing-limits p{display:flex;align-items:center;gap:7px}.billing-limits i{color:#64748b;font-size:14px}.billing-price{display:flex;align-items:baseline;gap:4px;margin-top:auto;padding:16px 0 11px}.billing-price strong{color:#0f172a;font-size:17px}.billing-price span{color:#64748b;font-size:9px}.billing-plan-action{display:flex;width:100%;height:34px;align-items:center;justify-content:center;gap:5px;border-radius:7px;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:600}.billing-plan-action.is-current{background:#f1f5f9;color:#64748b}.billing-plan-action.is-selected{background:#2563eb;color:#fff}.billing-order-summary{display:grid;grid-template-columns:minmax(250px,1fr) minmax(230px,.7fr) minmax(200px,.55fr);align-items:center;gap:25px;padding:18px 20px}.billing-summary-plan{display:flex;align-items:center;gap:12px}.billing-summary-plan h3{font-size:15px;font-weight:700}.billing-summary-plan>div:last-child>p:last-child,.billing-product p{color:#64748b;font-size:10px}.billing-order-summary dl,.billing-detail-list{display:flex;flex-direction:column;gap:7px}.billing-order-summary dl>div,.billing-detail-list>div{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#64748b;font-size:11px}.billing-order-summary dd,.billing-detail-list dd{color:#1e293b;font-weight:600;text-align:right}.billing-order-summary .billing-total,.billing-detail-list .billing-total{border-top:1px solid #e2e8f0;margin-top:3px;padding-top:8px}.billing-total dd{color:#2563eb!important;font-size:15px!important}.billing-summary-action button{display:flex;width:100%;height:40px;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:#2563eb;color:#fff;font-size:11px;font-weight:600}.billing-summary-action button:hover{background:#1d4ed8}.billing-summary-action button:disabled{cursor:not-allowed;opacity:.55}.billing-summary-action p{margin-top:5px;color:#64748b;font-size:9px;text-align:center}.billing-error{display:flex;align-items:flex-start;gap:8px;border:1px solid #fecaca;border-radius:9px;background:#fef2f2;padding:11px 13px;color:#b91c1c;font-size:12px}.billing-history-card{overflow:hidden}.billing-history-heading{padding:17px 19px}.billing-empty{border-top:1px solid #eef2f7;padding:35px;color:#94a3b8;font-size:12px;text-align:center}.billing-table-wrap{overflow-x:auto}.billing-history-table{width:100%;min-width:850px;border-collapse:collapse}.billing-history-table th{border-top:1px solid #eef2f7;border-bottom:1px solid #e2e8f0;background:#f8fafc;padding:10px 14px;color:#64748b;font-size:10px;font-weight:600;text-align:left}.billing-history-table td{border-bottom:1px solid #eef2f7;padding:12px 14px;color:#475569;font-size:11px}.billing-history-table tbody tr:last-child td{border-bottom:0}.billing-history-table tbody tr{cursor:pointer}.billing-history-table tbody tr:hover,.billing-history-table tr.is-pending:hover{background:#f8fbff}.billing-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.96em}.billing-amount{color:#0f172a!important;font-weight:600}.billing-link{color:#2563eb;font-size:10px;font-weight:600}.billing-payment-loading{display:flex;min-height:390px;align-items:center;justify-content:center;gap:24px}.billing-qr-placeholder{width:190px;height:190px;border-radius:10px}.billing-payment-view{max-width:1120px;margin:0 auto}.billing-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;color:#475569;font-size:11px}.billing-back:hover{color:#2563eb}.billing-payment-header{margin-bottom:18px}.billing-payment-header h2{font-size:22px;font-weight:700}.billing-payment-header p{margin-top:2px;color:#64748b;font-size:11px}.billing-payment-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(430px,1.18fr);gap:14px}.billing-order-card,.billing-qr-card{padding:18px}.billing-order-card>h3,.billing-qr-heading h3{font-size:14px;font-weight:700}.billing-product{display:flex;align-items:center;gap:11px;margin:16px 0;border-bottom:1px solid #eef2f7;padding-bottom:16px}.billing-product strong{font-size:14px}.billing-detail-list{gap:9px}.billing-waiting{display:flex;align-items:center;gap:10px;margin-top:18px;border-radius:8px;background:#fffbeb;padding:11px;color:#92400e}.billing-waiting>span{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px #fef3c7}.billing-waiting strong{font-size:11px}.billing-waiting p{margin-top:1px;font-size:9px}.billing-qr-heading{display:flex;align-items:flex-start;justify-content:space-between}.billing-qr-heading p{margin-top:2px;color:#64748b;font-size:10px}.billing-qr-heading>span{border-radius:999px;background:#eff6ff;padding:4px 8px;color:#2563eb;font-size:9px;font-weight:700}.billing-qr-wrap{display:flex;min-height:210px;align-items:center;justify-content:center;padding:10px}.billing-qr-wrap img{width:200px;height:200px;border:1px solid #e2e8f0;border-radius:10px;object-fit:contain}.billing-qr-amount,.billing-reference{text-align:center;font-size:11px}.billing-qr-amount strong{color:#0f172a}.billing-reference{margin-top:3px;color:#64748b}.billing-reference strong{color:#2563eb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.billing-qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.billing-qr-actions a,.billing-qr-actions button{display:flex;height:36px;align-items:center;justify-content:center;gap:6px;border:1px solid #dbe2ea;border-radius:8px;color:#2563eb;font-size:10px;font-weight:600}.billing-qr-actions a:hover,.billing-qr-actions button:hover{border-color:#93c5fd;background:#eff6ff}.billing-bank-details{margin-top:12px;border-top:1px solid #eef2f7;padding-top:10px}.billing-bank-details summary{cursor:pointer;color:#334155;font-size:11px;font-weight:600}.billing-bank-details dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.billing-bank-details dl>div{border-radius:7px;background:#f8fafc;padding:8px}.billing-bank-details dt{color:#94a3b8;font-size:8px}.billing-bank-details dd{margin-top:2px;color:#334155;font-size:10px;font-weight:600}.billing-instructions{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px;counter-reset:billing-step}.billing-instructions li{position:relative;border-radius:7px;background:#f8fafc;padding:24px 7px 8px;color:#64748b;font-size:8px;line-height:1.35;text-align:center;counter-increment:billing-step}.billing-instructions li:before{content:counter(billing-step);position:absolute;top:6px;left:50%;display:flex;width:14px;height:14px;align-items:center;justify-content:center;border-radius:50%;background:#dbeafe;color:#2563eb;font-size:8px;font-weight:700;transform:translateX(-50%)}.billing-result{max-width:760px;margin:25px auto;padding:34px;text-align:center}.billing-result-icon{display:flex;width:54px;height:54px;align-items:center;justify-content:center;margin:0 auto;border-radius:50%;background:#059669;color:#fff;font-size:31px}.billing-result-icon.is-muted{background:#f1f5f9;color:#64748b}.billing-result h2{margin-top:14px;font-size:21px;font-weight:700}.billing-result>p{margin-top:5px;color:#64748b;font-size:12px}.billing-success-sub{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin:22px 0;border:1px solid #e2e8f0;border-radius:10px;padding:14px;text-align:left}.billing-success-sub strong{font-size:14px}.billing-success-sub p{color:#64748b;font-size:10px}.billing-success-sub>span{text-align:right}.billing-success-sub>span b{display:block;color:#059669;font-size:9px}.billing-success-sub>span small{display:block;margin-top:2px;color:#64748b;font-size:9px}.billing-result-actions{display:flex;justify-content:center;gap:8px;margin-top:20px}.billing-result-actions button{min-width:130px;border:1px solid #dbe2ea;border-radius:8px;padding:9px 14px;color:#475569;font-size:11px;font-weight:600}.billing-result-actions button.is-primary{border-color:#2563eb;background:#2563eb;color:#fff}.billing-order-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:24px;border:1px solid #e2e8f0;border-radius:9px;overflow:hidden;text-align:left}.billing-order-detail>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eef2f7;padding:10px 12px;font-size:10px}.billing-order-detail>div:nth-child(odd){border-right:1px solid #eef2f7}.billing-order-detail dt{color:#64748b}.billing-order-detail dd{color:#1e293b;font-weight:600;text-align:right}
@media(max-width:1050px){.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-current-card{grid-template-columns:auto 1fr}.billing-usage{grid-column:1/-1}.billing-order-summary{grid-template-columns:1fr 1fr}.billing-summary-action{grid-column:1/-1}.billing-payment-grid{grid-template-columns:1fr}}
@media(max-width:680px){.billing-current-card{grid-template-columns:auto 1fr;padding:15px}.billing-usage{grid-template-columns:1fr}.billing-plans-heading{align-items:stretch;flex-direction:column}.billing-periods{align-self:flex-start}.billing-plan-grid{grid-template-columns:1fr}.billing-order-summary{grid-template-columns:1fr}.billing-payment-header h2{font-size:20px}.billing-payment-grid{grid-template-columns:1fr}.billing-order-card,.billing-qr-card{padding:15px}.billing-qr-actions,.billing-bank-details dl{grid-template-columns:1fr}.billing-instructions{grid-template-columns:1fr}.billing-instructions li{padding:8px 8px 8px 29px;text-align:left}.billing-instructions li:before{top:50%;left:9px;transform:translateY(-50%)}.billing-result{padding:24px 16px}.billing-success-sub{grid-template-columns:auto 1fr}.billing-success-sub>span{grid-column:1/-1;text-align:left}.billing-order-detail{grid-template-columns:1fr}.billing-order-detail>div:nth-child(odd){border-right:0}}

/* Billing readability: comfortable desktop type and a scan-friendly QR. */
.billing-eyebrow{font-size:13px}.billing-title-row h2{font-size:20px}.billing-status,.billing-order-status{padding:4px 9px;font-size:12px}.billing-muted{font-size:13px}.billing-usage-label{font-size:13px}.billing-plans-heading h2,.billing-history-heading h2{font-size:18px}.billing-plans-heading p,.billing-history-heading p{font-size:13px}.billing-periods button{min-width:82px;padding:8px 12px;font-size:13px}.billing-plan-card{min-height:244px;padding:18px}.billing-plan-top h3{font-size:17px}.billing-current-badge{padding:4px 8px;font-size:11px}.billing-limits{gap:8px;font-size:13px}.billing-limits i{font-size:16px}.billing-price strong{font-size:20px}.billing-price span{font-size:11px}.billing-plan-action{height:38px;font-size:13px}.billing-summary-plan h3{font-size:17px}.billing-summary-plan>div:last-child>p:last-child,.billing-product p{font-size:12px}.billing-order-summary dl>div,.billing-detail-list>div{font-size:13px}.billing-total dd{font-size:18px!important}.billing-summary-action button{height:44px;font-size:13px}.billing-summary-action p{font-size:11px}.billing-history-table th{padding:12px 15px;font-size:12px}.billing-history-table td{padding:14px 15px;font-size:13px}.billing-link{font-size:12px}
.billing-payment-view{width:100%;max-width:1320px}.billing-back{margin-bottom:14px;font-size:13px}.billing-payment-header{margin-bottom:20px}.billing-payment-header h2{font-size:26px}.billing-payment-header p{font-size:14px}.billing-payment-grid{grid-template-columns:minmax(360px,.78fr) minmax(560px,1.22fr);gap:18px}.billing-order-card,.billing-qr-card{padding:24px}.billing-order-card>h3,.billing-qr-heading h3{font-size:18px}.billing-product{gap:13px;margin:20px 0;padding-bottom:20px}.billing-product strong{font-size:17px}.billing-detail-list{gap:12px}.billing-waiting{gap:12px;margin-top:22px;padding:14px}.billing-waiting strong{font-size:13px}.billing-waiting p{font-size:12px}.billing-qr-heading p{font-size:13px}.billing-qr-heading>span{padding:5px 10px;font-size:11px}.billing-qr-wrap{min-height:330px;padding:14px}.billing-qr-wrap img,.billing-qr-placeholder{width:300px;height:300px}.billing-qr-amount,.billing-reference{font-size:14px}.billing-reference{margin-top:5px}.billing-qr-actions{gap:10px;margin-top:18px}.billing-qr-actions a,.billing-qr-actions button{height:42px;font-size:13px}.billing-bank-details{margin-top:16px;padding-top:14px}.billing-bank-details summary{font-size:13px}.billing-bank-details dl{gap:10px;margin-top:10px}.billing-bank-details dl>div{padding:10px}.billing-bank-details dt{font-size:11px}.billing-bank-details dd{font-size:13px}.billing-instructions{gap:8px;margin-top:16px}.billing-instructions li{min-height:67px;padding:30px 9px 9px;font-size:11px}.billing-instructions li:before{top:8px;width:17px;height:17px;font-size:10px}.billing-result>p{font-size:14px}.billing-success-sub p{font-size:12px}.billing-order-detail>div{font-size:12px}
@media(max-width:1180px){.billing-payment-grid{grid-template-columns:minmax(320px,.8fr) minmax(440px,1.2fr)}.billing-qr-wrap{min-height:290px}.billing-qr-wrap img,.billing-qr-placeholder{width:260px;height:260px}}
@media(max-width:1050px){.billing-payment-grid{grid-template-columns:1fr}.billing-qr-wrap img,.billing-qr-placeholder{width:280px;height:280px}}
@media(max-width:680px){.billing-plan-card{min-height:225px}.billing-payment-header h2{font-size:22px}.billing-order-card,.billing-qr-card{padding:18px}.billing-qr-wrap{min-height:260px}.billing-qr-wrap img,.billing-qr-placeholder{width:min(260px,100%);height:auto;aspect-ratio:1}.billing-instructions li{min-height:auto;padding:10px 10px 10px 34px;font-size:12px}}

/* Customer organization settings */
.settings-page{max-width:1440px;margin:0 auto}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.settings-header-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(145deg,#3b82f6,#1d4ed8);color:#fff;font-size:24px;box-shadow:0 8px 18px rgba(37,99,235,.2)}.settings-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;background:#2563eb;padding:10px 16px;color:#fff;font-size:13px;font-weight:600;box-shadow:0 3px 10px rgba(37,99,235,.18);transition:.15s}.settings-primary-button:hover{background:#1d4ed8}.settings-primary-button:disabled{cursor:not-allowed;opacity:.55}.settings-stack{display:flex;flex-direction:column;gap:14px}.settings-section-card{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:20px;box-shadow:0 3px 12px rgba(15,23,42,.035)}.settings-section-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}.settings-section-heading--action{align-items:flex-start}.settings-section-heading h3{font-size:16px;font-weight:700;color:#111827}.settings-section-heading p{margin-top:1px;font-size:12px;color:#64748b}.settings-section-icon{display:flex;width:40px;height:40px;flex:none;align-items:center;justify-content:center;border-radius:11px;font-size:22px}.settings-section-icon--ai{background:linear-gradient(145deg,#8b5cf6,#a855f7);color:#fff}.settings-section-icon--facebook{background:linear-gradient(145deg,#3b82f6,#0866ff);color:#fff}.settings-section-icon--telegram{background:linear-gradient(145deg,#38bdf8,#168de2);color:#fff}.settings-section-icon--general{background:linear-gradient(145deg,#b5c0ce,#8492a6);color:#fff}.settings-ai-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(360px,1.2fr);gap:14px}.settings-inner-card{min-width:0;border:1px solid #e2e8f0;border-radius:11px;padding:14px}.settings-mini-icon{display:flex;width:30px;height:30px;flex:none;align-items:center;justify-content:center;border-radius:8px;background:#f3e8ff;color:#8b5cf6;font-size:17px}.settings-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:#334155}.settings-control{display:block;width:100%;height:38px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:0 12px;color:#1e293b;font-size:13px;outline:none;transition:.15s}.settings-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.settings-control::placeholder{color:#94a3b8}.settings-secondary-button{flex:none;border-radius:7px;background:#2563eb;padding:6px 12px;color:#fff;font-size:11px;font-weight:600}.settings-secondary-button:hover{background:#1d4ed8}.settings-credential-row{display:flex;align-items:center;gap:10px;padding:10px 0}.settings-provider-logo{display:flex;width:34px;height:34px;flex:none;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:9px;background:#fff;font-size:15px;font-weight:800}.settings-provider-logo--gemini{color:#4285f4}.settings-provider-logo--openai{background:#f3f4f6;color:#111827;font-size:23px}.settings-provider-logo--claude{background:#f5e2d6;color:#171717}.settings-status-pill{display:inline-flex;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:600}.settings-action-button{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #bfdbfe;border-radius:7px;padding:6px 9px;color:#2563eb;font-size:10px;font-weight:600}.settings-action-button:hover{border-color:#93c5fd;background:#eff6ff}.settings-action-button--solid{border-color:#2563eb;background:#2563eb;color:#fff}.settings-action-button--solid:hover{border-color:#1d4ed8;background:#1d4ed8}.settings-action-button:disabled{cursor:not-allowed;opacity:.55}.settings-icon-button{display:inline-flex;width:29px;height:29px;align-items:center;justify-content:center;border-radius:7px;color:#64748b}.settings-icon-button:hover{background:#f1f5f9;color:#2563eb}.settings-icon-button--danger:hover{background:#fef2f2;color:#dc2626}.settings-horizontal-card{display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,.95fr);align-items:center;gap:28px}.settings-form-content{min-width:0}.settings-two-column-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-helper{margin-top:5px;font-size:10px;line-height:1.5;color:#94a3b8}.settings-reveal-button{position:absolute;right:0;top:0;display:flex;width:38px;height:38px;align-items:center;justify-content:center;color:#64748b}.settings-reveal-button:hover{color:#2563eb}.settings-info-box{align-self:stretch;border-radius:10px;background:#eff6ff;padding:14px 16px;color:#334155;font-size:11px;line-height:1.65}.settings-info-box h4{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:#2563eb;font-size:12px;font-weight:700}.settings-info-box h4 i{font-size:18px}.settings-info-box ul{list-style:disc;padding-left:18px}.settings-info-box ol{list-style:decimal;padding-left:18px}.settings-guide-link{color:#2563eb;font-weight:600;text-decoration:none}.settings-guide-link:hover{text-decoration:underline}.settings-guide-link i{font-size:.9em}.settings-general-card{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(360px,1.35fr) minmax(310px,.95fr);align-items:center;gap:28px}.settings-info-box--compact{min-height:auto}.settings-info-box--compact p{padding-left:25px;color:#64748b}
@media(max-width:1180px){.settings-ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-credentials-card{grid-column:1/-1}.settings-general-card{grid-template-columns:1fr 1.4fr}.settings-general-card .settings-info-box{grid-column:1/-1}.settings-horizontal-card{grid-template-columns:1fr}.settings-info-box{align-self:auto}}
@media(max-width:760px){.settings-header{align-items:flex-start}.settings-header-icon{display:none}.settings-primary-button{padding:9px 11px}.settings-ai-grid,.settings-two-column-form,.settings-general-card{grid-template-columns:1fr}.settings-credentials-card{grid-column:auto}.settings-section-card{padding:16px}.settings-credential-row{flex-wrap:wrap}.settings-credential-row>div:nth-child(2){min-width:calc(100% - 48px)}.settings-credential-row>div:last-child{margin-left:44px}.settings-general-card .settings-info-box{grid-column:auto}}

/* Lightweight custom selects for Settings: CSS + Alpine only. */
.settings-select{position:relative}.settings-select-trigger{display:flex;width:100%;height:38px;align-items:center;justify-content:space-between;gap:10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:0 11px 0 13px;color:#1e293b;font-size:13px;text-align:left;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.settings-select-trigger:hover{border-color:#94a3b8;background:#fcfdff}.settings-select-trigger:focus,.settings-select-trigger[aria-expanded=true]{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.settings-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-select-trigger>i{flex:none;color:#64748b;font-size:17px;transition:transform .15s}.settings-select-menu{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;max-height:230px;overflow-y:auto;border:1px solid #dbe3ef;border-radius:11px;background:#fff;padding:5px;box-shadow:0 14px 32px rgba(15,23,42,.13),0 3px 8px rgba(15,23,42,.06)}.settings-select-menu--up{top:auto;bottom:calc(100% + 6px)}.settings-select-option{display:flex;width:100%;min-height:38px;align-items:center;gap:9px;border-radius:8px;padding:6px 9px;color:#334155;font-size:12px;text-align:left;transition:background .12s,color .12s}.settings-select-option:hover{background:#f1f5f9;color:#0f172a}.settings-select-option.is-selected{background:#eff6ff;color:#1d4ed8;font-weight:600}.settings-select-option>.ri-check-line{flex:none;color:#2563eb;font-size:16px}.settings-option-icon{display:flex;width:25px;height:25px;flex:none;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#6366f1;font-size:11px;font-weight:700}.settings-select-option.is-selected .settings-option-icon{border-color:#bfdbfe;background:#dbeafe;color:#2563eb}.settings-select-menu::-webkit-scrollbar{width:6px}.settings-select-menu::-webkit-scrollbar-thumb{border-radius:999px;background:#cbd5e1}.settings-select-menu::-webkit-scrollbar-track{background:transparent}

/* Pages management and Facebook connection */
.pages-page{max-width:1440px;margin:0 auto;color:#0f172a}.pages-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.pages-header h2{font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.025em}.pages-header p{margin-top:5px;color:#64748b;font-size:13px}.pages-header-actions{display:flex;align-items:center;gap:10px}.pages-primary-button,.pages-secondary-button,.pages-cancel-button,.pages-danger-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:600;transition:.15s}.pages-primary-button{background:#2563eb;color:#fff;box-shadow:0 3px 9px rgba(37,99,235,.18)}.pages-primary-button:hover{background:#1d4ed8}.pages-primary-button:disabled,.pages-danger-button:disabled{cursor:not-allowed;opacity:.5}.pages-secondary-button,.pages-cancel-button{border:1px solid #dbe2ea;background:#fff;color:#475569}.pages-secondary-button:hover,.pages-cancel-button:hover{border-color:#bfdbfe;background:#f8fafc;color:#2563eb}.pages-danger-button{background:#dc2626;color:#fff}.pages-danger-button:hover{background:#b91c1c}.pages-toolbar{display:flex;align-items:center;margin-bottom:12px}.pages-search{display:flex;width:100%;max-width:340px;height:40px;align-items:center;gap:8px;border:1px solid #dbe2ea;border-radius:9px;background:#fff;padding:0 11px;color:#94a3b8;transition:.15s}.pages-search:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.pages-search input{min-width:0;flex:1;border:0;outline:0;color:#1e293b;font-size:13px}.pages-search input::placeholder{color:#94a3b8}.pages-search button{display:flex;align-items:center;justify-content:center}.pages-table-card{position:relative;overflow:visible;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.035)}.pages-table{width:100%;min-width:900px;border-collapse:collapse}.pages-table th{border-bottom:1px solid #e2e8f0;background:#f8fafc;padding:11px 18px;color:#475569;font-size:10px;font-weight:700;letter-spacing:.025em;text-align:left;text-transform:uppercase}.pages-table th:first-child{border-radius:12px 0 0}.pages-table th:last-child{border-radius:0 12px 0 0}.pages-table td{border-bottom:1px solid #eef2f7;padding:12px 18px;color:#334155;font-size:12px;vertical-align:middle}.pages-table tbody tr:last-child td{border-bottom:0}.pages-table tbody tr:hover{background:#f8fafc}.pages-page-cell{display:flex;min-width:210px;align-items:center;gap:11px}.pages-avatar{display:flex;width:36px;height:36px;flex:none;overflow:hidden;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:50%;background:#eff6ff;color:#1877f2}.pages-avatar img{width:100%;height:100%;object-fit:cover}.pages-avatar>span{width:100%;height:100%;align-items:center;justify-content:center}.pages-avatar--large{width:42px;height:42px}.pages-page-name{overflow:hidden;color:#111827;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.pages-page-handle{margin-top:2px;color:#94a3b8;font-size:10px}.pages-platform{display:inline-flex;align-items:center;gap:7px;color:#334155}.pages-platform i{color:#1877f2;font-size:17px}.pages-id{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.pages-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.pages-status-dot{width:8px;height:8px;border-radius:50%}.pages-status.is-connected .pages-status-dot{background:#10b981}.pages-status.is-disconnected .pages-status-dot{background:#94a3b8}.pages-action-wrap{position:relative;display:inline-block}.pages-icon-button{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:18px}.pages-icon-button:hover{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}.pages-action-menu{position:absolute;right:0;top:37px;z-index:15;width:142px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;padding:5px;box-shadow:0 10px 25px rgba(15,23,42,.13);text-align:left}.pages-action-menu button{display:flex;width:100%;align-items:center;gap:8px;border-radius:6px;padding:8px 9px;color:#334155;font-size:12px}.pages-action-menu button:hover{background:#f1f5f9}.pages-action-menu button.danger{color:#dc2626}.pages-action-menu button.danger:hover{background:#fef2f2}.pages-loading{display:flex;min-height:180px;align-items:center;justify-content:center;gap:10px;color:#64748b;font-size:13px}.pages-loading i{color:#2563eb;font-size:20px}.pages-no-results{display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#94a3b8;font-size:13px}.pages-no-results i{font-size:24px}.pages-empty-state{min-height:470px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px;text-align:center;box-shadow:0 2px 10px rgba(15,23,42,.025)}.pages-empty-state h3{margin-top:24px;color:#0f172a;font-size:18px;font-weight:700}.pages-empty-state p{max-width:420px;margin:7px 0 20px;color:#64748b;font-size:13px;line-height:1.6}.pages-empty-illustration{position:relative;width:170px;height:94px}.pages-empty-sheet{position:absolute;top:28px;width:66px;height:47px;border-radius:8px;background:#eff6ff;opacity:.9}.pages-empty-sheet:before,.pages-empty-sheet:after{content:'';position:absolute;left:13px;height:6px;border-radius:4px;background:#dbeafe}.pages-empty-sheet:before{top:13px;width:20px}.pages-empty-sheet:after{top:27px;width:39px}.sheet-left{left:10px;transform:rotate(-7deg)}.sheet-right{right:10px;transform:rotate(7deg)}.pages-empty-facebook{position:absolute;top:0;left:54px;display:flex;width:64px;height:64px;align-items:center;justify-content:center;border:10px solid #eff6ff;border-radius:50%;background:#1877f2;color:#fff;font-size:35px;box-shadow:0 8px 18px rgba(37,99,235,.16)}
.pages-modal-backdrop{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.42);padding:20px;backdrop-filter:blur(2px)}.pages-modal{position:relative;width:100%;max-height:calc(100vh - 40px);overflow:auto;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:24px;box-shadow:0 24px 70px rgba(15,23,42,.2)}.pages-modal h3{color:#0f172a;font-size:18px;font-weight:700}.pages-modal-subtitle{margin-top:3px;color:#64748b;font-size:12px}.pages-modal-close{position:absolute;top:15px;right:15px;z-index:2;display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;color:#64748b;font-size:20px}.pages-modal-close:hover{background:#f1f5f9;color:#0f172a}.pages-modal--small{max-width:540px}.pages-form-stack{display:flex;flex-direction:column;gap:14px;margin-top:20px}.pages-form-stack label{display:flex;flex-direction:column;gap:6px;color:#334155;font-size:12px;font-weight:600}.pages-control{width:100%;height:40px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:0 11px;color:#1e293b;font-size:13px;font-weight:400;outline:none}.pages-control:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.pages-textarea{height:auto;padding:10px 11px;resize:vertical}.pages-inline-error{border-radius:8px;background:#fef2f2;padding:10px 12px;color:#dc2626;font-size:12px}.pages-modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.pages-connect-modal{max-width:760px;padding:0;overflow:hidden}.pages-connect-layout,.pages-result-layout{display:flex;max-height:calc(100vh - 40px);flex-direction:column}.pages-connect-header{padding:22px 24px 14px}.pages-search--modal{max-width:none;margin-top:15px}.pages-discovery-list,.pages-import-list{min-height:110px;max-height:410px;overflow-y:auto;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}.pages-discovery-row{display:flex;min-height:68px;align-items:center;gap:11px;border-bottom:1px solid #eef2f7;padding:11px 24px;cursor:pointer;transition:.12s}.pages-discovery-row:last-child{border-bottom:0}.pages-discovery-row:hover{background:#f8fafc}.pages-discovery-row.is-disabled{cursor:not-allowed;background:#fbfcfd}.pages-discovery-row>input{position:absolute;width:1px;height:1px;opacity:0}.pages-custom-checkbox{display:flex;width:18px;height:18px;flex:none;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:transparent;font-size:14px}.pages-discovery-row>input:checked+.pages-custom-checkbox{border-color:#2563eb;background:#2563eb;color:#fff}.pages-discovery-row>input:disabled+.pages-custom-checkbox{border-color:#e2e8f0;background:#f1f5f9}.pages-discovery-info{display:flex;min-width:0;flex:1;flex-direction:column}.pages-discovery-info strong,.pages-import-row strong{overflow:hidden;color:#0f172a;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.pages-discovery-info small,.pages-import-row small{margin-top:2px;color:#64748b;font-size:10px}.pages-discovery-badge{flex:none;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:600}.pages-discovery-badge.is-available{background:#eff6ff;color:#2563eb}.pages-discovery-badge.is-imported{background:#ecfdf5;color:#059669}.pages-discovery-badge.is-other{background:#f1f5f9;color:#64748b}.pages-connect-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px}.pages-connect-footer>strong{color:#2563eb;font-size:12px}.pages-connect-footer>div{display:flex;gap:9px}.pages-connect-error{margin:12px 24px 0;border-radius:8px;background:#fff7ed;padding:10px 12px;color:#c2410c;font-size:11px}.pages-connect-error div{display:flex;align-items:flex-start;gap:7px}.pages-connect-error button{margin:7px 0 0 23px;color:#2563eb;font-weight:600;text-decoration:underline}.pages-centered-state{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.pages-progress-icon{display:flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:50%;background:#eff6ff;color:#2563eb;font-size:26px}.pages-centered-state h3{margin-top:16px}.pages-centered-state p{margin-top:5px;color:#64748b;font-size:12px}.pages-import-row{display:flex;min-height:66px;align-items:center;gap:11px;border-bottom:1px solid #eef2f7;padding:11px 24px}.pages-import-row:last-child{border-bottom:0}.pages-import-row>div{display:flex;min-width:0;flex:1;flex-direction:column}.pages-import-state{display:flex;max-width:300px;align-items:flex-start;justify-content:flex-end;gap:6px;text-align:right;font-size:11px;font-weight:600}.pages-import-state.is-working{color:#2563eb}.pages-import-state.is-success{color:#059669}.pages-import-state.is-error{color:#dc2626}.pages-info-box{display:flex;align-items:flex-start;gap:8px;margin:16px 24px 24px;border-radius:8px;background:#eff6ff;padding:12px;color:#475569;font-size:11px}.pages-info-box i{color:#2563eb;font-size:16px}.pages-success-heading{padding:28px 24px 20px;text-align:center}.pages-success-heading>span{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:50%;background:#10b981;color:#fff;font-size:28px}.pages-success-heading.is-error>span{background:#ef4444}.pages-success-heading h3{margin-top:12px}.pages-success-heading p{margin-top:5px;color:#64748b;font-size:12px}.pages-result-footer{display:flex;justify-content:flex-end;padding:15px 24px}.pages-result-footer .pages-primary-button{min-width:130px}.pages-modal--confirm{max-width:430px;text-align:center}.pages-modal--confirm>p{margin-top:8px;color:#64748b;font-size:13px}.pages-danger-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;margin:0 auto 12px;border-radius:50%;background:#fef2f2;color:#dc2626;font-size:23px}.pages-modal--confirm .pages-modal-footer{justify-content:center}.pages-modal--confirm .pages-modal-footer button{min-width:110px}
@media(max-width:760px){.pages-header{flex-direction:column}.pages-header-actions{width:100%;flex-wrap:wrap}.pages-primary-button,.pages-secondary-button{flex:1}.pages-search{max-width:none}.pages-empty-state{min-height:390px;padding:28px 18px}.pages-modal-backdrop{padding:10px}.pages-modal{max-height:calc(100vh - 20px)}.pages-connect-layout,.pages-result-layout{max-height:calc(100vh - 20px)}.pages-discovery-row,.pages-import-row{padding-left:15px;padding-right:15px}.pages-discovery-badge{max-width:100px;text-align:right}.pages-connect-footer{align-items:stretch;flex-direction:column}.pages-connect-footer>div{display:grid;grid-template-columns:1fr 1fr}.pages-import-state{max-width:145px}.pages-header h2{font-size:21px}}
.pages-table-scroll.has-open-menu{padding-bottom:92px;margin-bottom:-92px}

/* Readability pass: keep the compact table, but match the app's normal text scale. */
.pages-search{height:44px;padding:0 13px}
.pages-search input{font-size:14px}
.pages-table th{padding:13px 18px;font-size:12px;letter-spacing:.02em}
.pages-table td{padding:15px 18px;font-size:14px}
.pages-page-cell{gap:12px}
.pages-avatar{width:40px;height:40px}
.pages-page-name{font-size:14px}
.pages-page-handle{margin-top:3px;font-size:12px}
.pages-id{font-size:13px}
.pages-platform{font-size:14px}
.pages-platform i{font-size:18px}
.pages-status{font-size:14px}
.pages-action-menu button{font-size:13px}

/* Import Content: lightweight form and Page picker refinements */
.import-mode-switch{display:flex;gap:8px;margin-bottom:16px}.import-mode-button{min-height:42px}.import-card{width:100%;max-width:744px;padding:24px}.import-form-stack{display:flex;flex-direction:column;gap:22px}.import-template-row{display:flex;align-items:center;gap:12px}.import-template-row>button{flex:none}.import-fields-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.import-label{display:block;margin-bottom:7px;color:#374151;font-size:14px;font-weight:500}.import-control{display:block;width:100%;height:44px;border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:0 13px;color:#1f2937;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.import-control:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.import-page-picker{position:relative}.import-page-trigger{display:flex;width:100%;height:44px;align-items:center;gap:10px;border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:5px 11px;text-align:left;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}.import-page-trigger:hover:not(:disabled){border-color:#bfdbfe;background:#f8fafc}.import-page-trigger:focus-visible,.import-page-trigger[aria-expanded=true]{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.import-page-trigger:disabled{cursor:not-allowed;background:#f8fafc;color:#64748b}.import-page-selection{display:flex;min-width:0;flex:1;align-items:center;gap:9px}.import-page-placeholder{flex:1;color:#6b7280;font-size:14px}.import-page-avatar{display:flex;width:30px;height:30px;flex:none;overflow:hidden;align-items:center;justify-content:center;border:1px solid #dbeafe;border-radius:50%;background:#eff6ff;color:#1877f2}.import-page-avatar img{width:100%;height:100%;object-fit:cover}.import-page-avatar i{font-size:16px}.import-page-copy{display:flex;min-width:0;flex:1;flex-direction:column}.import-page-copy strong{overflow:hidden;color:#1f2937;font-size:13px;font-weight:600;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.import-page-copy small{color:#94a3b8;font-size:10px;line-height:13px}.import-page-chevron{flex:none;color:#94a3b8;font-size:18px;transition:transform .15s}.import-page-chevron.is-open{transform:rotate(180deg)}.import-page-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:45;width:100%;overflow:hidden;border:1px solid #dbe2ea;border-radius:10px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.1)}.import-page-search{display:flex;height:40px;align-items:center;gap:8px;margin:8px;border:1px solid #dbe2ea;border-radius:8px;padding:0 10px;color:#94a3b8}.import-page-search:focus-within{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.import-page-search input{min-width:0;flex:1;border:0;outline:0;color:#1f2937;font-size:13px}.import-page-options{max-height:248px;overflow-y:auto;padding:4px}.import-page-option{display:flex;width:100%;min-height:48px;align-items:center;gap:9px;border-radius:7px;padding:7px 9px;text-align:left}.import-page-option:hover,.import-page-option.is-active{background:#eff6ff}.import-page-option.is-selected{background:#eff6ff}.import-page-check{margin-left:auto;color:#2563eb;font-size:18px}.import-page-empty{padding:16px;text-align:center;color:#94a3b8;font-size:12px}.import-dropzone{cursor:pointer;border:2px dashed #cbd5e1;border-radius:12px;padding:28px;text-align:center;transition:border-color .15s,background-color .15s}.import-dropzone.is-ready{border-color:#99f6e4}.import-dropzone.is-ready:hover,.import-dropzone.is-ready.is-dragging{border-color:#2dd4bf;background:#f0fdfa}.import-dropzone.is-ai{border-color:#d8b4fe}.import-dropzone.is-ai:hover,.import-dropzone.is-ai.is-dragging{border-color:#a855f7;background:#faf5ff}.import-file-actions{display:flex;justify-content:center;gap:14px;margin-top:10px}.import-file-actions button{color:#2563eb;font-size:12px;font-weight:600}.import-file-actions button:hover{text-decoration:underline}.import-file-actions .is-remove{color:#dc2626}
@media(max-width:640px){.import-card{padding:18px}.import-form-stack{gap:20px}.import-mode-switch{display:grid;grid-template-columns:1fr 1fr}.import-mode-button{justify-content:center;padding-left:10px;padding-right:10px}.import-template-row{align-items:flex-start;flex-direction:column}.import-fields-grid{grid-template-columns:1fr;gap:14px}.import-dropzone{padding:24px 16px}}
.import-campaign-picker{position:relative}.import-campaign-trigger{display:flex;width:100%;height:44px;align-items:center;gap:10px;border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:0 12px;text-align:left;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}.import-campaign-trigger:hover{border-color:#bfdbfe;background:#f8fafc}.import-campaign-trigger:focus-visible,.import-campaign-trigger[aria-expanded=true]{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.import-campaign-value{min-width:0;flex:1;overflow:hidden;color:#1f2937;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.import-campaign-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:45;width:100%;max-height:248px;overflow-y:auto;border:1px solid #dbe2ea;border-radius:10px;background:#fff;padding:4px;box-shadow:0 8px 20px rgba(15,23,42,.1)}.import-campaign-option{display:flex;width:100%;min-height:44px;align-items:center;justify-content:space-between;gap:10px;border-radius:7px;padding:9px 11px;color:#334155;font-size:14px;text-align:left}.import-campaign-option:hover,.import-campaign-option.is-active,.import-campaign-option.is-selected{background:#eff6ff}.import-campaign-option i{flex:none;color:#2563eb;font-size:18px}