@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg-0: #eef2f6;--bg-1: #f7f9fc;--panel: rgba(255, 255, 255, .9);--line: #d4dce6;--text: #12243b;--muted: #607086;--accent: #0f6d9b;--accent-2: #0b86bf;--ok: #1f9254;--warn: #b87703;--danger: #ba2d2d}*{box-sizing:border-box}body{margin:0;font-family:Manrope,PingFang SC,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#d8e9ff 0%,transparent 55%),radial-gradient(900px 450px at 95% -20%,#d8f3ee 0%,transparent 52%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%)}.app-shell{max-width:1200px;margin:0 auto;padding:24px}.hero{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:end;margin-bottom:18px}.eyebrow{margin:0;color:#0b86bf;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}h1{margin:6px 0;font-size:clamp(30px,5vw,42px);line-height:1.1}.subtitle{margin:0;color:var(--muted)}.shop-handle{display:grid;gap:6px;font-weight:600}.shop-handle span{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;box-shadow:0 14px 38px #17255414}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}h2{margin:0;font-size:18px}.pill{font-size:12px;color:var(--muted);border:1px solid var(--line);background:#f8fafc;padding:4px 8px;border-radius:999px}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.connector-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px}.connector-meta h3{margin:0;font-size:20px}.connector-meta p{margin:6px 0;color:var(--muted)}.meta-row{display:flex;gap:8px;flex-wrap:wrap}.meta-row span{background:#edf5fa;color:#1b4f70;font-size:12px;border-radius:999px;padding:3px 8px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}label{display:grid;gap:6px;font-size:13px;font-weight:600}input{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;background:#fbfdff}input:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px #0b86bf26}.actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}button{border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-weight:700;background:#fff;cursor:pointer}.tabs button.active,.actions button,.panel-head>button{color:#fff;border-color:#0f6d9b;background:linear-gradient(135deg,#0f6d9b,#0b86bf)}.feedback{margin:0;font-size:13px}.feedback.success{color:var(--ok)}.feedback.error{color:var(--danger)}.split{margin-top:16px;display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:10px;border-bottom:1px solid #ebeff5;text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.cell-title{font-weight:700}.cell-sub{font-size:12px;color:var(--muted);margin-top:4px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.status.ok{color:var(--ok);background:#eaf8f0}.status.warn{color:var(--warn);background:#fff6e8}.status.danger{color:var(--danger);background:#fdeeee}.status.neutral{color:#516176;background:#eef3f8}.log-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.log-list li{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px}.log-head{display:flex;justify-content:space-between;gap:8px}.log-head span{color:var(--muted);font-size:12px}.log-meta{margin-top:8px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}@media(max-width:980px){.hero,.split{grid-template-columns:1fr}}.admin-shell{max-width:1460px;margin:0 auto;padding:24px 28px}.admin-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.admin-header h1{margin:0;font-size:clamp(28px,4.5vw,40px)}.admin-header p{margin:6px 0 0;color:var(--muted)}.feedback.banner{margin:0 0 12px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fff}.admin-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.admin-topbar{margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar-tip{margin:0;font-size:13px;color:var(--muted)}.topbar-actions{margin:0;justify-content:flex-end}.admin-sidebar{display:grid;gap:12px;align-content:start}.side-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 12px 28px #17255412}.side-card h2{margin:0 0 10px;font-size:16px}.step-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.step-btn{width:100%;text-align:left;display:grid;gap:3px;border-radius:12px;border:1px solid var(--line);background:#fff;padding:10px}.step-btn.active{color:#fff;border-color:#0f6d9b;background:linear-gradient(135deg,#0f6d9b,#0b86bf)}.step-title{font-weight:700;font-size:14px}.step-sub{font-size:12px;color:var(--muted)}.step-btn.active .step-sub{color:#ffffffd6}.step-state{justify-self:start;margin-top:4px;font-size:11px;border-radius:999px;padding:2px 8px;border:1px solid var(--line)}.step-state.done{background:#eaf8f0;color:var(--ok)}.step-state.todo{background:#f4f7fb;color:#5b6b81}.admin-main{display:grid;gap:16px}.admin-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 14px 38px #17255414;display:grid;gap:10px}.admin-card.auth{max-width:460px;margin:60px auto 0}.admin-card h2{margin:0}.card-tip{margin:0;color:var(--muted);font-size:13px}select,textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;background:#fbfdff;font-family:inherit}textarea{resize:vertical;min-height:96px}select:focus,textarea:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px #0b86bf26}.checkbox{display:flex;align-items:center;gap:8px;font-weight:600}.checkbox input{width:16px;height:16px;padding:0;border-radius:4px}.version-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.version-list li{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px}.version-list p{margin:4px 0 0;font-size:12px}.admin-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-kpis.one-col{grid-template-columns:1fr}.kpi{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;display:grid;gap:6px}.kpi span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.kpi strong{font-size:20px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-primary{color:#fff;border-color:#0f6d9b;background:linear-gradient(135deg,#0f6d9b,#0b86bf)}.btn-secondary{color:#1f334b;background:#fff;border:1px solid var(--line)}.display-table{border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr) 70px 70px 90px}.display-head{padding:10px;background:#eff5fb;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.display-row{display:contents}.display-row>input,.display-row>div,.tiny-check{border:0;border-radius:0;min-height:52px;border-bottom:1px solid #e8edf4;border-right:1px solid #e8edf4;background:#fff}.display-row>div{display:flex;align-items:center;justify-content:center}.tiny-check{display:flex;align-items:center;justify-content:center}.tiny-check input{width:16px;height:16px}.cell-muted{font-size:12px;color:var(--muted)}.mapping-editor{display:grid;gap:10px}.capability-switch{display:flex;flex-wrap:wrap;gap:8px}.capability-switch button{background:#fff;color:#1f334b}.capability-switch button.active{color:#fff;border-color:#0f6d9b;background:linear-gradient(135deg,#0f6d9b,#0b86bf)}.capability-desc{margin:0;color:var(--muted);font-size:13px}.mapping-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mapping-head-actions{display:flex;align-items:center;gap:8px}.mapping-hint{margin:0;color:var(--muted);font-size:13px}.mapping-table{border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(280px,1.2fr) 84px}.mapping-table-head{padding:10px;background:#eff5fb;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.mapping-table-row{display:contents}.mapping-table-row>input,.mapping-table-row>textarea,.mapping-table-row>button{border:0;border-radius:0;min-height:52px;border-bottom:1px solid #e8edf4;border-right:1px solid #e8edf4;background:#fff}.mapping-table-row>textarea{min-height:78px}.mapping-table-row>button{padding:0 10px;font-size:12px;border-right:0;background:#f9fbfe}.mapping-table-row>input:focus,.mapping-table-row>textarea:focus{box-shadow:inset 0 0 0 2px #0b86bf29}@media(max-width:980px){.admin-layout{grid-template-columns:1fr}.admin-shell{padding:18px}.admin-topbar{flex-direction:column;align-items:flex-start}.admin-sidebar{order:2}.admin-main{order:1}.admin-kpis,.admin-kpis.one-col{grid-template-columns:1fr 1fr}.display-table{grid-template-columns:1fr}.display-head{display:none}.display-row>input,.display-row>div,.tiny-check{border-right:0}.mapping-table{grid-template-columns:1fr}.mapping-table-head{display:none}.mapping-table-row>input,.mapping-table-row>textarea,.mapping-table-row>button{border-right:0}}