:root{--bg:#f4f6fb;--surface:#fff;--surface-2:#f8f9fd;--sidebar:#111528;--sidebar-2:#181d36;--text:#15182a;--muted:#6f7690;--border:#e5e8f1;--primary:#6d5dfc;--primary-2:#5040e7;--success:#18a76b;--danger:#e34b5f;--warning:#e69a19;--info:#2687e9;--shadow:0 14px 40px rgba(24,29,54,.08);--radius:18px;--radius-sm:12px;--sidebar-w:264px}
[data-theme="dark"]{--bg:#0d1020;--surface:#151a2f;--surface-2:#1b213a;--text:#f4f5fb;--muted:#a2aac4;--border:#2a314d;--sidebar:#080a13;--sidebar-2:#111528;--shadow:0 18px 50px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:linear-gradient(180deg,var(--sidebar),#0c0f1e);color:#fff;padding:18px 14px;overflow:auto;z-index:50;transition:.25s}.brand{height:60px;display:flex;align-items:center;gap:12px;padding:0 10px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#7c6cff,#4e3fe6);font-weight:900;box-shadow:0 8px 24px rgba(109,93,252,.4)}.brand strong{display:block;font-size:15px}.brand small{color:#929bbd}.workspace-card{margin:16px 4px 12px;padding:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px}.workspace-card select{width:100%;background:transparent;color:#fff;border:0;outline:0}.workspace-card option{color:#111}.nav-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#727b9e;padding:16px 12px 7px}.nav{display:grid;gap:4px}.nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:#b8bfd7;font-weight:600;transition:.2s}.nav a:hover,.nav a.active{background:rgba(109,93,252,.17);color:#fff}.nav a.active{box-shadow:inset 3px 0 0 #8b7dff}.nav .ico{width:22px;text-align:center;font-size:16px}.sidebar-foot{padding:16px 8px 4px;color:#717a99;font-size:11px}.main{margin-left:var(--sidebar-w);min-height:100vh}.topbar{height:72px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30;backdrop-filter:blur(15px)}.topbar-left,.topbar-right,.actions{display:flex;align-items:center;gap:10px}.mobile-toggle{display:none}.breadcrumb{color:var(--muted);font-size:13px}.top-icon{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#6d5dfc,#a56bff);display:grid;place-items:center;color:#fff;font-weight:800}.user-meta strong{display:block;font-size:13px}.user-meta small{color:var(--muted)}.content{padding:28px;max-width:1660px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{font-size:27px;line-height:1.2;margin:0 0 7px;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted);max-width:760px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card h2,.card h3{margin:0 0 14px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpis{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:14px;margin-bottom:20px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:17px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:var(--tone,#6d5dfc);opacity:.08;right:-20px;top:-20px}.kpi .label{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.kpi .value{font-size:26px;font-weight:850;letter-spacing:-.04em;margin-top:8px}.kpi .hint{font-size:11px;color:var(--muted);margin-top:5px}.btn{border:0;border-radius:11px;padding:10px 14px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 8px 20px rgba(109,93,252,.22)}.btn-outline{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn-danger{background:#fff0f2;color:var(--danger);border:1px solid #ffd3da}.btn-success{background:#eafaf3;color:var(--success);border:1px solid #c6f0de}.btn-sm{padding:7px 10px;border-radius:9px;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:750;font-size:12px}.field small,.muted{color:var(--muted)}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text);padding:11px 12px;outline:none;transition:.2s}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(109,93,252,.12)}.textarea{min-height:112px;resize:vertical}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}.switch-row:last-child{border:0}.switch{position:relative;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#c4c9d7;border-radius:99px;transition:.2s}.switch span:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.2)}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translateX(20px)}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:var(--surface-2);border:1px solid var(--border);font-size:11px;font-weight:800}.badge-success{background:#eafaf3;border-color:#c7efdd;color:#118258}.badge-danger{background:#fff0f2;border-color:#ffd3da;color:#c83d50}.badge-warning{background:#fff8e9;border-color:#f8e2ad;color:#a86d06}.badge-info{background:#edf5ff;border-color:#cee4ff;color:#176fc4}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{padding:13px 15px;text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);border-bottom:1px solid var(--border)}.table td{padding:14px 15px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border:0}.table tbody tr:hover{background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.flash{padding:13px 15px;border-radius:12px;margin-bottom:18px;border:1px solid}.flash-success{background:#eafaf3;border-color:#c7efdd;color:#126e4e}.flash-danger{background:#fff0f2;border-color:#ffd3da;color:#ae3143}.flash-warning{background:#fff8e9;border-color:#f8e2ad;color:#926006}.alert{padding:14px;border-radius:12px;border:1px solid;margin:12px 0}.alert-info{background:#edf5ff;border-color:#cee4ff;color:#1764a9}.alert-warning{background:#fff8e9;border-color:#f8e2ad;color:#8b5c08}.alert-danger{background:#fff0f2;border-color:#ffd3da;color:#a8293b}.codebox{background:#101426;color:#dbe2ff;border-radius:12px;padding:13px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.empty{text-align:center;color:var(--muted);padding:38px}.product-card{display:grid;grid-template-columns:90px 1fr;gap:16px}.product-card img{width:90px;height:90px;border-radius:15px;object-fit:cover;background:var(--surface-2)}.connection-card{display:flex;gap:15px;align-items:flex-start}.channel-logo{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#8259f7,#e14f9f);color:#fff}.channel-logo.fb{background:linear-gradient(135deg,#1988ff,#155ac1)}.list{display:grid;gap:10px}.list-item{padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);display:flex;justify-content:space-between;gap:12px;align-items:center}.metric-bar{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden}.metric-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#a56bff);border-radius:99px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#0d1020}.login-visual{padding:7vw;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(109,93,252,.45),transparent 35%),radial-gradient(circle at 80% 80%,rgba(229,76,158,.22),transparent 30%)}.login-visual h1{font-size:clamp(38px,5vw,72px);line-height:1.02;letter-spacing:-.06em;margin:24px 0}.login-visual p{color:#b8bfd7;font-size:18px;max-width:620px}.login-panel{display:grid;place-items:center;padding:30px;background:var(--bg)}.login-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.login-card h2{font-size:26px;margin:0 0 6px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:6px;top:5px;bottom:5px;width:2px;background:var(--border)}.timeline-item{position:relative;padding:0 0 18px}.timeline-item:before{content:"";position:absolute;left:-21px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--primary);border:3px solid var(--surface)}.message{max-width:78%;padding:11px 13px;border-radius:15px;margin:8px 0;background:var(--surface-2);border:1px solid var(--border)}.message.out{margin-left:auto;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:0}.mobile-overlay{display:none}.pagination{display:flex;gap:8px}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-0{margin-bottom:0}.text-right{text-align:right}
@media(max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{transform:translateX(-100%)}body.sidebar-open .sidebar{transform:translateX(0)}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:40;opacity:0;pointer-events:none;transition:.2s}body.sidebar-open .mobile-overlay{opacity:1;pointer-events:auto}.main{margin-left:0}.mobile-toggle{display:grid}.content{padding:20px}.topbar{padding:0 18px}.grid-2,.grid-3,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.page-head{flex-direction:column}.login-page{grid-template-columns:1fr}.login-visual{display:none}}
@media(max-width:600px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:1fr}.content{padding:15px}.topbar{height:64px}.user-meta,.breadcrumb{display:none}.card{padding:16px}.page-head h1{font-size:23px}.product-card{grid-template-columns:64px 1fr}.product-card img{width:64px;height:64px}.actions{flex-wrap:wrap}}
.toggle{position:relative;width:44px;height:24px;display:inline-block}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;inset:0;background:#c4c9d7;border-radius:99px;transition:.2s}.toggle .slider:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.2)}.toggle input:checked+.slider{background:var(--primary)}.toggle input:checked+.slider:after{transform:translateX(20px)}.platform{display:inline-flex;align-items:center;gap:7px}.flow-canvas{min-height:640px;border:1px dashed var(--border);border-radius:18px;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:20px 20px;position:relative;overflow:auto}.flow-node{position:absolute;width:250px;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);cursor:move}.flow-node strong{display:block;margin-bottom:6px}.flow-node small{color:var(--muted)}
.thumb{width:96px;height:96px;border-radius:13px;object-fit:cover;background:var(--surface-2)}.builder-shell{display:grid;grid-template-columns:220px minmax(600px,1fr) 300px;gap:14px;height:calc(100vh - 130px)}.builder-toolbox,.builder-inspector,.builder-canvas{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:auto}.builder-toolbox,.builder-inspector{padding:16px}.builder-canvas{position:relative}.builder-toolbar{height:58px;padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.builder-stage{position:relative;width:1400px;height:850px;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:20px 20px}.tool{padding:10px;border:1px solid var(--border);border-radius:10px;margin:7px 0;background:var(--surface-2);font-weight:700;cursor:pointer}.tool:hover{border-color:var(--primary)}.node{position:absolute;width:260px;min-height:110px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);cursor:move;z-index:2}.node.selected{outline:3px solid rgba(109,93,252,.22);border-color:var(--primary)}.node-head{padding:11px 12px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:8px;font-weight:800}.node-type{font-size:9px;text-transform:uppercase;color:var(--primary)}.node-body{padding:12px;white-space:pre-wrap;color:var(--muted);font-size:12px}.edge-layer{position:absolute;inset:0;pointer-events:none;z-index:1}.edge-layer line{stroke:var(--primary);stroke-width:2}.messages{height:520px;overflow:auto;padding:12px;background:var(--surface-2);border-radius:14px}.bubble{max-width:78%;padding:11px 13px;border-radius:15px 15px 15px 4px;background:var(--surface);border:1px solid var(--border);margin:8px 0;white-space:pre-wrap}.bubble.out{margin-left:auto;border-radius:15px 15px 4px 15px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:0}.bubble-meta{font-size:10px;opacity:.7;margin-top:5px}.composer{padding-top:13px}.composer-row{display:grid;grid-template-columns:1fr auto;gap:10px}.chat .textarea{min-height:90px}@media(max-width:1200px){.builder-shell{grid-template-columns:180px minmax(560px,1fr)}.builder-inspector{grid-column:1/-1;height:260px}}@media(max-width:900px){.builder-shell{display:block;height:auto}.builder-toolbox,.builder-inspector{margin-bottom:12px}.builder-canvas{overflow:auto;height:680px}}
/* Control Center 3.1 */
.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:850;color:var(--muted);margin-bottom:8px}.config-overview .card{min-height:150px}.config-form{display:grid;gap:16px}.config-section{padding:0;overflow:hidden}.config-section>summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));border-bottom:1px solid transparent}.config-section[open]>summary{border-bottom-color:var(--border)}.config-section>summary::-webkit-details-marker{display:none}.config-section>summary strong{display:block;font-size:16px}.config-section>summary small{display:block;color:var(--muted);margin-top:2px}.config-section>summary>span{font-size:22px;color:var(--primary);transition:.2s}.config-section[open]>summary>span{transform:rotate(45deg)}.config-fields{padding:20px}.field-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.env-key{font-size:10px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:3px 6px}.field-warning{font-size:11px;color:#936005;background:#fff8e9;border:1px solid #f8e2ad;border-radius:9px;padding:8px}.field-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.config-savebar{position:sticky;bottom:14px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 20px 60px rgba(20,24,42,.18)}@media(max-width:900px){.config-savebar{position:static;align-items:stretch;flex-direction:column}.config-overview{grid-template-columns:1fr}}

.secret-clear{display:flex!important;align-items:center;gap:7px;font-size:11px!important;color:var(--danger);font-weight:650!important}.secret-clear input{accent-color:var(--danger)}