:root{color:#18222f;font-synthesis:none;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#cbd3dd;background:#121a24;flex-direction:column;height:100vh;padding:25px 17px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #26303c;align-items:center;gap:11px;padding:0 9px 25px;display:flex}.brand-mark{color:#101820;background:#d9ff52;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.brand strong,.brand span{display:block}.brand strong{color:#fff;font-size:17px;font-weight:700}.brand span{color:#7f8b99;margin-top:1px;font-size:11px}nav{gap:4px;margin-top:24px;display:grid}nav button{color:#8f9baa;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:10px 12px;display:flex}nav button:hover,nav button.active{color:#f8fafc;background:#202a36}nav button.active svg{color:#d9ff52}.environment{background:#18222d;border:1px solid #2b3744;border-radius:10px;align-items:center;gap:9px;margin-top:auto;padding:12px;display:flex}.environment svg{color:#d9ff52}.environment strong,.environment span{font-size:12px;display:block}.environment span{color:#748190;margin-top:2px;font-size:10px}main{min-width:0}header{background:#fff;border-bottom:1px solid #e4e8ed;justify-content:flex-end;align-items:center;gap:22px;height:64px;padding:0 32px;display:flex}.status{color:#667280;align-items:center;gap:7px;font-size:12px;display:flex}.status>span{background:#58b573;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e4f5e8}.avatar{color:#18222f;cursor:pointer;background:#d9ff52;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.user-email{color:#6d7886;font-size:11px}.content{max-width:1440px;margin:0 auto;padding:35px 38px 60px}.hero-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.3px;margin:0 0 8px;font-weight:700;color:#718090!important;font-size:10px!important}h1{letter-spacing:-.6px;color:#121a24;margin:0;font-size:28px;font-weight:700}.hero-row p{color:#6d7886;margin:7px 0 0;font-size:14px}button.primary{color:#fff;cursor:pointer;background:#18222f;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;display:flex;box-shadow:0 5px 14px #18222f26}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px;display:grid}.stat{background:#fff;border:1px solid #e1e6eb;border-radius:10px;padding:18px 17px;position:relative;box-shadow:0 1px 2px #0f172a06}.stat>span{color:#6c7885;margin-left:13px;font-size:11px}.stat strong{margin:15px 0 4px;font-size:24px;font-weight:700;display:block}.stat small{color:#8a95a1;font-size:11px}.dot{background:#8c99a7;border-radius:50%;width:6px;height:6px;position:absolute;top:23px}.dot.green{background:#57b675}.dot.amber{background:#e5aa45}.grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:15px;display:grid}.panel{background:#fff;border:1px solid #e1e6eb;border-radius:10px;min-height:300px;padding:20px}.panel-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-title h2{margin:0;font-size:15px;font-weight:700}.panel-title p{color:#87919d;margin:5px 0 0;font-size:11px}.ghost{color:#64717f;cursor:pointer;background:0 0;border:0;gap:5px;font-size:11px;display:flex}.empty{color:#9aa4af;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.empty svg{color:#798694;margin-bottom:12px}.empty strong{color:#34404c;font-size:13px}.empty span{max-width:330px;margin:6px 0 15px;font-size:11px;line-height:1.5}.empty button,.full{color:#364351;cursor:pointer;background:#fff;border:1px solid #d7dde3;border-radius:7px;padding:8px 12px;font-size:11px}.badge{border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:600;display:flex}.badge.green{color:#31864d;background:#eaf7ed}.health{margin:25px 0 0}.health div{border-bottom:1px solid #edf0f3;justify-content:space-between;padding:13px 0;display:flex}.health dt{color:#87919d;font-size:11px}.health dd{margin:0;font-size:11px;font-weight:600}.steps{margin:0;padding:17px 0 8px;list-style:none}.steps li{gap:10px;padding:10px 0;display:flex}.steps li>span{color:#273341;background:#eff3f6;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:10px;font-weight:700;display:grid}.steps strong,.steps small{display:block}.steps strong{font-size:11px}.steps small{color:#919aa5;margin-top:3px;font-size:10px}.full{justify-content:center;align-items:center;gap:7px;width:100%;display:flex}.account-list{border-top:1px solid #edf0f3;margin-top:20px}.account-row{border-bottom:1px solid #edf0f3;grid-template-columns:34px minmax(130px,1fr) minmax(170px,auto) minmax(150px,.8fr);align-items:center;gap:12px;min-height:76px;display:grid}.account-icon{color:#25313e;background:#edf2f5;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.account-name strong,.account-name span,.account-proxy strong,.account-proxy span{display:block}.account-name strong,.account-proxy strong{font-size:11px}.account-name span,.account-proxy span{color:#8a95a1;margin-top:3px;font-size:10px}.account-state{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.account-state small{color:#8a95a1;white-space:nowrap;font-size:9px}.badge.amber{color:#8a6423;background:#fff4dd}@media (width<=980px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (width<=720px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav,.environment{display:none}.brand{border:0;padding-bottom:0}.content{padding:25px 18px}.hero-row{flex-direction:column;align-items:flex-start}.stats{grid-template-columns:1fr}header{padding:0 18px}}@media (width<=600px){.account-row{grid-template-columns:34px 1fr;padding:12px 0}.account-state,.account-proxy{grid-column:2}.account-proxy{padding-bottom:4px}}.loading{color:#d9ff52;background:#121a24;place-items:center;min-height:100vh;font-size:20px;font-weight:700;display:grid}.login-page{background:radial-gradient(circle at 75% 20%,#2a3948,#121a24 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:14px;width:min(430px,100%);padding:34px;box-shadow:0 28px 70px #0005}.login-card .brand{color:#18222f;border-color:#e4e8ed;margin-bottom:32px;padding:0 0 22px}.login-card .brand strong{color:#18222f}.login-card h1{font-size:25px}.login-copy{color:#74808c;margin:8px 0 26px;font-size:13px}.login-card form{gap:15px;display:grid}.login-card label{color:#4d5966;gap:7px;font-size:11px;font-weight:650;display:grid}.login-card input{width:100%;font:inherit;border:1px solid #d7dde3;border-radius:8px;outline:0;padding:12px 13px}.login-card input:focus{border-color:#778695;box-shadow:0 0 0 3px #18222f12}.login-submit{justify-content:center;width:100%;margin-top:5px}.login-submit:disabled,.link-button:disabled{opacity:.6;cursor:wait}.link-button{color:#536171;cursor:pointer;background:0 0;border:0;width:100%;margin-top:15px;font-size:11px}.login-message{color:#536171;text-align:center;background:#f2f5f7;border-radius:7px;margin:14px 0 0;padding:10px;font-size:11px}.auth-error{color:#fff;background:#8d2c2c;border-radius:8px;max-width:420px;padding:11px 15px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0003}.stack{gap:15px;display:grid}.panel.compact{min-height:180px}.proxy-list,.table-list{border-top:1px solid #edf0f3;margin-top:20px}.proxy-row{border-bottom:1px solid #edf0f3;grid-template-columns:34px minmax(150px,1fr) auto minmax(100px,.4fr);align-items:center;gap:14px;min-height:70px;display:grid}.proxy-row strong,.proxy-row span,.table-row strong,.table-row span{font-size:11px;display:block}.proxy-row div>span,.table-row div>span{color:#8a95a1;margin-top:3px;font-size:10px}.table-row{color:#7a8693;border-bottom:1px solid #edf0f3;grid-template-columns:1fr auto minmax(160px,.5fr);align-items:center;gap:16px;min-height:58px;display:grid}.proxy-health{justify-content:space-between;align-items:center;gap:10px;display:flex}.proxy-health button{color:#667482;cursor:pointer;background:#fff;border:1px solid #d8dfe5;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.proxy-health button:disabled{opacity:.55;cursor:wait}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b1119a8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:min(570px,100%);max-height:calc(100vh - 44px);padding:23px;overflow:auto;box-shadow:0 30px 80px #0006}.modal-title{border-bottom:1px solid #e6eaee;justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.modal-title h2{margin:0;font-size:17px}.modal-title button{color:#687583;cursor:pointer;background:0 0;border:0;padding:5px}.admin-form{gap:16px;padding-top:20px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-form label{color:#53606d;gap:7px;font-size:11px;font-weight:650;display:grid}.admin-form input,.admin-form select,.admin-form textarea{color:#26313d;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #d5dce2;border-radius:8px;outline:0;padding:11px 12px}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#667583;box-shadow:0 0 0 3px #18222f12}.span-2{grid-column:span 2}.form-note{color:#687583;background:#f3f6f8;border-radius:8px;margin:0;padding:11px 12px;font-size:10px;line-height:1.55}.form-error{color:#9a3434;margin:0;font-size:11px}.form-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.form-actions>button:not(.primary){color:#53606d;cursor:pointer;background:#fff;border:1px solid #d7dde3;border-radius:8px;padding:10px 14px}.form-actions .primary{justify-content:center}.form-actions button:disabled{opacity:.55;cursor:wait}.optional{color:#98a2ad;font-size:9px;font-weight:500}.flow-list{border-top:1px solid #edf0f3;margin-top:20px}.flow-row{border-bottom:1px solid #edf0f3;grid-template-columns:minmax(220px,1fr) auto minmax(120px,.35fr);align-items:center;gap:16px;min-height:76px;display:grid}.flow-route strong,.flow-route span,.flow-media strong,.flow-media span{display:block}.flow-route strong,.flow-media strong{font-size:11px}.flow-route span{color:#7d8995;align-items:center;gap:5px;margin-top:5px;font-size:10px;display:flex}.flow-media span{color:#919ba5;margin-top:4px;font-size:9px}.endpoint-editor{border:1px solid #dfe5ea;border-radius:9px;margin:0;padding:13px}.endpoint-editor legend{color:#53606d;padding:0 6px;font-size:11px;font-weight:700}.endpoint-block{margin-bottom:9px}.endpoint-input{grid-template-columns:155px 1fr 34px;gap:8px;display:grid}.endpoint-input button{color:#7b8793;cursor:pointer;background:#fff;border:1px solid #d7dde3;border-radius:7px;place-items:center;display:grid}.endpoint-input button:disabled{opacity:.35;cursor:default}.feed-settings{grid-template-columns:155px auto 1fr;align-items:center;gap:8px;padding:7px 42px 0 0;display:grid}.feed-settings select{padding:8px 9px}.feed-settings button{color:#40515e;cursor:pointer;background:#f8fafb;border:1px solid #cdd8df;border-radius:7px;padding:8px 11px;font-size:9px}.feed-settings button:disabled{opacity:.55;cursor:wait}.feed-settings span{color:#6f7d89;font-size:9px;line-height:1.35}.feed-settings.error span{color:#9a3434}.add-endpoint{color:#526170;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px 2px;font-size:10px;display:flex}.flow-card{border-bottom:1px solid #edf0f3}.flow-card .flow-row{border-bottom:0}.endpoint-summary{color:#84909b;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:0 0 13px;font-size:9px;display:grid}.endpoint-summary span:last-child{text-align:right}.access-action{background:#fff8e8;border:1px solid #f0d99f;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 13px;padding:11px 12px;display:flex}.access-action strong,.access-action span{display:block}.access-action strong{color:#6c501c;font-size:10px}.access-action span{color:#806b43;margin-top:4px;font-size:9px}.access-action button{color:#6c501c;cursor:pointer;background:#fff;border:1px solid #ddc581;border-radius:7px;flex:none;padding:7px 10px;font-size:9px}.flow-name-line{align-items:center;gap:8px;display:flex}.flow-actions{gap:2px!important;margin:0!important;display:flex!important}.flow-actions button{color:#798592;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:4px;display:grid}.flow-actions button:hover{color:#273442;background:#eef2f5}.flow-actions button.danger:hover{color:#a53d3d;background:#fff0f0}.flow-actions button.resume{color:#31864d}.flow-actions button.resume:hover{color:#236c3b;background:#eaf7ed}.flow-actions button.test{color:#755d15;background:#f6f8e8}.flow-actions button.test:hover{color:#4f640d;background:#edfacb}.preview-result{background:#f8fafb;border:1px solid #dce3e8;border-radius:9px;padding:14px}.preview-result-title{border-bottom:1px solid #e3e8ec;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.preview-result-title strong{font-size:11px}.preview-result-title span{color:#84909b;font-size:9px}.preview-result>p{color:#34404c;white-space:pre-wrap;margin:13px 0 0;font-size:11px;line-height:1.6}.preview-result>img{object-fit:contain;background:#e9eef1;border-radius:8px;width:100%;max-height:430px;margin-top:13px;display:block}.preview-result>em{color:#8b96a0;padding-top:12px;font-size:10px;display:block}.empty-page{color:#7b8793;text-align:center;align-content:center;place-items:center;gap:12px;min-height:60vh;display:grid}.empty-page h1,.empty-page p{margin:0}.empty-page p{font-size:12px}.message-panel{min-height:420px}.message-list{gap:12px;margin-top:20px;display:grid}.message-card{background:#fbfcfd;border:1px solid #e2e7ec;border-radius:10px;padding:15px}.message-meta{border-bottom:1px solid #e8edf1;justify-content:space-between;gap:18px;padding-bottom:12px;display:flex}.message-meta strong,.message-meta span{display:block}.message-meta strong{font-size:11px}.message-meta span,.message-meta time{color:#8a95a1;margin-top:4px;font-size:9px}.message-columns{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:13px;padding:14px 0;display:grid}.message-columns>svg{color:#9aa5b0}.message-columns label{color:#7b8793;letter-spacing:.7px;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.message-columns p{color:#34404c;white-space:pre-wrap;max-height:150px;margin:7px 0 0;font-size:11px;line-height:1.55;overflow:auto}.message-columns em{color:#98a2ad}.media-count{color:#657382;align-items:center;gap:5px;margin-top:9px;font-size:9px;display:flex}.message-statuses{border-top:1px solid #e8edf1;flex-wrap:wrap;align-items:center;gap:7px;padding-top:10px;display:flex}.model-label{color:#798592;font-size:9px}.error-label{color:#a34747;font-size:9px}.log-panel{min-height:440px}.log-filters{gap:8px;display:flex}.log-filters select{color:#53606d;background:#fff;border:1px solid #d8dfe5;border-radius:7px;padding:8px 10px;font-size:10px}.log-list{border-top:1px solid #edf0f3;margin-top:20px}.log-row{border-bottom:1px solid #edf0f3;grid-template-columns:38px minmax(240px,1fr) 120px 110px;align-items:center;gap:13px;min-height:75px;display:grid}.log-kind{color:#526170;background:#edf2f5;border-radius:8px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:800;display:grid}.log-kind.transform{color:#61751a;background:#f1f7d9}.log-kind.delivery{color:#33704a;background:#e7f5eb}.log-main strong,.log-main span{display:block}.log-main strong{font-size:11px}.log-main span{color:#8a95a1;margin-top:3px;font-size:9px}.log-main p{color:#687583;text-overflow:ellipsis;white-space:nowrap;max-width:620px;margin:5px 0 0;font-size:9px;overflow:hidden}.log-state{justify-items:start;gap:5px;display:grid}.log-state small{color:#8b96a0;font-size:8px}.log-error{justify-content:flex-end;align-items:center;gap:7px;display:flex}.log-error strong{color:#a05656;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.log-error button{color:#53606d;cursor:pointer;background:#fff;border:1px solid #d7dde3;border-radius:6px;padding:5px 7px;font-size:9px}@media (width<=600px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.proxy-row{grid-template-columns:34px 1fr auto}.proxy-row>div:last-child{grid-column:2/4;padding-bottom:12px}.table-row{grid-template-columns:1fr auto}.table-row>span:last-child{grid-column:1/3;padding-bottom:10px}.flow-row{grid-template-columns:1fr auto}.flow-media{grid-column:1/3;padding-bottom:12px}.endpoint-input{grid-template-columns:1fr 34px}.endpoint-input select{grid-column:1/3}.feed-settings{grid-template-columns:1fr auto;padding-right:0}.feed-settings span{grid-column:1/3}.access-action{flex-direction:column;align-items:flex-start}}@media (width<=720px){.message-columns{grid-template-columns:1fr}.message-columns>svg{transform:rotate(90deg)}.message-meta{flex-direction:column;gap:4px}}@media (width<=820px){.log-filters{flex-direction:column;align-items:stretch}.log-row{grid-template-columns:38px 1fr auto;padding:10px 0}.log-state{justify-items:end}.log-error{grid-column:2/4;justify-content:flex-start}}