:root{--navy:#032945;--blue:#087fca;--cyan:#1ac7e8;--green:#77bd2a;--bg:#eef6f9;--ink:#102537;--muted:#668095;--line:#d7e7ef;--shadow:0 18px 45px rgba(3,41,69,.1)}
body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 80% 0,#dff7fc 0,transparent 28%),var(--bg)}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.13;pointer-events:none}.ambient-one{width:420px;height:420px;background:var(--cyan);right:-170px;top:90px}.ambient-two{width:330px;height:330px;background:var(--green);left:180px;bottom:-190px}.sidebar{background:linear-gradient(165deg,#052f50 0,#021c31 72%);border-right:1px solid rgba(36,184,225,.16);box-shadow:20px 0 60px rgba(2,27,48,.13)}.brand-mark{background:#fff;border-radius:14px;padding:4px;box-shadow:0 0 24px rgba(26,199,232,.18)}.brand-mark img{border-radius:10px}.brand small{color:#85d9ee;letter-spacing:1.5px;font-size:9px}.sidebar nav a{display:flex;align-items:center;gap:12px;position:relative}.sidebar nav a svg{width:19px}.sidebar nav a.active{background:linear-gradient(90deg,rgba(8,127,202,.42),rgba(26,199,232,.08));box-shadow:inset 3px 0 var(--cyan)}.nav-label{font-size:9px;letter-spacing:1.5px;color:#6f9db8;padding:18px 14px 5px}.user-card{margin-top:auto;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);padding:10px;border-radius:14px}.user-card .avatar{width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;font-weight:800}.user-card>div:nth-child(2){min-width:0;flex:1}.user-card b,.user-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card b{font-size:11px}.user-card small{font-size:9px;color:#9cc1d5}.icon-btn{border:0;background:rgba(8,127,202,.1);color:inherit;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;cursor:pointer}.icon-btn svg{width:18px}.topbar{background:rgba(255,255,255,.82);backdrop-filter:blur(18px)}.topbar small{display:flex;align-items:center;gap:5px}.topbar small svg{width:12px;color:var(--green)}.panel,.metric{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,253,255,.9));border-color:rgba(151,193,213,.38);box-shadow:var(--shadow)}.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-30px;top:-30px;background:var(--cyan);opacity:.06}.btn{background:linear-gradient(135deg,var(--blue),#0968aa);box-shadow:0 8px 20px rgba(8,127,202,.22)}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.green{background:linear-gradient(135deg,var(--green),#5c9b19)}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(26,199,232,.12)}.eyebrow{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:1.6px}.eyebrow svg{width:14px}.connection{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:99px;font-size:12px;font-weight:700}.connection svg{width:16px}.connection.ok{background:#def7e3;color:#26723a}.connection.off{background:#ffe6e9;color:#a82b39}.hero-actions{justify-content:flex-end;margin-bottom:18px}.integration-cards{grid-template-columns:repeat(4,1fr)}.metric-icon,.feature-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:12px}.metric-icon svg,.feature-icon svg{width:21px}.metric-icon.blue{background:#dff1fc;color:#087fca}.metric-icon.green{background:#e8f6da;color:#579719}.metric-icon.cyan{background:#dff9fc;color:#0999b5}.metric-icon.violet{background:#eee8ff;color:#6b4bc3}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title>svg{color:var(--blue)}.panel-title h2{margin:3px 0 16px}.list-stack{display:grid;gap:8px}.data-row{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:12px}.data-row>div:nth-child(2){flex:1}.data-row b,.data-row small{display:block}.data-row small{color:var(--muted)}.data-icon{width:34px;height:34px;border-radius:9px;background:#e5f5fb;color:var(--blue);display:grid;place-items:center}.data-icon svg{width:17px}.chip-cloud{display:flex;flex-wrap:wrap;gap:8px}.chip-cloud span{display:flex;align-items:center;gap:5px;background:#edf7fb;border:1px solid #d6edf5;padding:8px 10px;border-radius:99px;font-size:12px}.chip-cloud svg{width:13px;color:var(--blue)}.inline-status{display:flex;gap:10px;padding:13px;border-radius:12px;margin-bottom:17px}.inline-status b,.inline-status span{display:block}.inline-status span{font-size:12px}.inline-status.danger{background:#ffe8eb;color:#982936}.empty-state{text-align:center;padding:45px}.empty-state .feature-icon{margin:0 auto 15px;background:#e1f4fb;color:var(--blue);width:55px;height:55px}.validation-list{text-align:left}.validation-list p{margin:7px 0;padding-left:16px;position:relative}.validation-list p:before{content:"";width:6px;height:6px;background:#e3a008;border-radius:50%;position:absolute;left:0;top:8px}.swal2-popup{border-radius:20px!important;font-family:Inter,system-ui,sans-serif!important}.swal2-confirm,.swal2-cancel{border-radius:10px!important}.live.offline{color:#bb3341}.live.offline i{background:#e3485a;box-shadow:0 0 0 4px #ffe1e5}
@media(max-width:760px){.integration-cards{grid-template-columns:1fr 1fr}.hero-actions{justify-content:stretch}.hero-actions form,.hero-actions button{width:100%}.page-head .connection{align-self:flex-start}.sidebar{width:285px}.mobile-nav svg{width:20px;margin:auto}.mobile-add svg{width:26px}.ambient{display:none}}