:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1c3550;background:#f5f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8cc3fd;outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}.shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e5edf6;display:flex;flex-direction:column;padding:29px 18px 23px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 11px 25px}.brand-symbol,.auth-mark{background:linear-gradient(145deg,#3789ec,#1855a9);color:white;border-radius:17px;width:46px;height:46px;display:grid;place-content:center;box-shadow:0 9px 24px #246ec331;font-weight:800;font-size:23px}.brand-symbol span{color:#bae5ff}.brand strong{display:block;font-size:16px;letter-spacing:-.4px}.brand small{font-size:11px;color:#8394a8;display:block;margin-top:3px}.environment{font-size:11px;color:#337b72;border:1px solid #d5f3e8;background:#effcf7;border-radius:10px;padding:11px;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#27aa85;box-shadow:0 0 0 4px #d6f6e9}.nav-caption{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#a4b0bf;padding:28px 12px 8px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{border:0;background:transparent;border-radius:10px;display:flex;align-items:center;gap:12px;text-align:left;color:#657a90;font-size:13px;font-weight:600;padding:13px}.sidebar nav button span{font-size:19px;width:22px;text-align:center;font-weight:500}.sidebar nav button:hover{background:#f4f8fd}.sidebar nav button.active{color:#1469bf;background:#ecf5ff}.side-foot{margin-top:auto;border-top:1px solid #e6edf5;padding:20px 11px 0;color:#94a4b4;font-size:11px;line-height:1.8}.side-foot span{display:block;color:#b1bdc8}.main{min-width:0;max-width:1600px;width:100%;padding:40px clamp(22px,4vw,72px) 22px;margin:0 auto}.topbar{display:flex;gap:24px;align-items:center;justify-content:space-between}.topbar h1{font-size:30px;letter-spacing:-1.3px;margin:4px 0 0}.eyebrow{font-weight:800;letter-spacing:2px;font-size:10px;color:#6990b6;margin:0}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.top-actions #access-status{font-size:11px;color:#6084a6}.soft-btn{border:1px solid #dae6f1;background:white;color:#285f92;border-radius:10px;padding:10px 14px;font-weight:650;font-size:12px}.notice{background:#eff7ff;border:1px solid #d9eafa;color:#4d789e;font-size:12px;line-height:1.65;padding:15px 18px;margin:32px 0 25px;border-radius:13px}.notice strong{color:#1f629f}.welcome{background:linear-gradient(112deg,#226ab2 0%,#2f8fd9 75%,#66bfe7 110%);padding:34px 38px;border-radius:22px;color:white;display:flex;min-height:210px;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 15px 38px #3388d522}.welcome .eyebrow{color:#c9eeff}.welcome h2{font-size:clamp(22px,3vw,33px);max-width:610px;line-height:1.2;letter-spacing:-1.1px;margin:15px 0}.welcome p:last-child{max-width:560px;color:#e0f1fe;font-size:12px;line-height:1.8}.welcome-orb{font-size:130px;opacity:.2;transform:rotate(-18deg);line-height:1}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 36px}.stat,.integration,.panel{background:#fff;border:1px solid #e4edf6;border-radius:16px;box-shadow:0 6px 22px #224d7610}.stat{padding:22px;display:flex;flex-direction:column;gap:8px}.stat span{font-size:12px;color:#8193a8}.stat strong{font-size:33px;line-height:1.1;letter-spacing:-1.2px}.stat small{font-size:11px;color:#9eacbb}.section-head{margin:22px 0 18px}.section-head h2,.section-head h3{margin:0 0 7px;letter-spacing:-.55px}.section-head p{color:#8c9eae;font-size:12px;margin:0;line-height:1.7}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.integration{padding:22px;display:flex;flex-direction:column;align-items:flex-start;min-height:182px}.integration-icon{width:35px;height:35px;border-radius:11px;background:#eef7ff;color:#237bc8;display:grid;place-content:center;font-weight:800;margin-bottom:13px}.integration strong{font-size:14px}.integration small{font-size:11px;color:#8ca0b2;margin:7px 0 15px}.pending{margin-top:auto;background:#fff5e8;color:#a16c23;border-radius:30px;padding:6px 11px;font-size:10px;font-weight:700}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:19px;align-items:start}.stack{display:grid;gap:19px}.panel{padding:26px}.panel h3{font-size:16px;margin:0 0 21px}.form-panel{display:grid;gap:16px}.form-panel label,.auth-panel label{display:grid;gap:8px;color:#435d75;font-weight:650;font-size:12px}.form-panel input,.form-panel textarea,.form-panel select,.auth-panel input{border-radius:10px;border:1px solid #d8e4ee;background:#fbfdff;color:#1c3550;padding:13px 14px;width:100%;font-size:13px}.form-panel textarea{resize:vertical}.form-panel input[readonly]{background:#f0f4f8;color:#7b8da1}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.primary-btn{border:0;background:#247bd2;color:white;border-radius:11px;padding:13px 18px;font-size:13px;font-weight:750;box-shadow:0 8px 20px #247bd22b}.primary-btn:hover{background:#1764b1}.item-list{list-style:none;padding:0;margin:0;display:grid;gap:11px}.item-list li{border:1px solid #e8eef5;border-radius:11px;padding:13px;display:flex;gap:10px;justify-content:space-between;align-items:center;color:#57718a;font-size:12px;line-height:1.5;word-break:break-word}.item-list li strong{display:block;color:#264c72;font-size:13px}.item-list li.empty{color:#a0afbc;font-style:italic}.item-list li button{border:0;color:#a55151;background:#fff0ef;padding:7px 11px;border-radius:8px;font-size:11px;flex-shrink:0}.result-panel>span{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#7b9cbd}.result-panel h3{margin:17px 0 10px}.result-panel p{font-size:13px;color:#8b9eae;line-height:1.8}.view[hidden],.auth-overlay[hidden],#toast[hidden]{display:none}.main footer{color:#abb8c5;font-size:11px;padding-top:35px}.auth-overlay{position:fixed;inset:0;background:#e8f1facf;backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px;z-index:10}.auth-panel{width:min(100%,428px);background:white;border:1px solid #dae8f6;box-shadow:0 27px 85px #224d763d;border-radius:23px;padding:37px;display:grid;gap:17px}.auth-mark{margin-bottom:6px}.auth-panel h2{font-size:25px;letter-spacing:-1px;margin:0}.auth-panel p:not(.eyebrow){font-size:13px;line-height:1.7;color:#8193a7;margin:0}.auth-panel small#login-error{color:#c04747;min-height:18px}.auth-small{color:#9eb0bf;font-size:11px}#toast{position:fixed;right:20px;bottom:20px;background:#215f99;color:#fff;padding:15px 20px;border-radius:12px;box-shadow:0 13px 35px #21445b48;font-size:12px;max-width:330px;z-index:20}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{height:auto;position:relative;padding:16px}.brand{padding:0 0 14px}.environment,.nav-caption,.side-foot{display:none}.sidebar nav{display:flex;overflow:auto;gap:4px;scrollbar-width:thin}.sidebar nav button{white-space:nowrap;padding:10px 12px}.main{padding:25px 16px}.topbar{align-items:flex-start;flex-direction:column;gap:18px}.topbar h1{font-size:25px}.notice{margin-top:21px}.welcome{padding:24px;min-height:170px}.welcome-orb{display:none}.two-col,.integration-grid{grid-template-columns:1fr}.stats{gap:9px}.stat{padding:16px}.panel{padding:19px}}