@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#172b49;background:#f5f7fb}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dee5ef;background:#fff;border-radius:9px;padding:10px 14px;color:#233a59}button:hover{background:#edf3fc}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8abaff;outline-offset:2px}.bx-shell{display:flex;min-height:100vh}aside{width:250px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e1e7f0;display:flex;flex-direction:column;z-index:20}.bx-logo{height:88px;padding:22px;display:flex;align-items:center}.bx-logo img{width:205px;height:auto}.workspace{display:flex;gap:12px;align-items:center;margin:0 16px 18px;padding:13px;background:#f4f7fc;border-radius:12px;font-weight:700;color:#0059dc}.workspace span{font-size:12px;color:#253b59}small{display:block;font-size:11px;color:#718198;font-weight:400;margin-top:5px}nav{overflow:auto;flex:1;padding:0 12px 18px}nav button{width:100%;border:0;justify-content:flex-start;text-align:left;background:none;font-size:12px;padding:10px 12px;margin:2px 0;color:#6a7b92}nav button.active{background:#eaf2ff;color:#0059dc;font-weight:700}nav small{margin-left:auto;color:#0059dc;font-size:8px}footer{display:flex;gap:12px;padding:16px;border-top:1px solid #eee;font-size:12px}.avatar{background:#e8effc;border-radius:50%;font-size:11px;font-weight:700;width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center}main{margin-left:250px;width:calc(100% - 250px)}header{height:76px;background:#fff;border-bottom:1px solid #e1e7f0;display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-size:12px;color:#718198}header div{display:flex;align-items:center;gap:20px}.badge{font-size:10px;font-weight:700;letter-spacing:.7px;color:#0067e8;background:#edf4ff;padding:7px 10px;border-radius:6px}.bx-content{max-width:1400px;margin:auto;padding:32px}.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.title p{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#0059dc}h1{font-size:30px;letter-spacing:-1px;margin:10px 0}h2{font-size:16px;margin:0 0 14px}.title span,p{font-size:13px;color:#728097;line-height:1.7}.demo-note{font-size:11px;background:#eaf2fe;color:#3b618c;border-radius:8px;padding:12px 16px;margin-bottom:24px}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:22px;font-size:11px;color:#78869a}input,select{border:1px solid #dbe3ee;border-radius:8px;padding:9px;background:#fff;color:#425675;min-height:40px}.filters label{display:flex;align-items:center;gap:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}article,section{background:#fff;border:1px solid #e0e7f0;border-radius:14px;padding:24px}article span{font-size:12px;color:#6f7e94}article h2{font-size:26px;letter-spacing:-.8px;margin:20px 0 12px}.overview-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title button{font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}th{text-align:left;color:#8895a8;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:500}th,td{padding:16px 12px;border-bottom:1px solid #edf0f5}.status{color:#137b61;background:#ebf8f2;padding:6px 9px;border-radius:6px;font-size:10px}.getting-started button{display:flex;width:100%;justify-content:space-between;border:0;border-bottom:1px solid #edf0f5;border-radius:0;font-size:12px}.getting-started button span{background:#f1f5fc;border-radius:50%;padding:6px 10px}.monitor{margin-top:24px;display:flex;gap:20px;align-items:center;padding:17px 24px;font-size:11px;color:#7b8aa0}.dot{width:7px;height:7px;border-radius:100%;background:#20bb83}.bottom-note{font-size:10px;margin-top:25px}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:20px}.tabs button{white-space:nowrap;font-size:11px}.selected{color:#0059dc!important;background:#eaf2ff!important;border-color:#a8caff!important}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.plans section{padding:32px}.plans h2{font-size:24px;margin-top:24px}.price{font-size:38px;letter-spacing:-1px;font-weight:700;margin:25px 0}.plans ul{padding:0;list-style:none}.plans li{display:flex;gap:10px;font-size:13px;margin:20px 0}.plans li svg{color:#0059dc}.plans button{width:100%;background:#0059dc;color:#fff;border:0;margin-top:15px}.chosen{border:2px solid #0059dc}.empty{text-align:center;padding:50px 20px}.empty-icon{display:inline-flex;padding:18px;background:#edf4ff;border-radius:16px;color:#0059dc}.capabilities{display:flex;gap:12px;flex-wrap:wrap}.capabilities span{display:flex;gap:6px;font-size:11px;background:#f3f6fb;padding:10px;border-radius:8px}.notice{padding:14px;background:#edf8f2;color:#216645;font-size:12px;border-radius:8px;margin-bottom:20px}.mobile{display:none}@media (max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}}@media (max-width:700px){aside{transform:translate(-100%);width:260px;height:100dvh;transition:transform .2s}aside.open{transform:translate(0);box-shadow:0 0 0 100vmax #0a183455}main{margin:0;width:100%}.mobile{display:inline-flex}.bx-logo{gap:10px}.bx-logo img{width:180px}header{padding:0 16px}header div{gap:10px}.bx-content{padding:20px 14px}.title{gap:14px}.title button{font-size:11px}h1{font-size:26px}.stats,.plans{grid-template-columns:1fr}.monitor{flex-wrap:wrap;gap:12px}section{padding:18px}input,select{font-size:16px}button{min-height:44px}.price{font-size:32px}}.plan-controls{margin-bottom:24px}.plan-controls .filters{margin-top:16px}.plan-controls .tabs{margin-bottom:0}.tier-silver .badge{color:#4c5c70;background:#edf0f4}.tier-gold .badge{color:#825d11;background:#fff4d5}.plans .price{font-size:clamp(24px,3vw,38px);overflow-wrap:anywhere}.conversion-note{font-size:11px}.plans li{align-items:flex-start}.plans li svg{flex-shrink:0}.plan-controls select{max-width:100%}.account-panel{max-width:800px}.account-form{max-width:480px;display:grid;gap:16px;margin-top:24px}.account-form label{display:grid;gap:8px;font-size:13px;color:#425675}.account-form input,.account-form select{width:100%}.account-form button{background:#0059dc;color:#fff}.account-error{background:#fff0ee;color:#8a3024;border-radius:8px;padding:12px;margin-bottom:18px}.account-summary{padding:16px;background:#f4f7fc;border-radius:10px;margin:20px 0}.account-summary h3{margin-top:0}.bx-shell{--accent:#428bff;--radius:18px;transition:background-color .25s,color .25s}.bx-shell button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.bx-shell button:active{transform:scale(.97)}.bx-shell aside{width:256px}.bx-shell main{margin-left:256px;width:calc(100% - 256px)}.bx-shell header{height:80px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bx-shell .theme-toggle{width:38px;height:38px;padding:8px;border-radius:50%}.bx-shell .bx-content{padding:36px;animation:bx-enter .38s ease-out both}.bx-shell .title h1{font-size:34px;font-weight:800;letter-spacing:-1.2px}.bx-shell .title p{font-size:10px;letter-spacing:2.4px}.bx-shell article,.bx-shell section{border-radius:var(--radius);box-shadow:0 8px 32px #10213f04}.bx-shell .stats article{position:relative;overflow:hidden;animation:bx-enter .45s ease-out both}.bx-shell .stats article:nth-child(2){animation-delay:.05s}.bx-shell .stats article:nth-child(3){animation-delay:.1s}.bx-shell .stats article:nth-child(4){animation-delay:.15s}.bx-shell .stats article:before{content:"";position:absolute;left:24px;top:0;width:38px;height:3px;border-radius:0 0 6px 6px;background:var(--accent)}.bx-shell .stats article h2{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}.bx-shell .stats article,.bx-shell .plans section{transition:transform .22s,box-shadow .22s,border-color .22s}.bx-shell .stats article:hover,.bx-shell .plans section:hover{transform:translateY(-4px);box-shadow:0 18px 36px #0059dc14;border-color:#528be7}.bx-shell nav button{padding:11px 12px;font-size:12px;border-radius:10px;position:relative}.bx-shell nav button.active:before{content:"";position:absolute;left:0;height:16px;width:3px;border-radius:4px;background:var(--accent)}.bx-shell .demo-note{border:1px solid #bed9ff55;line-height:1.7}.bx-shell .plans section{padding:32px;border-width:1px;position:relative;overflow:hidden}.bx-shell .plans section.tier-gold:before{content:"";height:3px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,#7c5a23,#f5d47e,#7c5a23)}.bx-shell .plans .chosen{box-shadow:0 0 0 2px var(--accent),0 12px 40px #0059dc1a}.bx-shell .plans .price{font-size:clamp(28px,3.5vw,42px);font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}.bx-shell .plans .price small{margin-top:12px;letter-spacing:0}.bx-shell .plans li{line-height:1.5}.bx-shell[data-theme=dark]{color:#e8eef9;background:radial-gradient(ellipse at 78% 0,#13305a55,transparent 55%),#0b1220;color-scheme:dark;min-height:100vh}.bx-shell[data-theme=dark] aside{background:#0d1627;border-color:#223049}.bx-shell[data-theme=dark] .bx-logo{height:92px}.bx-shell[data-theme=dark] .bx-logo img{background:transparent;padding:0;width:205px;filter:brightness(0) invert(1)}.bx-shell[data-theme=dark] .workspace{background:#162237;color:#72b2ff;border:1px solid #23334e;border-radius:12px}.bx-shell[data-theme=dark] .workspace span{color:#dce8ff}.bx-shell[data-theme=dark] nav button{color:#9eafc9;background:transparent;border:0}.bx-shell[data-theme=dark] nav button:hover{background:#19273e;color:#e5eeff}.bx-shell[data-theme=dark] nav button.active{background:linear-gradient(90deg,#1a3762,#152a49);color:#8dc0ff;box-shadow:inset 0 0 0 1px #31578f66}.bx-shell[data-theme=dark] nav small{color:#8dc0ff}.bx-shell[data-theme=dark] footer{border-color:#223049;color:#e2eaff;background:#0d1627}.bx-shell[data-theme=dark] header{background:#0c1526e8;border-color:#223049;color:#9eafc9}.bx-shell[data-theme=dark] .avatar{background:#203455;color:#a0c8ff;box-shadow:inset 0 0 0 1px #3c527577}.bx-shell[data-theme=dark] .badge{color:#95c6ff;background:#183252;border:1px solid #30558466}.bx-shell[data-theme=dark] .title p{color:#73adff}.bx-shell[data-theme=dark] .title span,.bx-shell[data-theme=dark] p,.bx-shell[data-theme=dark] small{color:#9eafc6}.bx-shell[data-theme=dark] h1,.bx-shell[data-theme=dark] h2,.bx-shell[data-theme=dark] h3{color:#ecf2ff}.bx-shell[data-theme=dark] button{background:#17253b;border-color:#2b3c56;color:#d7e5fb}.bx-shell[data-theme=dark] button:hover{background:#203451;border-color:#41648e}.bx-shell[data-theme=dark] .demo-note{background:#10253e;color:#90b2d9;border-color:#24496d}.bx-shell[data-theme=dark] article,.bx-shell[data-theme=dark] section{background:linear-gradient(145deg,#162238,#111d30);border-color:#283750;box-shadow:0 8px 30px #030b1722}.bx-shell[data-theme=dark] article span{color:#a0b0c7}.bx-shell[data-theme=dark] .stats article:first-child{background:radial-gradient(ellipse at top right,#20457888,transparent 70%),#14253e}.bx-shell[data-theme=dark] .stats article:nth-child(2):before{background:#50d6b1}.bx-shell[data-theme=dark] .stats article:nth-child(3):before{background:#c3a1ff}.bx-shell[data-theme=dark] .stats article:nth-child(4):before{background:#f1c773}.bx-shell[data-theme=dark] .filters{color:#9eafc9}.bx-shell[data-theme=dark] input,.bx-shell[data-theme=dark] select{background:#0d192c;border-color:#2c405e;color:#dce8fb}.bx-shell[data-theme=dark] th{color:#8fa4c3}.bx-shell[data-theme=dark] th,.bx-shell[data-theme=dark] td{border-color:#283750}.bx-shell[data-theme=dark] tbody tr:hover{background:#20345166}.bx-shell[data-theme=dark] .status{background:#153c35;color:#76d6b4;border:1px solid #2e665a}.bx-shell[data-theme=dark] .getting-started button{border-color:#283750;background:transparent}.bx-shell[data-theme=dark] .getting-started button:hover{background:#203451}.bx-shell[data-theme=dark] .getting-started button span{background:#203451;color:#8fc0ff}.bx-shell[data-theme=dark] .monitor{color:#a5b6cc}.bx-shell[data-theme=dark] .dot{box-shadow:0 0 12px #20bb8388}.bx-shell[data-theme=dark] .selected{color:#a7ccff!important;background:#23426a!important;border-color:#476fa5!important}.bx-shell[data-theme=dark] .tier-silver .badge{background:#26344a;color:#c2d2e9;border-color:#495a7566}.bx-shell[data-theme=dark] .tier-gold{background:radial-gradient(ellipse at top right,#7c5a2318,transparent 70%),linear-gradient(145deg,#182337,#131e30)}.bx-shell[data-theme=dark] .tier-gold .badge{background:#47391f;color:#f6d28b;border-color:#846b3766}.bx-shell[data-theme=dark] .plans button,.bx-shell[data-theme=dark] .account-form button{background:linear-gradient(100deg,#2c70e3,#438ff5);border-color:#5a9aff;color:#fff;box-shadow:0 5px 18px #1153c62a}.bx-shell[data-theme=dark] .plans button:hover,.bx-shell[data-theme=dark] .account-form button:hover{background:linear-gradient(100deg,#3c80ef,#62a1ff);box-shadow:0 8px 22px #1153c64a}.bx-shell[data-theme=dark] .plans li svg{color:#7cafff}.bx-shell[data-theme=dark] .notice{background:#13362e;color:#92dfc2;border:1px solid #296553}.bx-shell[data-theme=dark] .empty-icon{background:#21395d;color:#87baff}.bx-shell[data-theme=dark] .capabilities span{background:#1c2c44;color:#aec4e0}.bx-shell[data-theme=dark] .account-form label{color:#bdcce1}.bx-shell[data-theme=dark] .account-summary{background:#1b2c46}.bx-shell[data-theme=dark] .account-error{background:#402523;color:#f4b4a8;border:1px solid #75413b}.bx-shell[data-theme=dark] a{color:#8cbaff}.bx-shell[data-theme=light]{background:#f5f7fb;color:#172b49;color-scheme:light}@keyframes bx-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.bx-shell main{margin:0;width:100%}.bx-shell aside{width:260px}.bx-shell header{padding:0 14px;gap:8px}.bx-shell header div{gap:8px}.bx-shell header .badge{font-size:8px;padding:6px}.bx-shell header .avatar{display:none}.bx-shell .bx-content{padding:22px 14px}.bx-shell .title h1{font-size:28px}.bx-shell .plans section{padding:26px}.bx-shell .bx-logo{padding:18px}.bx-shell .theme-toggle{flex-shrink:0;min-height:38px}.bx-shell .title{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.bx-shell,.bx-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bx-shell .stats article:hover,.bx-shell .plans section:hover,.bx-shell button:active{transform:none}}.trial-banner{position:relative;overflow:hidden;border:1px solid #b89a52!important;background:linear-gradient(120deg,#20283d,#3d3150)!important;color:#fff}.trial-banner h2{font-size:clamp(24px,4vw,36px);max-width:650px}.trial-banner p{color:#d6d9e5!important;max-width:700px}.trial-banner button{background:#e8c878!important;color:#192037!important;font-weight:700}.trial-banner .badge{background:#e8c878;color:#192037}.department-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:24px 0}.department-grid article{border:1px solid #76819555;border-radius:16px;padding:20px}.department-grid label{display:flex;align-items:center;gap:10px;margin:12px 0}.department-grid input{width:18px;height:18px}.filters input{padding:10px;border:1px solid #76819555;border-radius:8px;max-width:100%}
