@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;background:#080d18;color:#f4f6fc;font-family:DM Sans,sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:#8c99ff;text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:#0d1320;border-right:1px solid #20293b;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 16px;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;margin-bottom:38px;padding:0 6px}.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,#6e64fa,#3744c5);border-radius:11px;height:40px;width:40px;color:#fff;font-weight:800;font-family:Manrope;letter-spacing:-1.5px;font-size:17px;box-shadow:0 10px 25px #5054e522}.brand b{display:block;font:800 12px Manrope;letter-spacing:1px}.brand span{display:block;color:#7987a2;font-size:10px;letter-spacing:2px;margin-top:4px}.sidebar-label{color:#67748d;font-size:10px;font-weight:800;letter-spacing:1.6px;margin:8px 14px 13px}.channel-chip{border:1px solid #273149;background:#161f30;border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;margin-bottom:33px}.channel-avatar{height:36px;width:36px;border-radius:10px;background:#6a2349;display:grid;place-items:center;color:#ffe5ef;font-weight:800;font-size:16px}.channel-chip strong{display:block;font-size:12px}.channel-chip span:not(.chevron){display:block;color:#8b98b1;font-size:11px;margin-top:5px}.chevron{margin-left:auto;color:#66748a}nav{display:flex;flex-direction:column;gap:6px}.nav-link{display:flex;gap:13px;align-items:center;color:#91a0b8;background:transparent;border:0;text-align:left;width:100%;border-radius:9px;padding:12px 13px;font-weight:600}.nav-link:hover,.nav-link.selected{background:#1c2540;color:#dfe4ff}.nav-link.selected{box-shadow:inset 3px 0 #756cff}.nav-link.selected svg{color:#928cff}.count{margin-left:auto;background:#28334a;border-radius:5px;padding:1px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.safety{display:flex;align-items:flex-start;gap:10px;border:1px solid #29334b;border-radius:11px;color:#a9b4ca;padding:14px;margin-bottom:19px;font-size:11px;line-height:1.65}.safety svg{color:#65c9a3}.safety b{color:#dbe7e2}.content{flex:1;min-width:0}.top{height:73px;border-bottom:1px solid #20293b;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumbs{color:#dfe5f5;font-weight:600}.breadcrumbs span{color:#4f5b73;margin:0 9px}.user{display:flex;align-items:center;gap:10px;color:#92a0b9;font-size:12px}.live-dot{height:7px;width:7px;border-radius:50%;background:#41c795}.user-avatar{margin-left:16px;display:grid;place-items:center;width:33px;height:33px;border:1px solid #576299;border-radius:50%;background:#293251;color:#d4d8ff;font-weight:700}.body{max-width:1530px;margin:auto;padding:39px 40px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px;gap:15px}.heading h1{font:800 30px Manrope;margin:8px 0;letter-spacing:-1px}.heading p,.panel-head p{color:#8d9ab3;margin:0}.eyebrow{color:#8a83f7;font-size:10px;letter-spacing:2.3px;font-weight:800}.outlined{display:flex;align-items:center;gap:9px;background:#151d2b;border:1px solid #2b3650;color:#d4d9e9;border-radius:9px;padding:10px 14px;font-weight:700}.outlined:hover{background:#212b3f}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat,.panel{background:#111827;border:1px solid #252f44;border-radius:15px}.stat{padding:22px}.stat>span{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#8c9bb6}.stat strong{display:block;font:800 34px Manrope;letter-spacing:-1px;margin:11px 0 8px}.stat small{color:#73839f}.cols{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.panel{padding:23px;min-width:0}.panel h2{font:800 16px Manrope;margin:0 0 8px}.panel>p{color:#90a0b6}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.pill{display:inline-flex;align-items:center;border-radius:20px;background:#262f43;color:#a5b3cc;font-size:10px;font-weight:800;padding:7px 11px;white-space:nowrap}.pill.green{background:#153f36;color:#75d8ac}.workflow{display:flex;align-items:center;gap:13px;border-top:1px solid #253044;padding:17px 0}.workflow>span{height:33px;width:33px;display:grid;place-items:center;background:#222c41;color:#a5b2fd;border-radius:9px;font-weight:800;font-size:12px;flex-shrink:0}.workflow>div{flex:1}.workflow b,.integration b{font-size:12px}.workflow p{font-size:11px;color:#7887a1;margin:5px 0 0}.workflow .pill{font-size:9px}.integration{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #253044}.integration-icon{display:grid;place-items:center;background:#222b3e;height:38px;width:38px;border-radius:9px;color:#aab4fb}.integration-icon svg{width:19px;height:19px}.integration div{flex:1}.integration small{display:block;color:#7b89a2;margin-top:5px}.divider{border-top:1px solid #253044;margin:13px 0 18px}.primary{border:0;background:#645bf4;border-radius:9px;padding:12px 17px;font-weight:800;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary:hover{background:#7770fc}.full{width:100%}.channel-confirm{display:flex;gap:8px;align-items:center;color:#80d6b5;font-weight:700;font-size:12px}.empty{padding:85px 20px;max-width:480px;margin:auto;text-align:center;display:flex;align-items:center;flex-direction:column}.empty svg{color:#727ae9}.empty h3{font:800 18px Manrope;margin:21px 0 8px}.empty p{line-height:1.8;color:#8796b0}.new-project{padding:22px;border:1px solid #2b3550;border-radius:12px;margin-bottom:22px;background:#151e2f}.new-project label,.gate label{display:block;color:#b3bfd4;font-weight:700;font-size:12px;margin-bottom:15px}.new-project input,.new-project textarea,.gate input{margin-top:8px;display:block;width:100%;border:1px solid #354158;background:#0b1220;color:#e7ecfb;padding:12px;border-radius:9px;outline:0}.new-project input:focus,.new-project textarea:focus,.gate input:focus{border-color:#8682ff}.project-row{display:flex;align-items:center;gap:15px;padding:19px 8px;border-top:1px solid #253044}.project-code{background:#262354;color:#a6a2ff;padding:10px;border-radius:9px;font-size:11px;font-weight:800}.project-main{flex:1}.project-main>b{display:block}.project-main span{display:flex;align-items:center;gap:5px;font-size:11px;color:#8795ae;margin-top:7px}.project-main a{display:inline-flex;align-items:center;gap:4px}.error,.notice{display:flex;gap:9px;align-items:center;padding:13px 16px;border-radius:9px;margin-bottom:20px;line-height:1.5}.error{border:1px solid #913f54;background:#311c2a;color:#ffa8b7}.notice{border:1px solid #266953;background:#16362f;color:#93e5c5}.detail{border-top:1px solid #273248;padding:18px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.detail span{color:#8d9cb6}.detail code{font-size:10px;word-break:break-all}footer{margin-top:40px;color:#65718a;font-size:10px;letter-spacing:1.1px;text-align:center}.gate{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at center top,#202449,#080d18 65%)}.gate-card{width:min(100%,410px);border:1px solid #303a55;border-radius:19px;padding:33px;background:#111827;box-shadow:0 25px 100px #0005}.gate-card>.brand-mark{margin-bottom:24px}.gate-card h1{font:800 26px Manrope;letter-spacing:-1px}.gate-card p{color:#97a5bd;line-height:1.8;margin-bottom:27px}.gate-card .primary{width:100%;margin-top:7px}.gate-card small{display:block;text-align:center;margin-top:18px;color:#76859d}.accent{color:#837df9}.gate-card code{color:#a9a5ff}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.sidebar{width:215px}.body{padding:28px 24px}.top{padding:0 24px}}@media(max-width:700px){.app{display:block}.sidebar{width:100%;height:auto;position:static;padding:13px}.brand{margin:0 0 12px}.sidebar-label,.channel-chip,.sidebar-bottom{display:none}nav{flex-direction:row;overflow-x:auto;gap:2px}nav .nav-link{white-space:nowrap;font-size:11px;padding:9px;gap:6px}nav .nav-link svg{height:16px;width:16px}.top{height:52px;padding:0 15px}.body{padding:25px 15px}.heading h1{font-size:23px}.heading{align-items:flex-start}.heading .outlined{font-size:0;padding:11px}.heading .outlined svg{width:17px}.stats{gap:9px}.stat{padding:15px}.stat>span{font-size:9px}.stat strong{font-size:27px}.user{font-size:0}.user-avatar{font-size:12px;margin-left:5px}.panel{padding:16px}.workflow .pill{display:none}}.filter-input{background:#111b2d;color:#e6eaff;border:1px solid #334057;padding:10px 13px;border-radius:9px;min-height:39px;outline:none;font:600 12px DM Sans,sans-serif}.filter-input:focus{border-color:#8d83fc}.tiny-label{display:flex;align-items:center;gap:7px;color:#9cadc9;font-size:11px}.panel table th{font-size:10px;letter-spacing:.4px}.panel table td{vertical-align:middle}.panel table tbody tr:hover{background:#182139}.panel table a:hover{color:#a8a1ff}.panel .stats{margin:18px 0 22px}@media(max-width:700px){.filter-input{max-width:100%}.panel .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}