:root{color-scheme:dark;--bg:#0c121d;--panel:#121c2a;--panel2:#172334;--line:#263448;--text:#f4f6fa;--muted:#93a0b3;--orange:#ff901b;--orange2:#ffb144;--green:#48d0a0;--red:#ff6b70;--amber:#ffd064;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.app-view{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#0e1622;border-right:1px solid var(--line);padding:28px 17px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:750;letter-spacing:-.04em;padding:3px 8px 33px}.brand b{color:var(--orange);font-weight:750}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--orange2),var(--orange));color:#1a2230;font-weight:900;box-shadow:0 5px 18px #ff901b35}.sidebar-label,.eyebrow,.top-kicker{font-size:10px;letter-spacing:.15em;font-weight:750;color:#78879c}.sidebar-label{padding:0 12px 12px}.main-nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#aab5c5;border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;transition:.18s}.nav-item:hover{background:#172334;color:white}.nav-item.active{background:#ff941b1c;color:#ffb44f;box-shadow:inset 3px 0 var(--orange)}.nav-icon{width:20px;font-size:19px;text-align:center}.nav-count{margin-left:auto;color:#8f9bb0;font-size:11px}.sidebar-bottom{margin-top:auto}.system-state{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:12px;margin:0 2px 12px}.system-state b,.system-state small{display:block}.system-state b{font-size:12px}.system-state small{font-size:10px;color:var(--muted);margin-top:4px}.status-dot,.meta-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 12px #48d0a080}.logout-button{border:0;background:transparent;color:var(--muted);width:100%;text-align:left;padding:12px}.logout-button:hover{color:white}.main-area{margin-left:250px;min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#0e1622}.top-kicker{font-size:9px;color:#74839a}.top-title{font-size:17px;font-weight:700;margin-top:5px}.top-actions{display:flex;align-items:center;gap:17px}.secure-label{font-size:11px;color:#a5b2c4}.user-chip{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#28374a;color:#ffc263;font-size:12px;font-weight:800}.content{max-width:1500px;margin:auto;padding:34px 38px 60px}.welcome-row,.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.welcome-row h1,.page-intro h1{font-size:30px;letter-spacing:-.045em;margin:8px 0}.welcome-row p:not(.eyebrow),.page-intro p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.6;margin:0;max-width:720px}.eyebrow{color:#ffab42;margin:0}.button{border:1px solid transparent;border-radius:10px;padding:10px 15px;font-weight:700;font-size:12px;transition:.18s}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button.primary{background:linear-gradient(135deg,#ffb445,#ff8614);color:#231b12;box-shadow:0 8px 20px #ff901b1c}.button.quiet{background:#1a2738;border-color:#2b3a50;color:#d1d9e5}.button.small{font-size:11px;padding:8px 10px}.button.full{width:100%;display:flex;justify-content:space-between;margin-top:5px;padding:13px 15px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:35px}.stat-card{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:3px 11px;border:1px solid var(--line);background:linear-gradient(150deg,#152131,#111a27);border-radius:15px;padding:17px}.stat-icon{grid-row:span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:750}.stat-icon.orange{color:#ffb243;background:#ff9b1d1a}.stat-icon.violet{color:#a992ff;background:#9472ff1b}.stat-icon.green{color:#4fddb0;background:#40cb9b18}.stat-icon.amber{color:#ffd064;background:#ffc94d18}.stat-card span,.stat-card small{color:var(--muted);font-size:11px}.stat-card strong{font-size:25px;line-height:1.2}.stat-card small{grid-column:2}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:28px 0 15px}.section-heading h2{font-size:18px;margin:6px 0 0}.text-button{border:0;background:transparent;color:#ffb044;font-size:12px;font-weight:700;padding:8px}.text-button span{padding-left:7px}.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.company-card,.table-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,#141f2e,#111a27);overflow:hidden}.company-card{padding:18px}.company-card-top,.company-identity,.company-metrics,.company-meta,.card-actions{display:flex;align-items:center}.company-card-top{justify-content:space-between;gap:12px}.company-identity{gap:11px;min-width:0}.company-logo{flex:0 0 auto;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#ff961e1c;color:#ffb348;font-weight:800}.company-identity h3{font-size:14px;margin:0 0 4px}.company-identity p{font-size:11px;color:var(--muted);margin:0;overflow:hidden;text-overflow:ellipsis}.pill{display:inline-flex;align-items:center;white-space:nowrap;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:700}.pill.green{background:#48d0a018;color:#5de1b2}.pill.red{background:#ff6b701a;color:#ff8589}.pill.amber{background:#ffd06418;color:#ffd77e}.pill.gray{background:#8492a51a;color:#aab5c5}.company-metrics{justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:16px 0 12px;gap:8px}.company-metrics div{display:grid;gap:4px}.company-metrics strong{font-size:18px}.company-metrics span{font-size:10px;color:var(--muted)}.company-meta{justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.meta-dot{width:6px;height:6px;margin-right:5px}.destination-text{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-message{font-size:11px;color:#83dfba;margin:12px 0 0}.sync-message.error{color:#ff8185}.card-actions{flex-wrap:wrap;gap:7px;border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.page-intro{align-items:center}.empty-state{border:1px dashed #3b4a60;border-radius:var(--radius);text-align:center;padding:50px 20px;color:var(--muted)}.empty-icon{margin:0 auto 15px;width:48px;height:48px;border-radius:16px;background:#ff9a1a1b;color:#ffb348;display:grid;place-items:center;font-size:25px}.empty-state h3{color:var(--text);margin:0 0 7px}.empty-state p{max-width:440px;margin:0 auto 18px;font-size:12px;line-height:1.6}.activity-heading{margin-top:32px}.table-toolbar{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:9px;background:#0e1724;border:1px solid #2a394e;border-radius:10px;padding:0 12px;max-width:400px;flex:1}.search-box span{font-size:21px;color:#8998aa}.search-box input{border:0!important;background:transparent!important;padding:10px 0!important;outline:0!important}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th,td{text-align:left;padding:12px 15px;border-bottom:1px solid #233145;font-size:11px}th{font-size:9px;letter-spacing:.08em;color:#8693a6;text-transform:uppercase;background:#121b28}td{color:#c8d1de}td strong,td small{display:block}td strong{color:#f2f4f8}td small{font-size:10px;color:var(--muted);margin-top:4px}.table-empty{text-align:center;color:var(--muted);padding:28px}.loading-state{padding:80px;text-align:center;color:var(--muted)}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #637187;border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite;margin-right:9px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.dialog{padding:0;border:1px solid #304159;background:#121c2a;color:var(--text);border-radius:20px;width:min(650px,calc(100vw - 28px));max-height:92vh;overflow:auto;box-shadow:0 30px 100px #000a}.dialog::backdrop{background:#050913bd;backdrop-filter:blur(4px)}.dialog-card{padding:25px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.dialog-head h2{margin:7px 0 0;font-size:21px;letter-spacing:-.03em}.icon-button{border:1px solid var(--line);background:#1a2738;color:#c4cfde;border-radius:9px;width:34px;height:34px;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.stack label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#dbe2ec}.form-grid input,.form-grid select,.stack input{width:100%;border:1px solid #33445a;background:#0d1622;color:var(--text);padding:11px;border-radius:9px;outline:0}.form-grid input:focus,.form-grid select:focus,.stack input:focus{border-color:#ff9a27;box-shadow:0 0 0 3px #ff9a271a}.form-grid small{font-size:10px;color:var(--muted);font-weight:400;line-height:1.45}.span-two{grid-column:span 2}.optional{font-weight:400;color:var(--muted)}.dialog-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.form-error{color:#ff8a8e;font-size:11px;min-height:15px;margin:7px 0 0}.key-value{display:flex;gap:10px;align-items:center;margin-top:18px}.key-value code{padding:12px;border-radius:9px;border:1px solid #33445a;background:#0b1420;color:#ffd07d;overflow-wrap:anywhere;font-size:11px;flex:1}.small{font-size:11px}.toast-region{position:fixed;right:20px;bottom:20px;display:grid;gap:8px;z-index:10}.toast{background:#18352f;border:1px solid #2e755d;color:#bbf0d8;border-radius:11px;padding:12px 15px;box-shadow:0 15px 35px #0005;font-size:12px;animation:pop .2s ease-out}.toast.error{background:#421f29;border-color:#7d3845;color:#ffd5d8}@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#27283c 0,#101826 42%,#0b111a 80%)}.login-card{position:relative;z-index:1;width:min(410px,100%);border:1px solid #2d3b50;background:#121c2af2;padding:32px;border-radius:22px;box-shadow:0 30px 90px #0007}.brand-login{padding:0 0 36px}.login-card h1{font-size:27px;margin:9px 0}.muted{color:var(--muted);font-size:12px;line-height:1.55}.stack{display:grid;gap:14px;margin-top:25px}.stack input{margin-top:1px}.login-note{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;color:var(--muted);font-size:10px;display:flex;align-items:center;gap:8px}.login-decoration{position:absolute;width:430px;height:430px;border:1px solid #ff9a1a18;border-radius:50%;right:7%;top:20%;box-shadow:0 0 0 65px #ff9a1a09,0 0 0 130px #ff9a1a06}.login-decoration:after{content:"";position:absolute;inset:70px;border-radius:50%;border:1px dashed #ff9a1a25}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-grid{grid-template-columns:1fr}.content{padding:28px 24px 50px}.topbar{padding:0 24px}}
@media(max-width:700px){.sidebar{position:sticky;top:0;width:auto;height:auto;inset:auto;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line);display:block}.sidebar .brand{padding:0 4px 11px}.sidebar-label,.sidebar-bottom{display:none}.main-nav{display:flex;overflow-x:auto;gap:4px}.nav-item{white-space:nowrap;padding:9px 10px;font-size:11px}.nav-icon{font-size:15px;width:auto}.nav-count{display:none}.main-area{margin-left:0}.topbar{height:62px;padding:0 17px}.top-kicker{font-size:8px}.top-title{font-size:15px}.secure-label{display:none}.content{padding:22px 15px 36px}.welcome-row,.page-intro{align-items:flex-start;flex-direction:column}.welcome-row h1,.page-intro h1{font-size:25px}.welcome-row>.button,.page-intro>.button{width:100%}.stats-grid{gap:8px}.stat-card{padding:12px;grid-template-columns:34px 1fr;gap:2px 8px}.stat-icon{width:32px;height:32px;font-size:16px}.stat-card strong{font-size:21px}.stat-card span,.stat-card small{font-size:9px}.section-heading h2{font-size:16px}.section-heading .eyebrow{font-size:8px}.company-card{padding:14px}.company-card-top{align-items:flex-start}.company-metrics strong{font-size:15px}.company-metrics span{font-size:9px}.company-meta{align-items:flex-start;flex-direction:column}.destination-text{max-width:100%}.card-actions .button{flex:1}.table-toolbar{align-items:flex-start;flex-direction:column}.search-box{max-width:none;width:100%}.dialog-card{padding:19px}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.login-decoration{right:-250px;top:4%}.login-card{padding:25px}}
.api-config{border:1px solid var(--line);background:#0f1825;border-radius:13px;padding:14px}.api-config-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.api-config-heading h3{font-size:13px;margin:0 0 5px}.api-config-heading p{font-size:10px;line-height:1.5;color:var(--muted);margin:0;max-width:430px}.api-editor-list{display:grid;gap:11px}.api-editor-card{border:1px solid #2b3c52;background:#141f2d;border-radius:11px;padding:13px}.api-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.api-editor-head strong{font-size:11px}.api-editor-actions{display:flex;gap:6px}.api-editor-actions .button{padding:6px 8px;font-size:10px}.api-editor-remove{border:1px solid #553944;background:#281d27;color:#ff9ba0;border-radius:8px;padding:6px 9px;font:inherit;font-size:10px;font-weight:700}.api-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.api-enabled{display:flex!important;align-items:center;gap:8px!important}.api-enabled input{width:auto!important;accent-color:var(--orange)}.api-list-summary{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.api-summary-item{border:1px solid #2b3a4e;background:#101a27;border-radius:8px;padding:6px 8px;color:#aebacc;font-size:10px}.api-summary-item b{color:#e7ebf1}.api-summary-item .meta-dot{margin-left:5px}
@media(max-width:700px){.api-editor-grid{grid-template-columns:1fr}.api-config-heading{flex-direction:column}.api-config-heading .button{width:100%}}