@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f6f8fa;--ink:#192a3b;--muted:#85909e;--line:#e9edf1;--green:#13aa88;--nav:#111d2c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #47cdb4;outline-offset:4px}button{color:inherit}button:disabled{opacity:.5;cursor:wait}.sidebar{width:248px;background:var(--nav);position:fixed;inset:0 auto 0 0;z-index:10;color:#a4afbe;padding:33px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;text-decoration:none;color:#fff;font:750 27px Manrope;letter-spacing:-1.1px;padding-left:12px;gap:11px}.brand-mark{background:#29c5a0;color:#102b2b;width:32px;height:32px;border-radius:9px;text-align:center;font-size:31px;line-height:31px}.brand-mark span{color:#e6fff7}.brand-dot{color:#526172;margin-left:1px;font-weight:400}.workspace{margin:33px 0 30px;background:#1c293a;border:1px solid #2b3748;border-radius:9px;padding:12px 10px;display:flex;align-items:center;gap:9px;color:#e5eaf1;font-size:12px;font-weight:600}.workspace small,.profile small{display:block;color:#8290a2;font-size:10px;margin-top:4px;font-weight:400}.workspace-avatar{background:#344253;border-radius:7px;width:29px;height:29px;text-align:center;line-height:29px}.chevron{margin-left:auto;color:#8794a5}.nav-label{font-size:9px;letter-spacing:1.6px;color:#6f8096;padding:0 13px;margin:0 0 13px}.spaced{margin-top:30px}.nav,.app-nav{display:flex;align-items:center;gap:12px;background:none;border:0;color:#9aa9bc;width:100%;text-align:left;padding:12px 14px;border-radius:7px;margin:3px 0;font-size:12px}.nav>span{font-size:19px;width:19px}.nav.active{background:#203b3b;color:#6de2bf}.nav em{margin-left:auto;font-size:10px;font-style:normal;background:#263345;padding:2px 6px;border-radius:4px}.app-nav{gap:10px}.app-nav.selected{color:#e6ecf2;background:#1b293a}.app-nav .dot,.soon-dot{margin-left:auto}.soon-dot{width:5px;height:5px;border-radius:50%;background:#546478}.sidebar-bottom{margin-top:auto}.console-note{border:1px solid #2c3a4a;border-radius:9px;padding:16px 14px;margin:25px 0 18px;background:linear-gradient(120deg,#1c2a39,#152130)}.console-note>span{font-size:22px;color:#72cfb7;display:block;margin-bottom:9px}.console-note strong{font-size:11px;color:#dce5ec;font-weight:500}.console-note p{font-size:10px;color:#7e90a5;line-height:1.8;margin-bottom:0}.profile{display:flex;align-items:center;gap:9px;margin-top:16px;border-top:1px solid #293548;padding:21px 5px 0;font-size:10px;color:#dce5ed}.avatar{display:inline-flex;background:#ede4d9;color:#7e6951;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;font-size:10px;font-weight:700}.profile button{margin-left:auto;border:0;background:none;color:#8d9baf}.avatar.small{width:29px;height:29px;font-size:9px}main{margin-left:248px}header{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{font-size:11px;color:#7c8998}.breadcrumbs span{padding:0 13px;color:#bcc5cd}.breadcrumbs b{font-weight:500;color:#45566a}.header-right{display:flex;gap:21px;align-items:center}.private-label{color:#81909b;font-size:10px}.icon-button{width:28px;height:28px;border:1px solid #dce2e8;background:#fff;border-radius:50%;font-size:14px;color:#74818d}#mobile-menu{display:none}.content{max-width:1480px;margin:auto;padding:36px 42px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8d9aa5;font-weight:650;margin:0 0 11px}h1{font:750 30px Manrope;letter-spacing:-1.3px;margin:0 0 10px}h1>span{color:var(--green)}.subtitle{font-size:12px;color:#8a95a2;margin:0}.secondary{background:#fff;border:1px solid #dfe5ea;padding:9px 14px;border-radius:7px;font-size:11px;display:inline-flex;gap:8px;align-items:center}.secondary:hover{border-color:#a9b8c1}.app-picker{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:32px}.app-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e3e8ed;border-radius:10px;padding:20px;text-align:left}.app-card.current{border-color:#63c9af;box-shadow:0 0 0 2px #16b18d08;background:linear-gradient(110deg,#fafffd,#fff)}.app-icon{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:12px;background:#e0f5ee;color:#149775;font-size:28px;flex-shrink:0;font-weight:600}.app-icon.sda{background:#eeeafa;color:#9180c6}.app-icon.mini{width:25px;height:25px;border-radius:7px;background:#253f40;color:#56d2b1;font-size:17px}.app-icon.mini.sda{background:#302e47;color:#a89bd6}.app-icon.tiny{width:28px;height:28px;font-size:19px;border-radius:8px}.app-card strong{font:700 14px Manrope;display:block;margin-bottom:5px}.app-card small{font-size:10px;color:#8b97a5}.app-tag{font-size:9px;border-radius:5px;padding:4px 7px;background:#e8f6ef;color:#159676;margin-left:auto}.coming{font-size:9px;background:#f3f4f7;color:#9297a3;padding:4px 7px;border-radius:5px;margin-left:auto}.app-arrow{color:#899ba7;margin-left:4px}.app-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.app-title>div{display:flex;gap:10px;align-items:center}h2{font:750 18px Manrope;letter-spacing:-.5px;margin:0}.badge{background:#eef0f4;color:#778594;font-size:9px;border-radius:5px;padding:4px 8px}.badge.preview{background:#fff2d9;color:#aa7527}.badge.live{background:#ddf4ea;color:#198366}.updated{font-size:9px;color:#94a0aa}.connection-banner{background:#edf5f4;border:1px solid #d8eae5;border-radius:9px;padding:14px 17px;display:flex;align-items:center;gap:12px;margin-bottom:20px}.banner-icon{font-size:25px;color:#23a48b}.connection-banner strong{font-size:11px}.connection-banner p{font-size:10px;line-height:1.6;color:#7c8f91;margin:4px 0 0}.connection-banner button{margin-left:auto;white-space:nowrap;background:#fff;border:1px solid #cde2dc;border-radius:6px;padding:8px 10px;color:#21896f;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.metric{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 20px 18px;min-height:146px}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7b8897}.metric-top span{font-size:19px;color:#a2b3c0}.metric>strong{font:750 32px Manrope;letter-spacing:-1px;display:block;margin:11px 0 7px}.metric>p{font-size:9px;color:#92a0ab;margin:0;position:relative;z-index:1}.dot{display:inline-block;width:6px;height:6px;background:#29b797;border-radius:50%;margin-right:5px;vertical-align:middle}.violet{background:#aa9acf}.amber{background:#e4b66e}.gray{background:#ccd4dc}.spark{position:absolute;right:8px;bottom:41px;width:65px;height:28px;opacity:.65;clip-path:polygon(0 100%,0 70%,14% 62%,25% 80%,40% 42%,53% 58%,67% 30%,80% 39%,100% 0,100% 100%);background:linear-gradient(#c8eee3,#fff)}.spark.purple{background:linear-gradient(#dfd8f7,#fff)}.spark.blue{background:linear-gradient(#d1e6f8,#fff)}.spark.orange{background:linear-gradient(#f6e5cd,#fff)}body:not(.has-data) .spark{display:none}.activity-grid{display:grid;grid-template-columns:1fr 285px;gap:22px;margin-bottom:23px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 0}.panel-title h3{font:750 13px Manrope;letter-spacing:-.2px;margin:0}.panel-title p{font-size:10px;color:#95a0ac;margin:6px 0 0}.panel-title select{border:1px solid #e4e9ee;border-radius:6px;background:#fff;color:#7f8b98;padding:7px 10px;font-size:9px}.chart-legend{display:flex;gap:17px;margin:22px 23px 0;font-size:9px;color:#83909c}.chart{margin:12px 22px 0;height:170px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 40px,#f0f3f6 40px,#f0f3f6 41px)}.chart svg{width:100%;height:100%;overflow:visible}.chart-empty{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#9da8b2;font-size:11px;text-align:center;background:#ffffffa6}.chart-empty small{margin-top:8px;font-size:10px;color:#b0b8c0}.chart-axis{display:flex;justify-content:space-between;margin:12px 24px 24px;color:#a1acb6;font-size:8px}.session-panel{padding-bottom:18px}.donut{width:132px;height:132px;border-radius:50%;background:conic-gradient(#e8edf1 0 100%);margin:23px auto 18px;padding:13px;transform:rotate(-90deg)}.donut>div{background:#fff;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(90deg)}.donut strong{font:750 26px Manrope}.donut small{font-size:9px;color:#9aa6af;margin-top:3px}.snapshot-row{display:flex;justify-content:space-between;margin:11px 23px;font-size:10px;color:#8c99a5}.snapshot-row b{color:#53677a;font-weight:500}.count{font:500 9px 'DM Sans';background:#edf1f4;border-radius:5px;padding:3px 6px;color:#748797;margin-left:6px}.compact{padding:7px 10px;font-size:9px}.table-tools{display:flex;align-items:center;justify-content:space-between;padding:23px 22px 13px}.tabs{display:flex;gap:6px}.tab{border:0;background:none;color:#8995a3;padding:7px 10px;font-size:10px;border-radius:5px}.tab.active{background:#edf7f3;color:#148f70;font-weight:600}.search{display:flex;align-items:center;gap:8px;border:1px solid #e4e9ef;border-radius:6px;padding:7px 9px;color:#98a4ae}.search input{width:145px;font-size:9px;border:0;outline:none;background:transparent}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#fafbfc;padding:13px 23px;color:#8c9aa7;font-size:8px;letter-spacing:.8px;font-weight:500;border-top:1px solid #f0f3f6;border-bottom:1px solid #f0f3f6}td{padding:17px 23px;font-size:10px;border-bottom:1px solid #eff2f5;color:#6c7c8d}tbody tr{cursor:pointer}tbody tr:hover{background:#f9fcfb}.room-cell{display:flex;align-items:center;gap:10px}.room-symbol{width:31px;height:31px;background:#f0f4f7;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#91a1af;font-size:15px}.room-name{font-size:11px;font-weight:650;color:#405367}.room-name small{display:block;color:#a0acb6;font-size:8px;margin-top:4px;font-weight:400}.status{font-size:8px;padding:4px 7px;background:#eaf7f0;color:#249775;border-radius:5px}.status.idle{background:#fff5e5;color:#b88b40}.status.ended{background:#f0f2f5;color:#8d9aa6}.table-footer{padding:15px 23px;display:flex;justify-content:space-between;font-size:9px;color:#9ba7b1}.empty-state{padding:35px;text-align:center;color:#9da9b4}.empty-state>span{display:block;font-size:27px;color:#b4c4cd;margin-bottom:10px}.empty-state strong{font-size:12px;color:#7b8c9b;font-weight:500}.empty-state p{font-size:10px}.primary{background:#168d73;color:#fff;border:0;padding:11px 17px;border-radius:7px;font-size:12px}.primary:hover{background:#10765f}footer{display:flex;justify-content:space-between;color:#a6afb8;font-size:9px;padding:24px 0}footer>span:first-child{display:flex;align-items:center;gap:9px}.footer-brand{font:800 18px Manrope;color:#91a8a0}footer i{padding:0 8px;font-style:normal}.coming-panel{padding:70px 25px;text-align:center;margin:30px 0}.coming-panel .app-icon{margin-bottom:25px}.coming-panel h2{font-size:30px}.coming-panel>p:not(.eyebrow){color:#8e9ba7;line-height:1.9;margin-bottom:25px}dialog{border:1px solid #e1e9ed;border-radius:15px;padding:27px;width:min(580px,92vw);color:var(--ink);box-shadow:0 20px 100px #13273728}dialog::backdrop{background:#0a17266e;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.connection-detail{display:flex;align-items:center;gap:14px}.connection-detail h3{font-size:13px}.connection-detail p{color:#8b9aa5;font-size:11px}.setup-note{background:#f4f7f8;border-radius:9px;padding:17px;margin:20px 0;color:#7c8c98;font-size:12px;line-height:1.8}.setup-note strong{color:#4a6573}.dialog-footnote{color:#8d9ca7;font-size:11px;line-height:1.8}.member-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f4}.member-row strong{font-size:12px}.member-row small{display:block;margin-top:5px;color:#99a5af;font-size:10px}.member-role{margin-left:auto;color:#93a1ad;font-size:10px}.detail-summary{background:#f5f8fa;border-radius:8px;padding:14px;margin-bottom:15px;font-size:12px;color:#8293a0;line-height:1.8}#toast{position:fixed;bottom:25px;left:calc(50% + 124px);transform:translateX(-50%);background:#1d3444;color:#fff;border-radius:8px;padding:12px 20px;font-size:12px;box-shadow:0 5px 30px #12233230;z-index:99;display:none;max-width:80vw}[hidden]{display:none!important}@media(min-width:1450px){.content{padding-top:45px}.chart{height:205px}.metric{min-height:160px}}@media(max-width:1150px){.sidebar{width:210px;padding:25px 15px}main{margin-left:210px}.content{padding:28px 25px 0}header{padding:0 25px}.activity-grid{grid-template-columns:1fr 245px}.metrics{gap:10px}.metric{padding:17px 14px}.metric>p{font-size:8px}.app-card{padding:15px;gap:10px}#toast{left:calc(50% + 105px)}th,td{padding-left:17px;padding-right:17px}}@media(max-width:850px){.sidebar{width:185px;padding:25px 12px}.brand{font-size:23px}.workspace{font-size:10px}.console-note{display:none}.profile{flex-wrap:wrap}main{margin-left:185px}.metrics{grid-template-columns:1fr 1fr}.activity-grid{grid-template-columns:1fr}.session-panel{display:none}.app-card{flex-wrap:wrap}.app-arrow{display:none}.app-tag,.coming{margin-left:0}.updated{display:none}h1{font-size:25px}.content{padding:25px 20px 0}.connection-banner{align-items:flex-start;flex-wrap:wrap}.connection-banner>div{flex:1}.connection-banner button{margin-left:36px}.private-label{display:none}#toast{left:calc(50% + 92px)}}@media(max-width:600px){.sidebar{transform:translateX(-100%);width:230px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 60px #0b1b3e50}main{margin-left:0}header{height:62px;padding:0 18px}.header-right{gap:12px}#mobile-menu{display:block;background:none;border:0;color:#657484;font-size:18px;margin-right:12px}.breadcrumbs{margin-right:auto}.content{padding:25px 16px 0}.eyebrow{font-size:8px}h1{font-size:25px}.subtitle{font-size:10px;line-height:1.7;max-width:245px}.page-heading{gap:8px}.page-heading .secondary{padding:8px}.page-heading .secondary span{display:none}.app-picker{gap:10px;margin-bottom:25px}.app-card{padding:13px;gap:10px}.app-card .app-icon{width:33px;height:33px;border-radius:9px;font-size:22px}.app-card strong{font-size:12px}.app-card small{font-size:8px}.app-tag,.coming{font-size:8px}.app-title h2{font-size:16px}.app-title>div{gap:7px}.connection-banner p{font-size:10px}.metric>strong{font-size:29px}.metric{min-height:132px}.metric>p{font-size:8px}.panel-title{padding:18px 16px 0}.panel-title p{font-size:9px}.table-tools{padding:16px;align-items:flex-start;gap:12px;flex-direction:column}.search{width:100%}.search input{width:100%}.chart{margin-left:16px;margin-right:16px}.table-footer{font-size:8px;padding:15px;gap:8px}footer{font-size:8px}footer>span:last-child{display:none}#toast{left:50%}.compact{font-size:8px;padding:7px}.chart-empty{font-size:10px}}