:root{--bg:#f5f6f8;--surface:#fff;--ink:#15171c;--muted:#6e7380;--line:#e5e7eb;--dark:#0c0e13;--dark2:#151821;--accent:#6c5ce7;--accent2:#8b7cf6;--success:#21a675;--warning:#e6a23c;--danger:#dc5b64;--shadow:0 12px 38px rgba(22,24,29,.07);font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.kicker{font-size:10px;font-weight:700;letter-spacing:.16em;color:#888e9b}.kicker.light{color:#9188da}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#8778f2,#5545d4);color:#fff;font:700 17px Manrope;box-shadow:0 7px 18px #6c5ce74d}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(420px,.85fr)}.auth-art{background:radial-gradient(circle at 18% 14%,#25203f 0,transparent 38%),radial-gradient(circle at 86% 80%,#19162b 0,transparent 34%),#0b0d12;color:#fff;padding:52px 7vw;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-art:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #ffffff0d;border-radius:50%;right:-170px;top:20%;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.auth-brand{display:flex;align-items:center;gap:12px;font:600 16px Manrope}.auth-brand b{font-weight:700;color:#9b8ff9;margin-left:3px}.auth-copy{margin:auto 0;position:relative;z-index:1}.auth-copy h1{font:700 clamp(48px,5vw,76px)/1.04 Manrope;margin:20px 0 24px;letter-spacing:-.055em}.auth-copy p{font-size:17px;line-height:1.65;color:#9da2af;max-width:520px}.auth-signal{display:flex;align-items:center;gap:14px;color:#fff}.auth-signal>span{width:10px;height:10px;border-radius:50%;background:#47d89e;box-shadow:0 0 0 6px #47d89e17}.auth-signal b,.auth-signal small{display:block}.auth-signal b{font-size:13px}.auth-signal small{font-size:11px;color:#777d8b;margin-top:3px}.auth-panel{display:grid;place-items:center;background:#fff;padding:48px}.auth-panel form{width:min(390px,100%)}.auth-panel h2{font:700 34px Manrope;letter-spacing:-.035em;margin:15px 0 8px}.auth-panel>form>p{color:var(--muted);margin:0 0 34px}.mobile-brand{display:none}.auth-panel label,dialog label,.integration-form label{font-size:12px;font-weight:600;display:grid;gap:8px;margin:17px 0;color:#3f434c}.auth-panel input,dialog input,dialog select,.integration-form input{width:100%;border:1px solid #dfe2e8;border-radius:10px;background:#fafbfc;padding:13px 14px;outline:0;transition:.2s}.auth-panel input:focus,dialog input:focus,.integration-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c5ce713;background:#fff}.btn{border:0;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--dark);color:#fff;box-shadow:0 5px 15px #0b0d121b}.btn.primary:hover{background:#242733}.btn.secondary{background:#fff;border:1px solid var(--line);color:#343740}.btn.ghost{background:#ffffff12;border:1px solid #ffffff28;color:#fff}.btn.wide{width:100%;margin-top:12px;padding:14px 18px;justify-content:space-between}.form-error{color:var(--danger);font-size:12px;min-height:18px;margin-top:12px}.secure-note{display:block;color:#9ba0aa;text-align:center;margin-top:20px}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--dark);color:#fff;padding:25px 16px;display:flex;flex-direction:column;z-index:20}.logo{display:flex;gap:11px;align-items:center;padding:0 9px 28px;font:600 14px Manrope}.logo b{display:block;color:#9285f6}.sidebar nav{display:grid;gap:4px}.sidebar nav button{border:0;background:transparent;color:#868c99;border-radius:9px;display:flex;align-items:center;gap:12px;padding:11px 12px;text-align:left;font-size:13px}.sidebar nav button i{font-style:normal;width:17px;text-align:center;font-size:16px}.sidebar nav button span{flex:1}.sidebar nav button em{font-style:normal;font-size:10px;color:#a8adba;background:#ffffff0d;padding:3px 7px;border-radius:10px}.sidebar nav button.active{background:#ffffff0d;color:#fff}.sidebar nav button:hover{color:#fff}.nav-label{font-size:9px;letter-spacing:.14em;color:#4f5562;padding:25px 12px 8px}.alert-dot{width:7px;height:7px;border-radius:50%;background:#e3a345}.sidebar-foot{margin-top:auto}.user-card{border-top:1px solid #ffffff0c;padding:18px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:10px;background:#252936;display:grid;place-items:center;font-size:11px;font-weight:700;color:#bcb5ff}.user-card div{min-width:0;flex:1}.user-card b,.user-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card b{font-size:12px}.user-card small{font-size:10px;color:#747a87;margin-top:2px}.user-card button{border:0;background:transparent;color:#747a87}.workspace{grid-column:2;min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);background:#ffffffd9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;padding:0 42px;display:flex;align-items:center;justify-content:space-between}.topbar>div{display:flex;align-items:center;gap:11px}.env-pill{font-size:9px;letter-spacing:.09em;font-weight:700;padding:6px 9px;border:1px solid #dedfe5;border-radius:7px}.env-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--warning);margin-right:5px}.workspace-name{font-size:12px;color:#8a8f99;border-left:1px solid var(--line);padding-left:12px}.top-actions{display:flex;gap:9px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:9px;width:38px;height:38px;color:#666c77}.top-actions .icon-btn{width:36px;height:36px}.content{padding:43px 48px 70px;max-width:1480px;margin:auto}.view{display:none}.view.active{display:block}.hero-row,.page-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.hero-row h1,.page-head h1{font:700 34px Manrope;letter-spacing:-.045em;margin:10px 0 6px}.hero-row p,.page-head p{color:var(--muted);margin:0;font-size:14px}.setup-banner{background:linear-gradient(105deg,#161923,#25203e);border-radius:14px;color:#fff;padding:20px 22px;display:flex;align-items:center;gap:16px;margin-bottom:22px;box-shadow:var(--shadow)}.setup-icon{width:42px;height:42px;border-radius:11px;background:#8a7cf021;color:#a79cfa;display:grid;place-items:center;font-size:24px}.setup-banner>div:nth-child(2){flex:1}.setup-banner b{font-size:13px}.setup-banner p{color:#8d92a0;font-size:12px;margin:5px 0 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article,.surface{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 1px #00000005}.stats article{padding:20px 21px}.stats span{font-size:9px;font-weight:700;letter-spacing:.1em;color:#9297a1}.stats strong{font:700 30px Manrope;display:block;margin:11px 0 5px}.stats small{font-size:11px;color:#9ba0a9}.grid-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:18px}.surface{padding:23px}.section-head,.panelhead{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.section-head h3,.surface h3{font:700 15px Manrope;margin:0}.section-head p{font-size:11px;color:#999ea8;margin:4px 0 0}.text-btn{border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:700}.meeting-stack{display:grid}.meeting-item{display:grid;grid-template-columns:40px 1fr auto;gap:13px;align-items:center;padding:14px 0;border-top:1px solid #eff0f3}.meeting-item:first-child{border-top:0}.platform-icon{width:38px;height:38px;border-radius:10px;background:#f0efff;color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:12px}.meeting-item b,.meeting-item small{display:block}.meeting-item b{font-size:12px}.meeting-item small{font-size:10px;color:#959aa5;margin-top:4px}.status{font-size:9px;font-weight:700;border-radius:12px;padding:5px 8px;text-transform:uppercase;letter-spacing:.05em}.status.ready{background:#e9f8f2;color:#16845e}.status.scheduled{background:#f0efff;color:#6454d9}.status.processing,.status.recording{background:#fff5e5;color:#a86f15}.status.failed{background:#fcebed;color:#bd3f49}.health-list{display:grid}.health-item{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #eff0f3}.health-item:first-child{border-top:0}.health-item>span{width:9px;height:9px;border-radius:50%;background:#d8dbe1}.health-item>span.ok{background:var(--success);box-shadow:0 0 0 4px #21a67512}.health-item div{flex:1}.health-item b,.health-item small{display:block}.health-item b{font-size:11px}.health-item small{font-size:10px;color:#999eaa;margin-top:2px}.health-item em{font-style:normal;color:#a0a5af;font-size:10px}.table-surface{padding:0;overflow:hidden}.toolbar{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 12px;min-width:290px}.search input{border:0;outline:0;padding:9px 0;background:transparent;width:100%;font-size:12px}.toolbar select{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 30px 9px 12px;color:#646a75;font-size:11px}.table-row{display:grid;grid-template-columns:minmax(260px,1.7fr) .8fr .75fr .7fr 40px;gap:16px;align-items:center;padding:15px 20px;border-top:1px solid #eef0f2;font-size:11px}.table-row.header{border:0;background:#fafafa;color:#989da7;font-size:9px;font-weight:700;letter-spacing:.08em}.table-row b{font-size:12px}.table-row small{display:block;color:#9ba0aa;margin-top:3px}.table-row .more{border:0;background:transparent;color:#888e98}.empty-state{text-align:center;padding:62px 24px}.empty-state span{width:48px;height:48px;border-radius:14px;background:#f1f0ff;color:var(--accent);display:grid;place-items:center;margin:auto;font-size:22px}.empty-state h3{font:700 14px Manrope;margin:14px 0 6px}.empty-state p{font-size:11px;color:#999eaa}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.connection-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px}.connection-card .card-top{display:flex;align-items:center;justify-content:space-between}.provider-logo{width:42px;height:42px;border-radius:11px;background:#f1f2f5;display:grid;place-items:center;font-weight:700}.connection-card h3{font:700 14px Manrope;margin:18px 0 5px}.connection-card p{font-size:11px;color:#969ba6;margin:0}.connection-card footer{border-top:1px solid #eff0f3;margin-top:18px;padding-top:14px;font-size:10px;color:#848a95;display:flex;justify-content:space-between}.team-row{display:grid;grid-template-columns:1fr 1fr .5fr .3fr;gap:20px;align-items:center;padding:15px 4px;border-top:1px solid #eff0f3;font-size:11px}.team-row:first-child{border:0}.person{display:flex;gap:11px;align-items:center}.person b,.person small{display:block}.person small{color:#9ba0aa;margin-top:2px}.role-pill{background:#f2f3f6;border-radius:12px;padding:5px 9px;width:max-content;text-transform:capitalize}.integration-layout{display:grid;grid-template-columns:minmax(420px,1fr) minmax(350px,.72fr);gap:18px;align-items:start}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.integration-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:left;transition:.18s}.integration-card:hover,.integration-card.active{border-color:#b7aff8;box-shadow:0 8px 28px #6c5ce712;transform:translateY(-1px)}.integration-card header{display:flex;justify-content:space-between;align-items:start}.integration-card .provider-logo{width:38px;height:38px}.integration-card h3{font:700 13px Manrope;margin:16px 0 5px}.integration-card p{font-size:10px;color:#969ba6;line-height:1.5;margin:0}.integration-card footer{margin-top:15px;display:flex;justify-content:space-between;align-items:center}.integration-card footer span{font-size:9px;color:#999eaa}.config-state{font-size:9px;padding:4px 7px;border-radius:10px;background:#f2f3f5;color:#888e98}.config-state.ok{background:#e9f8f2;color:#16845e}.integration-detail{position:sticky;top:96px}.detail-placeholder{text-align:center;padding:48px 24px}.detail-placeholder>span{font-size:30px;color:#b1a9f9}.detail-placeholder p{font-size:11px;color:#999eaa}.detail-head{display:flex;gap:13px;align-items:center;padding-bottom:18px;border-bottom:1px solid #eff0f3}.detail-head div:nth-child(2){flex:1}.detail-head h3{margin:0 0 4px}.detail-head p{font-size:10px;color:#999eaa;margin:0}.setup-steps{padding:17px 0 2px;margin:0;list-style:none;counter-reset:steps}.setup-steps li{counter-increment:steps;display:flex;gap:10px;font-size:10px;color:#6f7580;margin:11px 0;line-height:1.45}.setup-steps li:before{content:counter(steps);width:19px;height:19px;flex:0 0 19px;border-radius:6px;background:#f0efff;color:#6252d7;display:grid;place-items:center;font-size:9px;font-weight:700}.integration-form{border-top:1px solid #eff0f3;margin-top:16px;padding-top:4px}.integration-form .saved{font-size:9px;color:var(--success);margin-left:6px}.integration-form .btn{width:100%;margin-top:9px}.redirect{font-size:9px;background:#f5f6f8;border-radius:7px;padding:9px;word-break:break-all;color:#6f7580}dialog{border:0;padding:0;border-radius:16px;width:min(560px,92vw);box-shadow:0 28px 90px #0b0d1230}dialog::backdrop{background:#0b0d126b;backdrop-filter:blur(3px)}dialog form{padding:26px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-head h2{font:700 22px Manrope;margin:7px 0 0}.modal-close{border:0;background:#f3f4f6;width:31px;height:31px;border-radius:8px;font-size:18px;color:#777d87}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkbox{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.checkbox input{width:auto}.modal-actions{border-top:1px solid #eff0f3;margin-top:24px;padding-top:18px;display:flex;justify-content:flex-end;gap:9px}.toast{position:fixed;right:24px;bottom:24px;background:#151820;color:#fff;border-radius:10px;padding:12px 16px;font-size:11px;z-index:100;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}#mobileMenu{display:none}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.integration-layout{grid-template-columns:1fr}.integration-detail{position:static}.auth-shell{grid-template-columns:1fr 1fr}.auth-art{padding:45px}}@media(max-width:760px){.auth-shell{display:block}.auth-art{display:none}.auth-panel{min-height:100vh;padding:28px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:60px;font-weight:700}.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.workspace{display:block}.topbar{padding:0 18px}.workspace-name,.top-actions .icon-btn{display:none}#mobileMenu{display:block}.content{padding:30px 18px 60px}.hero-row,.page-head{align-items:start;flex-direction:column}.hero-row>.btn{display:none}.stats{grid-template-columns:1fr 1fr}.card-grid,.integration-grid{grid-template-columns:1fr}.setup-banner{align-items:start}.setup-banner .btn{display:none}.toolbar{flex-direction:column}.search{min-width:0}.table-row{grid-template-columns:1fr auto}.table-row>*:nth-child(2),.table-row>*:nth-child(3){display:none}.table-row.header{display:none}.team-row{grid-template-columns:1fr auto}.team-row>*:nth-child(2),.team-row>*:nth-child(4){display:none}.form-row{grid-template-columns:1fr}}