:root{--bg:#080b10;--surface:#0e131b;--surface2:#131a24;--line:#202a38;--text:#f3f6fa;--muted:#8793a5;--cyan:#42d6c6;--cyan2:#1fb7aa;--yellow:#e7ff72;--red:#ff627d;--orange:#ffae57;--purple:#9987ff;--green:#5ce1a1;--radius:14px;--shadow:0 24px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.3px}.brand b{color:var(--cyan)}.brand-logo{width:42px;height:42px;display:block;object-fit:contain;flex:0 0 42px;filter:drop-shadow(0 5px 13px rgba(31,183,170,.24))}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between}.site-header nav{display:flex;gap:32px;color:#a5afbe;font-size:14px}.site-header nav a:hover{color:#fff}.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border-radius:9px;background:var(--cyan);color:#061110;font-weight:750;font-size:14px;transition:.2s;box-shadow:0 8px 30px rgba(66,214,198,.12)}.button:hover{background:#60e4d6;transform:translateY(-1px)}.button-small{padding:9px 15px}.button-ghost,.button-outline{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}.button-ghost:hover,.button-outline:hover{border-color:#465368;background:#111823}.eyebrow{color:var(--cyan);font-size:12px;text-transform:uppercase;letter-spacing:1.8px;font-weight:800}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(66,214,198,.1);margin-right:8px}.hero{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;padding-top:50px;padding-bottom:90px}.hero h1{font-size:clamp(48px,5vw,72px);line-height:1.02;letter-spacing:-4px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--cyan)}.lead{color:#9ba6b6;font-size:18px;max-width:580px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.text-link{font-size:14px;font-weight:700;color:#b9c2ce;border-bottom:1px solid #414b59;padding-bottom:3px}.trust{display:flex;gap:22px;font-size:12px;color:#728094;margin-top:22px}.console-card{background:#0b1017;border:1px solid #263242;border-radius:14px;box-shadow:var(--shadow),0 0 80px rgba(66,214,198,.06);overflow:hidden;transform:perspective(1200px) rotateY(-2deg)}.console-top,.console-status{display:flex;align-items:center;padding:13px 16px;background:#111720;color:#727e8e;font-size:11px;border-bottom:1px solid #1c2633}.console-top>span:nth-child(2){margin:auto}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#394453}.window-dots i:first-child{background:#ff647c}.window-dots i:nth-child(2){background:#ffbb5c}.window-dots i:last-child{background:#50d799}.live-label{color:var(--green)!important}.live-label i,.console-status i,.system-online i,.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}.console-filter{margin:16px;display:flex;justify-content:space-between;border:1px solid #202b39;border-radius:8px;padding:10px 12px;color:#606d7f;font-size:11px}.console-filter b{color:#a1acb9;font-weight:500}.mock-log{display:grid;grid-template-columns:58px 58px 1fr auto;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid #151d27;font-size:11px}.mock-log time,.mock-log code{color:#667284;font-size:10px}.mock-log p{margin:0;color:#a6b1be}.mock-log strong{color:#e9edf3}.tag{display:inline-flex;width:max-content;padding:3px 7px;border-radius:4px;font-weight:800;font-size:9px;letter-spacing:.4px}.tag-green{color:#66e8a9;background:rgba(92,225,161,.1)}.tag-blue{color:#63bff9;background:rgba(65,159,222,.12)}.tag-orange{color:#ffb866;background:rgba(255,174,87,.11)}.tag-red{color:#ff7187;background:rgba(255,98,125,.11)}.console-status{border-top:1px solid #202a37;border-bottom:0;gap:25px}.console-status span:first-child{margin-right:auto;color:#8b97a6}.numbers{border-top:1px solid #18212d;border-bottom:1px solid #18212d;background:#0a0e14}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 0}.number-grid div{display:flex;flex-direction:column;align-items:center;border-right:1px solid #202936}.number-grid div:last-child{border:0}.number-grid b{font-size:21px}.number-grid span{font-size:11px;color:#788496;margin-top:3px}.section{padding-top:120px;padding-bottom:120px}.section-heading{text-align:center;max-width:660px;margin:0 auto 55px}.section-heading h2,.integration-grid h2{font-size:42px;line-height:1.1;letter-spacing:-2px;margin:12px 0}.section-heading p,.integration-grid>div>p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.feature-card{grid-column:span 2;background:var(--surface);border:1px solid #1e2835;border-radius:var(--radius);padding:26px;min-height:260px;overflow:hidden}.feature-card.feature-wide{grid-column:span 4}.feature-icon{width:38px;height:38px;border:1px solid #2c3c4b;border-radius:9px;display:grid;place-items:center;color:var(--cyan);background:#111a22}.feature-card h3{margin:22px 0 8px;font-size:18px}.feature-card p{font-size:13px;color:var(--muted);max-width:480px}.search-demo,.key-demo{border:1px solid #273443;background:#0a0f15;border-radius:8px;padding:12px 14px;color:#8795a7;font:12px ui-monospace,monospace;margin-top:25px;display:flex;justify-content:space-between}.search-demo kbd{border:1px solid #364252;border-radius:4px;padding:1px 6px}.key-demo span{color:var(--green)}.mini-bars{height:55px;display:flex;align-items:end;gap:7px;margin-top:30px}.mini-bars i{flex:1;background:var(--cyan);opacity:.2;border-radius:3px 3px 0 0}.mini-bars i:nth-child(1){height:25%}.mini-bars i:nth-child(2){height:50%}.mini-bars i:nth-child(3){height:32%}.mini-bars i:nth-child(4){height:80%;opacity:.65}.mini-bars i:nth-child(5){height:55%}.mini-bars i:nth-child(6){height:95%}.mini-bars i:nth-child(7){height:70%}.mini-bars i:nth-child(8){height:90%;opacity:.8}.tag-row{display:flex;gap:7px;margin-top:24px}.feature-card pre{margin-top:22px;font:10px ui-monospace,monospace;color:#8090a1;background:#090e14;padding:12px;border-radius:7px;white-space:pre-wrap}.integration-section{padding:110px 0;background:#0b1017;border-block:1px solid #192330}.integration-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:90px;align-items:center}.check-list{list-style:none;padding:0;margin:35px 0 0}.check-list li{display:flex;align-items:center;gap:12px;color:#aab5c3;font-size:14px;margin:14px 0}.check-list i,.step{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(66,214,198,.11);color:var(--cyan);font-style:normal;font-size:11px;font-weight:800}.code-card{background:#080c12;border:1px solid #263241;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.code-head{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#111720;border-bottom:1px solid #202a37;font-size:12px;color:#7e8998}.code-head button{border:0;background:none;color:var(--cyan);cursor:pointer}.code-card pre{padding:24px;margin:0;overflow:auto;color:#8090a4;font:12px/1.8 ui-monospace,SFMono-Regular,monospace}.code-card b{color:#72d8cb}.code-card i{color:#d2da85;font-style:normal}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:center}.price-card{position:relative;border:1px solid #202b38;border-radius:var(--radius);background:var(--surface);padding:30px}.price-card.popular{border-color:var(--cyan);padding-block:43px;box-shadow:0 0 50px rgba(66,214,198,.06)}.popular-label{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--cyan);color:#071311;border-radius:20px;padding:5px 12px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.price-card>span{font-size:13px;color:var(--cyan);font-weight:800}.price-card h3{font-size:34px;margin:14px 0 0}.price-card h3 small{font-size:12px;color:#778395;font-weight:500}.price-card p{font-size:13px;color:var(--muted)}.price-card ul{list-style:none;padding:18px 0;margin:18px 0;border-top:1px solid #202936}.price-card li{font-size:13px;color:#aab4c1;margin:11px 0}.price-card li:before{content:"✓";color:var(--cyan);margin-right:9px}.price-card .button{width:100%}footer{border-top:1px solid #19222e;padding:38px 0;background:#080b10}.footer-inner{display:flex;align-items:center;gap:35px;color:#697687;font-size:12px}.footer-inner p{margin-right:auto}

/* auth */
.auth-page{min-height:100vh;display:grid;place-items:center;background-image:radial-gradient(circle at 50% 35%,rgba(66,214,198,.07),transparent 32%)}.auth-brand{position:fixed;top:30px;left:40px}.auth-card{width:min(430px,calc(100% - 32px));text-align:center;background:#0d131b;border:1px solid #222e3c;border-radius:18px;padding:45px;box-shadow:var(--shadow)}.auth-icon{width:54px;height:54px;margin:0 auto 22px;display:grid;place-items:center;border-radius:14px;color:var(--cyan);background:rgba(66,214,198,.1);font-size:24px}.auth-card h1{font-size:28px;letter-spacing:-1px;margin:9px 0}.auth-card p{font-size:14px;color:var(--muted);margin:0 0 28px}.discord-button{width:100%;background:#5865f2;color:white}.discord-button:hover{background:#6c77f5}.discord-shape{font-weight:900}.auth-card small{display:block;color:#647083;margin-top:17px}.notice{padding:10px;margin:-12px 0 18px;background:rgba(255,98,125,.1);border:1px solid rgba(255,98,125,.2);border-radius:7px;color:#ff8095;font-size:12px}.hidden{display:none!important}.error-code{font-size:56px;font-weight:900;color:var(--cyan)}

/* dashboard */
.dashboard-page{background:#090d13}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;border-right:1px solid #1b2531;background:#0b1017;padding:25px 18px;display:flex;flex-direction:column;z-index:5}.sidebar>.brand{padding-left:9px}.side-nav{display:flex;flex-direction:column;gap:5px;margin-top:48px}.side-nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;color:#7f8b9d;font-size:13px;font-weight:650;border-radius:8px}.side-nav a:hover{color:#ccd3dd;background:#101720}.side-nav a.active{color:var(--cyan);background:rgba(66,214,198,.08)}.side-nav a span{width:22px;text-align:center}.side-bottom{margin-top:auto}.plan-box{background:#101720;border:1px solid #202b38;border-radius:10px;padding:13px;margin-bottom:13px}.plan-box>span,.plan-box small{display:block;font-size:10px;color:#738094}.plan-box b{display:block;font-size:13px;margin:2px 0 10px}.plan-box>div{height:3px;border-radius:4px;background:#26303d;overflow:hidden}.plan-box>div i{display:block;width:0;height:100%;background:var(--cyan)}.plan-box small{margin-top:7px}.user-box{border:0;background:transparent;width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;text-align:left;color:#fff;padding:9px;cursor:pointer;border-radius:8px}.user-box:hover{background:#111822}.avatar{width:34px;height:34px;border-radius:9px;background:#26374a;display:grid;place-items:center;font-weight:800;color:var(--cyan)}.user-box span:nth-child(2){display:flex;flex-direction:column}.user-box b{font-size:12px}.user-box small{color:#657184;font-size:10px}.user-box>i{color:#5c6879}.dashboard-main{margin-left:240px;min-height:100vh}.dash-header{min-height:112px;border-bottom:1px solid #1b2531;padding:25px 34px;display:flex;align-items:center}.breadcrumb{font-size:10px;color:#596678}.breadcrumb b{color:#8290a3}.dash-header h1{font-size:25px;margin:5px 0 0;letter-spacing:-.8px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.system-online{font-size:10px;color:#788597}.dash-view{display:none;padding:28px 34px 60px;max-width:1450px;margin:auto}.dash-view.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-grid article{position:relative;background:var(--surface);border:1px solid #1d2734;border-radius:11px;padding:18px}.stats-grid article>span{font-size:11px;color:#748194}.stats-grid article>b{display:block;font-size:25px;line-height:1.4}.stats-grid small{font-size:9px;color:#626f81}.stats-grid .positive{color:var(--green)}.stat-icon{position:absolute;right:16px;top:16px;width:31px;height:31px;display:grid;place-items:center;border-radius:8px;font-style:normal;font-size:13px}.stat-icon.cyan{color:var(--cyan);background:rgba(66,214,198,.09)}.stat-icon.purple{color:var(--purple);background:rgba(153,135,255,.1)}.stat-icon.red{color:var(--red);background:rgba(255,98,125,.1)}.stat-icon.green{color:var(--green);background:rgba(92,225,161,.1)}.panel{background:var(--surface);border:1px solid #1d2734;border-radius:11px}.activity-panel{margin-top:13px;padding:19px 20px 12px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:14px;margin:0}.panel-title p{font-size:9px;color:#687588;margin:2px 0}.legend{font-size:9px;color:#748194}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan)}.activity-chart{height:115px;display:flex;align-items:end;gap:14px;border-bottom:1px solid #27313e;padding:12px 6px 0;margin-top:8px}.chart-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;position:relative}.chart-column i{width:100%;max-width:45px;min-height:3px;border-radius:3px 3px 0 0;background:var(--cyan);opacity:.65;transition:.3s}.chart-column span{position:absolute;top:100%;margin-top:4px;font-size:8px;color:#536073}.logs-panel{margin-top:13px;padding:19px 0 0;overflow:hidden}.logs-panel>.panel-title{padding:0 20px 14px}.icon-button{width:30px;height:30px;border:1px solid #293443;color:#8290a2;background:#111821;border-radius:7px;cursor:pointer}.filter-bar{padding:12px 20px;border-block:1px solid #1b2531;display:flex;gap:8px}.filter-bar select,.search-field{height:34px;border:1px solid #26313f;background:#0a0f15;color:#8895a6;border-radius:7px;font-size:10px}.filter-bar select{padding:0 24px 0 10px}.search-field{display:flex;align-items:center;gap:8px;padding:0 11px;flex:1;max-width:380px}.search-field input{background:none;border:0;outline:0;color:#dce2ea;width:100%;font-size:11px}.log-head,.log-row{display:grid;grid-template-columns:74px 90px minmax(280px,1fr) 170px 140px;align-items:center;gap:10px;padding:9px 20px}.log-head{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#536174;background:#0c1118}.log-row{min-height:51px;border-top:1px solid #18212c;font-size:10px;color:#8491a2}.log-row:hover{background:#101720}.log-row time{font:9px ui-monospace,monospace;color:#647185}.log-row .event-message{color:#c7cfd9}.log-row .event-message b{display:block;font-size:8px;color:#596779;font-weight:500;margin-top:2px}.log-row .player{display:flex;flex-direction:column;color:#aeb8c5}.log-row .player small{color:#596678;font:8px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{text-align:center;padding:45px 20px;color:#657184;font-size:12px}.empty-state b{display:block;color:#9aa6b5;font-size:14px;margin-bottom:4px}.load-more{display:block;margin:12px auto;padding:8px 14px;border:1px solid #26313e;background:#111821;color:#91a0b2;border-radius:7px;font-size:10px;cursor:pointer}.view-heading{display:flex;align-items:center;justify-content:space-between;margin:5px 0 25px}.view-heading h2{font-size:24px;margin:0}.view-heading p{color:#748194;font-size:12px;margin:4px 0}.servers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.server-card{background:var(--surface);border:1px solid #202a37;border-radius:12px;padding:20px}.server-card-top{display:flex;align-items:center;gap:11px}.server-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:rgba(66,214,198,.1);color:var(--cyan)}.server-card-top>div{display:flex;flex-direction:column}.server-card-top b{font-size:13px}.server-card-top small{font-size:9px;color:var(--green)}.server-card-top small.offline{color:var(--muted)}.server-card dl{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #1d2733;margin:17px 0;padding:14px 0}.server-card dt{font-size:8px;color:#637083;text-transform:uppercase}.server-card dd{margin:3px 0 0;font-size:11px}.server-card code{font-size:9px;color:#8290a2}.server-actions{display:flex;gap:7px}.server-actions button{flex:1;border:1px solid #273240;background:#111820;color:#8794a5;padding:7px;border-radius:6px;font-size:9px;cursor:pointer}.server-actions button:hover{color:#fff;border-color:#3b4858}.server-actions .danger:hover{color:var(--red);border-color:rgba(255,98,125,.35)}.integration-docs{display:grid;gap:14px;max-width:900px}.doc-card{padding:24px}.doc-card h3{font-size:16px;margin:12px 0 5px}.doc-card p{color:var(--muted);font-size:12px}.doc-card pre{margin:17px 0 0;padding:17px;border-radius:8px;background:#080d13;border:1px solid #1e2936;color:#a7b6c7;font:11px/1.7 ui-monospace,monospace;overflow:auto}.field-list{margin-top:14px}.field-list div{display:grid;grid-template-columns:150px 1fr;padding:10px 0;border-top:1px solid #1d2733;font-size:11px;color:#8996a7}.field-list code{color:var(--cyan)}dialog{border:1px solid #283544;background:#0e141d;color:#fff;border-radius:15px;padding:0;box-shadow:0 30px 100px #000;width:min(450px,calc(100% - 30px))}dialog::backdrop{background:rgba(3,6,10,.78);backdrop-filter:blur(3px)}dialog form,.key-modal{padding:33px;position:relative}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#667386;font-size:22px;cursor:pointer}.dialog-close:hover{color:#fff}dialog h2{font-size:24px;margin:8px 0 2px}dialog p{font-size:12px;color:var(--muted);margin:0 0 23px}dialog label{display:block;font-size:11px;color:#9ba6b5}dialog input{display:block;width:100%;margin-top:7px;border:1px solid #293544;background:#090e14;border-radius:8px;padding:11px 12px;color:#fff;outline:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.success-ring{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(92,225,161,.1);color:var(--green);font-weight:900}.key-copy{margin-top:7px;border:1px solid #293544;background:#090e14;border-radius:8px;padding:10px;display:flex;gap:8px;align-items:center}.key-copy code{font-size:10px;color:var(--cyan);overflow:hidden;text-overflow:ellipsis}.key-copy button{margin-left:auto;border:0;background:#1b2832;color:var(--cyan);border-radius:5px;padding:6px;font-size:9px;cursor:pointer}.full{width:100%;margin-top:19px}.toast{position:fixed;top:18px;right:18px;z-index:20;background:#121b24;border:1px solid #2a3846;color:#d4dbe4;border-radius:9px;padding:11px 15px;font-size:11px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.menu-button{display:none}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.console-card{transform:none}.feature-card,.feature-card.feature-wide{grid-column:span 3}.integration-grid{grid-template-columns:1fr;gap:50px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.dashboard-main{margin-left:0}.menu-button{display:block;margin-right:14px;background:none;border:0;color:#fff}.stats-grid{grid-template-columns:repeat(2,1fr)}.servers-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:min(100% - 28px,1160px)}.site-header{height:72px}.site-header>.button{display:none}.hero{min-height:auto;padding:65px 0}.hero h1{font-size:43px;letter-spacing:-2.5px}.hero-actions,.trust{align-items:flex-start;flex-direction:column}.console-card{margin-top:5px}.mock-log{grid-template-columns:50px 55px 1fr}.mock-log code{display:none}.number-grid{grid-template-columns:1fr 1fr;gap:25px}.number-grid div:nth-child(2){border:0}.feature-grid,.pricing-grid{grid-template-columns:1fr}.feature-card,.feature-card.feature-wide{grid-column:auto}.section{padding-block:80px}.section-heading h2,.integration-grid h2{font-size:34px}.footer-inner{align-items:flex-start;flex-direction:column}.dash-header{padding:18px;min-height:85px}.dash-header h1{font-size:20px}.system-online,.header-actions .button{display:none}.dash-view{padding:18px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{padding:14px}.stats-grid article>b{font-size:20px}.activity-panel{display:none}.filter-bar{flex-wrap:wrap}.search-field{min-width:100%;max-width:none}.filter-bar select{flex:1}.log-head{display:none}.log-row{grid-template-columns:62px 68px 1fr;padding:10px 12px}.log-row .player,.log-row .server-cell{display:none}.servers-grid{grid-template-columns:1fr}.view-heading{align-items:flex-start;gap:15px}.view-heading .button{font-size:0;padding:10px}.view-heading .button:after{content:"+";font-size:18px}.field-list div{grid-template-columns:110px 1fr}.auth-brand{left:20px;top:20px}}

/* Shared layout components */
five-header,five-footer{display:block}.site-header{position:sticky;top:0;z-index:10;width:100%;height:78px;padding:0 clamp(20px,4vw,64px);background:rgba(8,11,16,.9);border-bottom:1px solid rgba(32,42,56,.8);backdrop-filter:blur(18px)}.header-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.header-nav{display:flex;align-items:center;gap:34px}.header-nav a,.header-login{font-size:13px;color:#98a4b5;transition:.2s}.header-nav a:hover,.header-login:hover{color:#fff}.header-cta{display:flex;align-items:center;gap:22px}.site-footer{padding:0;background:#080b10;border-top:1px solid #1b2531}.footer-shell{width:100%;padding:64px clamp(24px,6vw,90px) 52px;display:grid;grid-template-columns:minmax(240px,1.2fr) 2fr;gap:80px}.footer-primary{max-width:340px}.footer-primary p{color:#748194;font-size:13px;margin:18px 0 22px}.social-links{display:flex;gap:9px}.social-links a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #263241;border-radius:9px;background:#0e141c;color:#91a0b2;font-size:11px;transition:.2s}.social-links a:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.footer-links>div{display:flex;flex-direction:column;gap:11px}.footer-links b{font-size:12px;margin-bottom:7px}.footer-links a{color:#738093;font-size:12px}.footer-links a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid #19222e;padding:18px clamp(24px,6vw,90px);display:flex;align-items:center;justify-content:space-between;color:#566375;font-size:10px}.footer-bottom span:last-child{color:#718092}.footer-bottom i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.legal-page{padding-top:100px;padding-bottom:120px;max-width:820px}.legal-page h1{font-size:48px;letter-spacing:-2.5px;margin:10px 0 2px}.legal-updated{color:#657184;font-size:12px;margin-bottom:50px}.legal-page section{background:var(--surface);border:1px solid #202a37;border-radius:16px;padding:38px}.legal-page h2{font-size:18px;margin:30px 0 7px}.legal-page h2:first-child{margin-top:0}.legal-page p{color:#8c98a9;font-size:14px}.legal-page a{color:var(--cyan)}

/* Login providers */
.login-card{padding:42px}.auth-methods{display:grid;gap:12px}.google-button{background:#fff;color:#18202b;box-shadow:none}.google-button:hover{background:#f2f4f7}.google-button.disabled{opacity:.48;cursor:not-allowed;transform:none}.google-mark{font-family:Arial,sans-serif;font-weight:900;color:#4285f4;font-size:16px}.auth-divider{position:relative;text-align:center;height:16px;color:#596678;font-size:10px}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#222d3a}.auth-divider span{position:relative;background:#0d131b;padding:0 10px}.auth-back{display:block;margin-top:24px;color:#6d7a8c;font-size:11px}.auth-back:hover{color:var(--cyan)}

/* Account settings components */
.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.settings-card{padding:23px}.settings-card.preferences-settings{grid-column:1/-1}.settings-title{display:flex;align-items:center;gap:13px;padding-bottom:19px;border-bottom:1px solid #1d2733}.settings-title h3{font-size:14px;margin:0}.settings-title p{font-size:10px;color:#6e7b8d;margin:2px 0 0}.settings-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(66,214,198,.09);color:var(--cyan)}.profile-summary{display:flex;align-items:center;gap:13px;padding-top:20px}.profile-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#26374a;color:var(--cyan);font-size:16px;font-weight:800;overflow:hidden}.profile-avatar img,.avatar img{width:100%;height:100%;object-fit:cover}.profile-summary>div{display:flex;flex-direction:column}.profile-summary b{font-size:13px}.profile-summary small{color:#697688;font-size:10px}.verified-badge{margin-left:auto;color:var(--green);background:rgba(92,225,161,.08);border:1px solid rgba(92,225,161,.15);border-radius:20px;padding:4px 9px;font-size:9px}.connection-list{padding-top:7px}.connection-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #1c2632}.connection-row:last-child{border:0}.provider-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;font-weight:900;font-size:11px}.google-symbol{background:#fff;color:#4285f4}.discord-symbol{background:#5865f2;color:#fff}.connection-row>div{display:flex;flex-direction:column}.connection-row b{font-size:12px}.connection-row small{font-size:9px;color:#657284}.connection-row.connected small{color:var(--green)}.connection-button{border:1px solid #2a3644;background:#111821;color:#93a0b1;border-radius:7px;padding:7px 11px;font-size:9px;cursor:pointer}.connection-button:hover{color:#fff;border-color:#465467}.connection-button.disabled{opacity:.4;cursor:not-allowed}.preference-row{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #1d2733;cursor:pointer}.preference-row:last-child{border:0;padding-bottom:0}.preference-row>span{display:flex;flex-direction:column}.preference-row b{font-size:12px}.preference-row small{font-size:9px;color:#667386}.preference-row input{display:none}.preference-row>i{position:relative;margin-left:auto;width:34px;height:19px;background:#27313e;border-radius:20px;transition:.2s}.preference-row>i:after{content:"";position:absolute;width:13px;height:13px;left:3px;top:3px;border-radius:50%;background:#778496;transition:.2s}.preference-row input:checked+i{background:rgba(66,214,198,.25)}.preference-row input:checked+i:after{transform:translateX(15px);background:var(--cyan)}.compact-logs .log-row{min-height:38px;padding-top:5px;padding-bottom:5px}

@media(max-width:900px){.header-nav{display:none}.footer-shell{grid-template-columns:1fr;gap:45px}.settings-layout{grid-template-columns:1fr}.settings-card.preferences-settings{grid-column:auto}}
@media(max-width:620px){.site-header{height:68px;padding:0 18px}.header-login{display:none}.header-cta .button{padding:8px 12px}.footer-shell{padding:48px 22px 38px}.footer-links{grid-template-columns:1fr 1fr;gap:35px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px;padding:16px 22px}.legal-page{padding-top:70px}.legal-page h1{font-size:38px}.legal-page section{padding:24px}.settings-card{padding:18px}.profile-summary{flex-wrap:wrap}.verified-badge{margin-left:59px}.login-card{padding:34px 25px}}

/* Magic UI inspired effects */
@property --beam-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.border-beam{position:relative;isolation:isolate}.border-beam:after{content:"";position:absolute;inset:0;z-index:3;padding:1px;border-radius:inherit;background:conic-gradient(from var(--beam-angle),transparent 0 68%,rgba(66,214,198,.15) 76%,#42d6c6 83%,#9987ff 88%,transparent 96%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;animation:border-beam-spin 6s linear infinite}@keyframes border-beam-spin{to{--beam-angle:360deg}}.magic-card{position:relative;isolation:isolate;overflow:hidden}.magic-card:before{content:"";position:absolute;z-index:-1;inset:0;opacity:0;background:radial-gradient(340px circle at var(--mouse-x,-100px) var(--mouse-y,-100px),rgba(66,214,198,.1),transparent 42%);transition:opacity .25s;pointer-events:none}.magic-card:hover:before{opacity:1}.shimmer-button{position:relative;overflow:hidden;isolation:isolate}.shimmer-button:after{content:"";position:absolute;inset:-100% -40%;z-index:-1;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.58) 48%,transparent 58%);transform:translateX(-55%) rotate(8deg);animation:button-shimmer 3.6s ease-in-out infinite}@keyframes button-shimmer{0%,58%{transform:translateX(-55%) rotate(8deg)}82%,100%{transform:translateX(55%) rotate(8deg)}}.magic-hero{position:relative;isolation:isolate}.magic-hero>*:not(.animated-grid){position:relative;z-index:1}.animated-grid{position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;pointer-events:none;background-image:linear-gradient(rgba(66,214,198,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(66,214,198,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse 74% 68% at 50% 46%,#000 10%,transparent 72%)}.animated-grid i{position:absolute;left:var(--x);top:var(--y);width:70px;height:70px;background:rgba(66,214,198,.07);border:1px solid rgba(66,214,198,.12);animation:grid-flicker 7s var(--delay) ease-in-out infinite}@keyframes grid-flicker{0%,18%,100%{opacity:0}28%,48%{opacity:1}65%{opacity:.08}}.blur-fade{opacity:0;filter:blur(10px);transform:translateY(18px);transition:opacity .65s var(--reveal-delay,0ms),filter .65s var(--reveal-delay,0ms),transform .65s var(--reveal-delay,0ms)}.blur-fade.revealed{opacity:1;filter:blur(0);transform:none}.integration-marquee{overflow:hidden;padding:28px 0;border-bottom:1px solid #18212d;background:#090d13}.integration-marquee>p{text-align:center;margin:0 0 17px;color:#536174;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:1.6px}.marquee-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;width:max-content;gap:10px;animation:marquee-scroll 28s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-track span{min-width:145px;height:42px;display:flex;align-items:center;justify-content:center;gap:9px;background:#0d131b;border:1px solid #1d2834;border-radius:9px;color:#7c899a;font:600 11px ui-monospace,SFMono-Regular,monospace}.marquee-track i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(66,214,198,.45)}@keyframes marquee-scroll{to{transform:translateX(calc(-50% - 5px))}}
@media(prefers-reduced-motion:reduce){.border-beam:after,.shimmer-button:after,.animated-grid i,.marquee-track{animation:none}.blur-fade{opacity:1;filter:none;transform:none;transition:none}}


/* Landing page fixes and dashboard preview */
.number-grid b{font-size:clamp(25px,2vw,31px);line-height:1.1;letter-spacing:-.7px}
.number-grid>div>span{font-size:12px;color:#788496;margin-top:7px}
.number-grid b span{font-size:inherit;color:inherit;margin:0}

.marquee-track{gap:0;animation-duration:18s;will-change:transform}
.marquee-track:hover{animation-play-state:running}
.marquee-group{display:flex;align-items:center;justify-content:space-around;gap:10px;min-width:100vw;flex-shrink:0;padding:0 5px}
@keyframes marquee-scroll{to{transform:translateX(-50%)}}

.dashboard-preview{height:430px;display:grid;grid-template-columns:112px minmax(0,1fr);overflow:hidden;background:#090e15;border:1px solid #283646;border-radius:14px;box-shadow:var(--shadow),0 0 90px rgba(66,214,198,.07);transform:perspective(1200px) rotateY(-1.25deg);font-size:10px}
.preview-sidebar{display:flex;min-width:0;flex-direction:column;padding:15px 10px 12px;background:#0c121a;border-right:1px solid #1d2834}
.preview-brand{display:flex;align-items:center;gap:7px;padding:0 4px 18px;font-size:11px}
.preview-brand>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:var(--cyan);color:#06110f;font-size:12px;font-weight:900;box-shadow:0 0 20px rgba(66,214,198,.16)}
.preview-brand b{white-space:nowrap}.preview-brand em{color:var(--cyan);font-style:normal}
.preview-sidebar nav{display:flex;flex-direction:column;gap:4px}
.preview-sidebar nav i{display:flex;align-items:center;gap:7px;padding:7px 6px;border-radius:6px;color:#667487;font-size:8px;font-style:normal;white-space:nowrap}
.preview-sidebar nav i.active{color:var(--cyan);background:rgba(66,214,198,.08)}
.preview-user{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;margin-top:auto;padding:8px 5px 0;border-top:1px solid #1d2733}
.preview-user>span{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#253547;color:var(--cyan);font-size:8px;font-weight:800}
.preview-user small{display:flex;min-width:0;flex-direction:column;color:#aeb8c5;font-size:7px;white-space:nowrap;overflow:hidden}
.preview-user small>b{color:#566476;font-size:6px;font-weight:500}
.preview-main{min-width:0;background:linear-gradient(145deg,#0b1118,#090d13)}
.preview-main>header{height:60px;display:flex;align-items:center;padding:0 17px;border-bottom:1px solid #1d2834}
.preview-main>header>div{display:flex;flex-direction:column}.preview-main>header small{color:#596779;font-size:7px}
.preview-main>header b{font-size:12px;margin-top:2px}.preview-live{display:flex;align-items:center;gap:5px;margin-left:auto;color:var(--green);font-size:7px;font-weight:800}
.preview-live i,.preview-panel-title small i{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(92,225,161,.35)}
.preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:11px 13px 9px}
.preview-stats article{min-width:0;padding:9px 10px;background:#0f161f;border:1px solid #1e2a37;border-radius:8px}
.preview-stats small,.preview-stats b,.preview-stats em{display:block}.preview-stats small{color:#697688;font-size:7px}
.preview-stats b{margin:2px 0 1px;font-size:15px;line-height:1.2;letter-spacing:-.4px}.preview-stats em{color:var(--green);font-size:6px;font-style:normal}.preview-stats em.warn{color:var(--orange)}
.preview-logs{margin:0 13px 13px;overflow:hidden;background:#0d141c;border:1px solid #1e2a37;border-radius:9px}
.preview-panel-title{height:42px;display:flex;align-items:center;padding:0 11px}
.preview-panel-title>div{display:flex;flex-direction:column}.preview-panel-title b{font-size:9px}.preview-panel-title small{display:flex;align-items:center;gap:4px;color:#657285;font-size:6px}.preview-panel-title>span{margin-left:auto;color:#6f7c8e;font-size:11px}
.preview-filters{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;gap:5px;padding:7px 10px;border-block:1px solid #1b2632;color:#687587;font-size:6px}
.preview-filters span,.preview-filters i{height:26px;display:flex;align-items:center;padding:0 8px;background:#0a0f16;border:1px solid #212d3a;border-radius:6px;font-style:normal}
.preview-filters i{color:#8c98a8;white-space:nowrap}
.preview-log-head,.preview-log-row{display:grid;grid-template-columns:48px 52px minmax(120px,1fr) 57px;align-items:center;gap:7px;padding:0 10px}
.preview-log-head{height:23px;background:#0a1017;color:#536174;font-size:6px;text-transform:uppercase;letter-spacing:.4px}
.preview-log-row{min-height:47px;border-top:1px solid #19232e}.preview-log-row time{color:#596779;font:6px ui-monospace,SFMono-Regular,monospace}
.preview-log-row .tag{font-size:6px;padding:3px 5px}.preview-log-row p{min-width:0;margin:0}.preview-log-row p b,.preview-log-row p small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-log-row p b{color:#c6ced8;font-size:7px}.preview-log-row p small{color:#566375;font-size:6px}.preview-log-row code{overflow:hidden;color:#7f8c9e;font-size:6px;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:900px){.dashboard-preview{transform:none;width:min(680px,100%);margin:8px auto 0}}
@media(max-width:620px){.dashboard-preview{height:390px;grid-template-columns:48px minmax(0,1fr)}.preview-sidebar{padding-inline:7px}.preview-brand{padding-inline:3px}.preview-brand b,.preview-sidebar nav span,.preview-user small{display:none}.preview-sidebar nav i{justify-content:center;font-size:10px}.preview-user{display:block;padding:8px 3px 0}.preview-user>span{width:27px}.preview-main>header{height:54px;padding-inline:12px}.preview-stats{padding:8px}.preview-stats article{padding:7px}.preview-stats b{font-size:12px}.preview-logs{margin:0 8px 8px}.preview-filters{grid-template-columns:1fr auto}.preview-filters i:last-child{display:none}.preview-log-head,.preview-log-row{grid-template-columns:41px 45px minmax(100px,1fr)}.preview-log-head span:last-child,.preview-log-row code{display:none}.preview-log-row{min-height:45px}.number-grid b{font-size:25px}.number-grid>div>span{font-size:10px}}


/* FiveLogs color modes */
html{color-scheme:dark}
.theme-toggle{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #263241;border-radius:9px;background:#0e141c;color:#aab5c3;cursor:pointer;transition:color .2s,border-color .2s,background .2s,transform .2s}
.theme-toggle:hover{color:var(--cyan);border-color:var(--cyan);transform:translateY(-1px)}
.theme-toggle span{font-size:17px;line-height:1}
.theme-toggle-floating{position:fixed;z-index:10;top:28px;right:36px}

html[data-theme="light"]{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface2:#eef2f7;--line:#d8e0ea;--text:#111827;--muted:#667085;--shadow:0 24px 70px rgba(29,43,65,.12)}
html[data-theme="light"] body{background:#f5f7fb;color:var(--text)}
html[data-theme="light"] .site-header{background:rgba(255,255,255,.9);border-bottom-color:#dce3ec}
html[data-theme="light"] .header-nav a,html[data-theme="light"] .header-login{color:#596579}
html[data-theme="light"] .header-nav a:hover,html[data-theme="light"] .header-login:hover{color:#111827}
html[data-theme="light"] .theme-toggle{background:#fff;border-color:#d5dde8;color:#49566a}
html[data-theme="light"] .theme-toggle:hover{color:#0f9f93;border-color:#42bfb3}
html[data-theme="light"] .lead,html[data-theme="light"] .section-heading p,html[data-theme="light"] .integration-grid>div>p{color:#647084}
html[data-theme="light"] .text-link{color:#475467;border-color:#a8b2c0}
html[data-theme="light"] .trust{color:#718096}
html[data-theme="light"] .animated-grid{background-image:linear-gradient(rgba(22,150,140,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(22,150,140,.07) 1px,transparent 1px)}
html[data-theme="light"] .numbers,html[data-theme="light"] .integration-marquee{background:#fff;border-color:#dfe5ed}
html[data-theme="light"] .number-grid div{border-color:#dce3eb}
html[data-theme="light"] .number-grid>div>span,html[data-theme="light"] .integration-marquee>p{color:#6a7689}
html[data-theme="light"] .marquee-track span{background:#f7f9fc;border-color:#dce4ed;color:#4f5d70}
html[data-theme="light"] .feature-card,html[data-theme="light"] .price-card,html[data-theme="light"] .legal-page section{background:#fff;border-color:#dce3eb;box-shadow:0 12px 35px rgba(28,44,68,.05)}
html[data-theme="light"] .feature-card p,html[data-theme="light"] .price-card p,html[data-theme="light"] .legal-page p{color:#697588}
html[data-theme="light"] .feature-icon{background:#f2f8f7;border-color:#cfe5e2;color:#159f94}
html[data-theme="light"] .search-demo,html[data-theme="light"] .key-demo{background:#f7f9fc;border-color:#d9e1eb;color:#5d6a7d}
html[data-theme="light"] .integration-section{background:#edf3f6;border-color:#d8e2e9}
html[data-theme="light"] .check-list li{color:#536174}
html[data-theme="light"] .price-card.popular{border-color:#2ebcaf}
html[data-theme="light"] .button-outline{background:#fff;color:#172033;border-color:#ccd5e1}
html[data-theme="light"] .button-outline:hover{background:#f0f4f8;border-color:#9eabba}
html[data-theme="light"] .site-footer{background:#eef2f6;border-color:#d8e0e9}
html[data-theme="light"] .footer-primary p,html[data-theme="light"] .footer-links a{color:#5f6c7e}
html[data-theme="light"] .social-links a{background:#fff;border-color:#d3dce7;color:#526074}
html[data-theme="light"] .footer-bottom{border-color:#d7dfe8;color:#697588}
html[data-theme="light"] .dashboard-preview{background:#eef3f7;border-color:#cdd8e4;box-shadow:0 24px 70px rgba(29,43,65,.14),0 0 70px rgba(66,214,198,.06)}
html[data-theme="light"] .preview-sidebar{background:#f8fafc;border-color:#dbe3ec}
html[data-theme="light"] .preview-sidebar nav i{color:#667489}
html[data-theme="light"] .preview-sidebar nav i.active{color:#0f9388;background:rgba(31,183,170,.1)}
html[data-theme="light"] .preview-user{border-color:#dae2eb}
html[data-theme="light"] .preview-user small{color:#344054}
html[data-theme="light"] .preview-main{background:linear-gradient(145deg,#fff,#f4f7fa)}
html[data-theme="light"] .preview-main>header{border-color:#dbe3ec}
html[data-theme="light"] .preview-main>header small,html[data-theme="light"] .preview-panel-title small{color:#6d7889}
html[data-theme="light"] .preview-stats article,html[data-theme="light"] .preview-logs{background:#fff;border-color:#dbe3ec}
html[data-theme="light"] .preview-stats small{color:#667085}
html[data-theme="light"] .preview-filters{border-color:#dee5ed}
html[data-theme="light"] .preview-filters span,html[data-theme="light"] .preview-filters i{background:#f7f9fb;border-color:#dce3eb;color:#667085}
html[data-theme="light"] .preview-log-head{background:#f3f6f9;color:#667085}
html[data-theme="light"] .preview-log-row{border-color:#e2e8ef}
html[data-theme="light"] .preview-log-row p b{color:#344054}
html[data-theme="light"] .preview-log-row p small,html[data-theme="light"] .preview-log-row time,html[data-theme="light"] .preview-log-row code{color:#6b7688}

html[data-theme="light"] .auth-page{background-color:#f5f7fb;background-image:radial-gradient(circle at 50% 35%,rgba(31,183,170,.12),transparent 34%)}
html[data-theme="light"] .auth-card{background:#fff;border-color:#d5dee8;box-shadow:0 24px 70px rgba(29,43,65,.13)}
html[data-theme="light"] .auth-card p,html[data-theme="light"] .auth-card small,html[data-theme="light"] .auth-back{color:#667085}
html[data-theme="light"] .auth-divider:before{background:#dce3eb}
html[data-theme="light"] .auth-divider span{background:#fff}

html[data-theme="light"] .dashboard-page{background:#f4f6f9}
html[data-theme="light"] .sidebar{background:#fff;border-color:#dce3eb}
html[data-theme="light"] .side-nav a{color:#5d6a7c}
html[data-theme="light"] .side-nav a:hover{color:#182230;background:#f3f6f9}
html[data-theme="light"] .side-nav a.active{color:#108f85;background:rgba(31,183,170,.1)}
html[data-theme="light"] .plan-box,html[data-theme="light"] .stats-grid article,html[data-theme="light"] .panel,html[data-theme="light"] .server-card,html[data-theme="light"] .settings-card,html[data-theme="light"] .doc-card{background:#fff;border-color:#dce3eb}
html[data-theme="light"] .user-box{color:#172033}
html[data-theme="light"] .user-box:hover{background:#f2f5f8}
html[data-theme="light"] .dash-header{background:rgba(255,255,255,.7);border-color:#dce3eb}
html[data-theme="light"] .stats-grid article>span,html[data-theme="light"] .stats-grid small,html[data-theme="light"] .view-heading p{color:#667085}
html[data-theme="light"] .activity-chart{border-color:#dce3eb}
html[data-theme="light"] .filter-bar,html[data-theme="light"] .log-row,html[data-theme="light"] .settings-title,html[data-theme="light"] .connection-row,html[data-theme="light"] .preference-row{border-color:#e0e6ed}
html[data-theme="light"] .filter-bar select,html[data-theme="light"] .search-field,html[data-theme="light"] dialog input{background:#f7f9fb;border-color:#d5dee8;color:#364152}
html[data-theme="light"] .search-field input{color:#172033}
html[data-theme="light"] .log-head{background:#f1f4f7;color:#667085}
html[data-theme="light"] .log-row{color:#667085}
html[data-theme="light"] .log-row:hover{background:#f8fafc}
html[data-theme="light"] .log-row .event-message,html[data-theme="light"] .log-row .player{color:#344054}
html[data-theme="light"] .icon-button,html[data-theme="light"] .connection-button,html[data-theme="light"] .server-actions button{background:#f7f9fb;border-color:#d5dee8;color:#536174}
html[data-theme="light"] dialog{background:#fff;border-color:#d5dee8;color:#172033}
html[data-theme="light"] .doc-card pre,html[data-theme="light"] .key-copy{background:#111827}
html[data-theme="light"] .toast{background:#fff;border-color:#d5dee8;color:#344054;box-shadow:0 10px 35px rgba(29,43,65,.15)}

@media(max-width:620px){.theme-toggle-floating{top:18px;right:18px}.header-cta{gap:10px}.theme-toggle{width:34px;height:34px}}


/* Enlarged landing dashboard preview */
@media(min-width:621px){
  .hero.wrap{width:min(1320px,calc(100% - 40px));grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:48px;min-height:720px}
  .dashboard-preview{height:492px;grid-template-columns:128px minmax(0,1fr)}
  .preview-sidebar{padding:18px 12px 14px}
  .preview-brand{gap:8px;padding:0 5px 22px;font-size:12px}
  .preview-brand>span{width:29px;height:29px;font-size:14px}
  .preview-sidebar nav{gap:5px}
  .preview-sidebar nav i{gap:8px;padding:9px 7px;font-size:9px}
  .preview-user{grid-template-columns:29px minmax(0,1fr);gap:8px;padding:10px 5px 0}
  .preview-user>span{width:29px;height:29px;font-size:9px}
  .preview-user small{font-size:8px}.preview-user small>b{font-size:7px}
  .preview-main>header{height:68px;padding:0 20px}
  .preview-main>header small{font-size:8px}.preview-main>header b{font-size:14px}
  .preview-live{font-size:8px}
  .preview-stats{gap:9px;padding:13px 15px 11px}
  .preview-stats article{padding:11px 12px}
  .preview-stats small{font-size:8px}.preview-stats b{font-size:18px}.preview-stats em{font-size:7px}
  .preview-logs{margin:0 15px 15px}
  .preview-panel-title{height:46px;padding:0 13px}
  .preview-panel-title b{font-size:10px}.preview-panel-title small{font-size:7px}
  .preview-panel-title>span{font-size:13px}
  .preview-filters{grid-template-columns:minmax(150px,1fr) auto auto;gap:7px;padding:8px 12px;font-size:7px}
  .preview-filters span,.preview-filters i{height:31px;padding:0 10px}
  .preview-log-head,.preview-log-row{grid-template-columns:55px 59px minmax(145px,1fr) 68px;gap:9px;padding:0 12px}
  .preview-log-head{height:26px;font-size:7px}
  .preview-log-row{min-height:51px}
  .preview-log-row time,.preview-log-row p small,.preview-log-row code{font-size:7px}
  .preview-log-row .tag{font-size:7px;padding:3px 6px}
  .preview-log-row p b{font-size:8px}
}
@media(min-width:901px) and (max-width:1100px){.hero.wrap{gap:32px}.dashboard-preview{grid-template-columns:112px minmax(0,1fr)}}


/* Fluid viewport sizing */
html,body{max-width:100%;overflow-x:clip}
img,svg{max-width:100%}
.wrap{width:min(1280px,calc(100% - clamp(28px,5vw,80px)))}
.hero.wrap{width:min(1480px,calc(100% - clamp(28px,4vw,72px)))}
.hero{gap:clamp(34px,4vw,66px);padding-top:clamp(42px,5vw,72px);padding-bottom:clamp(72px,7vw,108px)}
.hero h1{font-size:clamp(46px,4.5vw,76px)}
.lead{font-size:clamp(16px,1.25vw,19px)}
.dashboard-preview{width:100%;max-width:100%}
.section{padding-top:clamp(82px,8vw,128px);padding-bottom:clamp(82px,8vw,128px)}
.section-heading h2,.integration-grid h2{font-size:clamp(34px,3.2vw,46px)}
.feature-grid,.pricing-grid{gap:clamp(12px,1.2vw,18px)}
.integration-grid{gap:clamp(48px,6vw,96px)}
.footer-shell{padding-inline:clamp(24px,6vw,100px)}

@media(min-width:1600px){
  .hero.wrap{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}
  .dashboard-preview{height:520px}
}
@media(max-width:1100px){
  .hero.wrap{width:min(860px,calc(100% - 40px));grid-template-columns:1fr;gap:52px;min-height:auto}
  .hero-copy{max-width:720px}
  .dashboard-preview{width:100%;max-width:820px;margin:0 auto;transform:none}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:621px) and (max-width:1100px){
  .dashboard-preview{height:492px}
}
@media(max-width:760px){
  .wrap,.hero.wrap{width:min(100% - 28px,1280px)}
  .hero{padding-top:52px;padding-bottom:72px;gap:38px}
  .hero h1{font-size:clamp(40px,11vw,54px);letter-spacing:-2.5px}
  .lead{font-size:16px}
  .number-grid{padding:28px 0}
  .integration-section{padding-block:82px}
}
@media(max-width:620px){
  .hero.wrap{grid-template-columns:1fr}
  .dashboard-preview{width:100%;height:390px}
  .number-grid{gap:22px 0}
  .number-grid div{padding-inline:8px}
  .feature-grid{gap:12px}
}
@media(max-width:420px){
  .site-header{padding-inline:14px}
  .header-cta>.button{display:none}
  .hero h1{font-size:clamp(37px,11.5vw,46px)}
  .hero-actions{width:100%}
  .hero-actions .button{width:100%}
  .number-grid b{font-size:22px}
  .number-grid>div>span{font-size:9px;text-align:center}
  .dashboard-preview{height:376px;grid-template-columns:43px minmax(0,1fr)}
  .preview-sidebar{padding-inline:5px}
  .preview-main>header b{font-size:11px}
  .preview-stats article{padding:6px 5px}
  .preview-stats b{font-size:11px}
  .preview-filters{grid-template-columns:1fr}
  .preview-filters i{display:none}
  .preview-log-head,.preview-log-row{grid-template-columns:37px 42px minmax(88px,1fr);gap:5px;padding-inline:7px}
  .footer-links{grid-template-columns:1fr}
}


/* Compact centered footer */
.footer-shell{width:min(1400px,calc(100% - 56px));margin:0 auto;padding:88px 0 70px;grid-template-columns:minmax(260px,360px) minmax(520px,760px);justify-content:space-between;gap:clamp(64px,7vw,120px)}
.footer-primary{max-width:330px}
.footer-primary p{max-width:320px}
.footer-links{grid-template-columns:repeat(3,minmax(130px,1fr));gap:clamp(38px,4vw,70px)}
.footer-bottom{padding-left:max(clamp(24px,6vw,90px),calc((100% - 1400px)/2));padding-right:max(clamp(24px,6vw,90px),calc((100% - 1400px)/2))}
@media(max-width:900px){
  .footer-shell{width:min(680px,calc(100% - 40px));padding:72px 0 56px;grid-template-columns:1fr;gap:44px}
  .footer-links{grid-template-columns:repeat(3,1fr);gap:36px}
}
@media(max-width:620px){
  .footer-shell{width:calc(100% - 40px);padding:58px 0 44px}
  .footer-links{grid-template-columns:1fr 1fr;gap:34px 28px}
}
@media(max-width:420px){.footer-links{grid-template-columns:1fr}}


/* Hidden page scrollbar */
html{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar{display:none;width:0;height:0}


/* shadcn-inspired dashboard sidebar */
.dashboard-page{--sidebar-width:264px;--sidebar-width-icon:72px;--sidebar-background:#0b1017;--sidebar-foreground:#d8dee8;--sidebar-muted:#738094;--sidebar-accent:#121b25;--sidebar-accent-foreground:#f4f7fb;--sidebar-border:#1d2834;--sidebar-ring:#42d6c6}
html[data-theme="light"] .dashboard-page{--sidebar-background:#fff;--sidebar-foreground:#263244;--sidebar-muted:#68768a;--sidebar-accent:#f0f4f7;--sidebar-accent-foreground:#14202f;--sidebar-border:#dce3eb;--sidebar-ring:#1fb7aa}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sidebar.shadcn-sidebar{inset:0 auto 0 0;width:var(--sidebar-width);padding:0;display:flex;overflow:visible;background:var(--sidebar-background);color:var(--sidebar-foreground);border-right:1px solid var(--sidebar-border);transition:width .22s ease,transform .22s ease;z-index:30}
.sidebar-header{height:72px;display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:14px;border-bottom:1px solid var(--sidebar-border)}
.sidebar-header .brand{min-width:0;flex:1;padding:0;overflow:hidden}
.sidebar-header .brand-logo{flex:0 0 42px}
.brand-name{overflow:hidden;white-space:nowrap}
.sidebar-trigger,.sidebar-main-trigger{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid var(--sidebar-border);border-radius:8px;background:transparent;color:var(--sidebar-muted);cursor:pointer;transition:background .16s,color .16s,border-color .16s}
.sidebar-trigger:hover,.sidebar-main-trigger:hover{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);border-color:#334252}
.sidebar-trigger:focus-visible,.sidebar-main-trigger:focus-visible,.sidebar-menu a:focus-visible,.user-box:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:2px}
.sidebar-trigger svg,.sidebar-main-trigger svg,.sidebar-menu-icon svg,.sidebar-user-action{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:13px 10px;scrollbar-width:none}
.sidebar-content::-webkit-scrollbar{display:none}
.sidebar-group{display:block;margin:0;padding:0}
.sidebar-group+.sidebar-group{margin-top:22px}
.sidebar-group-label{height:28px;display:flex;align-items:center;padding:0 10px;color:var(--sidebar-muted);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.side-nav.sidebar-menu{display:flex;flex-direction:column;gap:4px;margin:0}
.side-nav.sidebar-menu a{position:relative;height:40px;display:flex;align-items:center;gap:11px;padding:0 10px;border:1px solid transparent;border-radius:8px;color:var(--sidebar-muted);font-size:12px;font-weight:650;white-space:nowrap;transition:background .16s,color .16s,border-color .16s}
.side-nav.sidebar-menu a:hover{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}
.side-nav.sidebar-menu a.active{background:rgba(66,214,198,.09);border-color:rgba(66,214,198,.12);color:var(--cyan)}
.side-nav.sidebar-menu a>span{width:auto}
.sidebar-menu-icon{width:20px!important;height:20px;display:grid;place-items:center;flex:0 0 20px}
.sidebar-menu-icon svg{width:17px;height:17px}
.sidebar-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
.sidebar-menu-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:2px 6px;border-radius:999px;background:rgba(92,225,161,.1);color:var(--green);font-size:8px;font-weight:750}
.sidebar-footer{flex:0 0 auto;padding:12px 10px 14px;border-top:1px solid var(--sidebar-border);background:var(--sidebar-background)}
.sidebar-footer .plan-box{margin:0 0 9px;padding:12px;background:var(--sidebar-accent);border-color:var(--sidebar-border)}
.sidebar-footer .user-box{position:relative;min-height:48px;color:var(--sidebar-foreground)}
.sidebar-footer .user-box:hover{background:var(--sidebar-accent)}
.sidebar-user-copy{min-width:0}
.sidebar-user-copy b,.sidebar-user-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-user-action{width:15px;height:15px;color:var(--sidebar-muted)}
.sidebar-rail{position:absolute;z-index:2;top:0;right:-7px;width:14px;height:100%;padding:0;border:0;background:transparent;cursor:ew-resize}
.sidebar-rail:after{content:"";position:absolute;top:0;bottom:0;left:6px;width:1px;background:transparent;transition:background .16s}
.sidebar-rail:hover:after{background:var(--sidebar-ring)}
.sidebar-backdrop{display:none}
.dashboard-main{margin-left:var(--sidebar-width);transition:margin-left .22s ease}
.menu-button.sidebar-main-trigger{display:grid;margin:0 16px 0 0;background:transparent;color:var(--muted)}
html[data-theme="light"] .menu-button.sidebar-main-trigger{color:#596579}
@media(min-width:901px){
  .sidebar-collapsed .sidebar.shadcn-sidebar{width:var(--sidebar-width-icon)}
  .sidebar-collapsed .dashboard-main{margin-left:var(--sidebar-width-icon)}
  .sidebar-collapsed .sidebar-header{justify-content:center;padding-inline:10px}
  .sidebar-collapsed .sidebar-header .brand{flex:0 0 auto}
  .sidebar-collapsed .brand-name,.sidebar-collapsed .sidebar-trigger,.sidebar-collapsed .sidebar-group-label,.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidebar-menu-badge,.sidebar-collapsed .sidebar-footer .plan-box,.sidebar-collapsed .sidebar-user-copy,.sidebar-collapsed .sidebar-user-action{display:none}
  .sidebar-collapsed .sidebar-content{padding-inline:10px}
  .sidebar-collapsed .sidebar-group+.sidebar-group{margin-top:10px}
  .sidebar-collapsed .side-nav.sidebar-menu a{width:44px;justify-content:center;margin:0 auto;padding:0}
  .sidebar-collapsed .sidebar-footer{padding-inline:10px}
  .sidebar-collapsed .sidebar-footer .user-box{display:grid;grid-template-columns:34px;justify-content:center;padding:7px}
}
@media(max-width:900px){
  .sidebar.shadcn-sidebar,.sidebar-collapsed .sidebar.shadcn-sidebar{width:min(288px,calc(100% - 24px));transform:translateX(-105%);box-shadow:24px 0 70px rgba(0,0,0,.35)}
  .sidebar.shadcn-sidebar.open{transform:translateX(0)}
  .dashboard-main,.sidebar-collapsed .dashboard-main{margin-left:0}
  .sidebar-rail{display:none}
  .sidebar-backdrop{position:fixed;inset:0;z-index:25;display:block;background:rgba(3,7,12,.62);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}
  .sidebar-backdrop.visible{opacity:1;visibility:visible}
  .sidebar-mobile-open{overflow:hidden}
}
@media(max-width:620px){
  .dash-header{padding-inline:16px}
  .menu-button.sidebar-main-trigger{margin-right:11px}
  .header-actions{gap:10px}
}


/* Off-canvas desktop sidebar and interactive preview image */
.sidebar-logo{width:40px;height:40px;display:block;flex:0 0 40px;filter:drop-shadow(0 5px 13px rgba(31,183,170,.18))}
.sidebar-header .brand{gap:10px}
@media(min-width:901px){
  .sidebar-collapsed .sidebar.shadcn-sidebar{width:var(--sidebar-width);transform:translateX(calc(-100% - 18px))}
  .sidebar-collapsed .dashboard-main{margin-left:0}
}

.dashboard-sneakpeek{--tilt-x:0deg;--tilt-y:0deg;--shift-x:0px;--shift-y:0px;--shine-x:50%;--shine-y:50%;position:relative;display:block!important;width:100%;height:auto!important;aspect-ratio:1200/760;overflow:visible;transform:perspective(1200px) translate3d(var(--shift-x),var(--shift-y),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.012);transform-style:preserve-3d;transform-origin:center;will-change:transform;box-shadow:0 32px 90px rgba(0,0,0,.42),0 0 80px rgba(66,214,198,.07);transition:box-shadow .25s ease}
.dashboard-sneakpeek.is-tilting{box-shadow:0 42px 110px rgba(0,0,0,.5),0 0 110px rgba(66,214,198,.12)}
.dashboard-sneakpeek>img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;border-radius:14px;border:1px solid #293849;user-select:none;pointer-events:none;transform:translateZ(12px);background:#090e15}
.sneakpeek-glow{position:absolute;z-index:0;inset:8% 5% -8%;border-radius:30px;background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(66,214,198,.22),rgba(153,135,255,.08) 32%,transparent 68%);filter:blur(35px);opacity:.62;pointer-events:none}
.sneakpeek-shine{position:absolute;z-index:2;inset:1px;border-radius:14px;background:radial-gradient(circle 280px at var(--shine-x) var(--shine-y),rgba(255,255,255,.13),rgba(66,214,198,.035) 33%,transparent 68%);mix-blend-mode:screen;opacity:.62;pointer-events:none;transform:translateZ(18px);transition:opacity .25s}
.dashboard-sneakpeek:not(.is-tilting) .sneakpeek-shine{opacity:.28}
html[data-theme="light"] .dashboard-sneakpeek>img{border-color:#bfcbd8}
html[data-theme="light"] .dashboard-sneakpeek{box-shadow:0 32px 85px rgba(36,52,75,.2),0 0 70px rgba(31,183,170,.08)}
@media(hover:none),(max-width:620px){
  .dashboard-sneakpeek{transform:none!important}
  .sneakpeek-shine{display:none}
}


/* Nested log management sidebar and owner staff view */
.sidebar-search{height:34px;display:flex;align-items:center;gap:8px;margin:2px 2px 14px;padding:0 10px;border:1px solid var(--sidebar-border);border-radius:8px;background:rgba(8,13,19,.5);color:var(--sidebar-muted)}
.sidebar-search:focus-within{border-color:var(--sidebar-ring);box-shadow:0 0 0 2px rgba(66,214,198,.08)}
.sidebar-search svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.sidebar-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--sidebar-foreground);font-size:11px}
.sidebar-search input::placeholder{color:var(--sidebar-muted)}
.sidebar-group-trigger{width:100%;height:40px;display:flex;align-items:center;gap:11px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--sidebar-foreground);font:650 12px Inter,ui-sans-serif,sans-serif;cursor:pointer;transition:background .16s,border-color .16s}
.sidebar-group-trigger:hover{background:var(--sidebar-accent)}
.sidebar-group-trigger:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:2px}
.sidebar-group-trigger .sidebar-label{text-align:left}
.sidebar-group-trigger svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-chevron{width:14px;height:14px;margin-left:auto;color:var(--sidebar-muted);transform:rotate(0);transition:transform .2s ease}
.sidebar-group.is-open .sidebar-chevron{transform:rotate(90deg)}
.sidebar-group-content{max-height:0;overflow:hidden;opacity:0;margin:0 0 0 20px!important;padding-left:10px;border-left:1px solid var(--sidebar-border);transition:max-height .25s ease,opacity .18s ease,padding .25s ease}
.sidebar-group.is-open .sidebar-group-content{max-height:240px;opacity:1;padding-top:4px;padding-bottom:5px}
.side-nav.sidebar-menu.sidebar-group-content a{height:37px;padding-inline:8px;font-size:11px}
.sidebar-group.nav-filtered,.sidebar-menu a.nav-filtered{display:none}
.owner-badge{display:inline-flex;align-items:center;margin-left:auto;padding:2px 6px;border:1px solid rgba(153,135,255,.2);border-radius:999px;background:rgba(153,135,255,.1);color:#b7aaff;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.staff-trigger .sidebar-chevron{margin-left:0}
html[data-theme="light"] .sidebar-search{background:#f8fafc}
html[data-theme="light"] .owner-badge{color:#6654ce;background:rgba(102,84,206,.08);border-color:rgba(102,84,206,.17)}

.owner-kicker{display:block;margin-bottom:5px;color:var(--purple);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px}
.staff-panel{margin-top:14px;overflow:hidden}
.staff-panel>.panel-title{padding:18px 20px}
.owner-secure{display:flex;align-items:center;gap:6px;color:var(--green);font-size:9px}
.owner-secure i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(92,225,161,.4)}
.staff-user-head,.staff-user-row{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(130px,.8fr) 90px 90px 100px;align-items:center;gap:12px;padding:10px 20px}
.staff-user-head{background:#0b1118;border-block:1px solid #1b2531;color:#596779;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.7px}
.staff-user-row{min-height:58px;border-bottom:1px solid #19232e;color:#8a97a8;font-size:10px}
.staff-user-row:last-child{border-bottom:0}
.staff-user-row:hover{background:#101720}
.staff-identity{display:flex;align-items:center;min-width:0;gap:10px}
.staff-identity>i{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:8px;background:#243548;color:var(--cyan);font-style:normal;font-weight:800}
.staff-identity>span{display:flex;min-width:0;flex-direction:column}
.staff-identity b,.staff-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-identity b{color:#d7dee7;font-size:11px}.staff-identity small{color:#5f6c7e;font-size:8px}
.provider-pills{display:flex;flex-wrap:wrap;gap:4px}
.provider-pills i{padding:3px 6px;border-radius:5px;background:#16212d;color:#8e9bad;font-size:8px;font-style:normal}
.staff-status{width:max-content;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:750}
.staff-status.active{color:var(--green);background:rgba(92,225,161,.09)}
.staff-status.banned{color:var(--red);background:rgba(255,98,125,.09)}
.staff-user-row time{color:#667386;font-size:9px}
html[data-theme="light"] .staff-user-head{background:#f3f6f9;border-color:#dce3eb}
html[data-theme="light"] .staff-user-row{border-color:#e1e7ee;color:#5f6c7e}
html[data-theme="light"] .staff-user-row:hover{background:#f8fafc}
html[data-theme="light"] .staff-identity b{color:#273345}
html[data-theme="light"] .provider-pills i{background:#eef2f6;color:#536174}

@media(max-width:900px){
  .sidebar-group-content{transition:none}
}
@media(max-width:760px){
  .staff-user-head,.staff-user-row{grid-template-columns:minmax(170px,1fr) 90px 74px;padding-inline:14px}
  .staff-user-head span:nth-child(2),.staff-user-head span:nth-child(5),.staff-user-row>.provider-pills,.staff-user-row>time{display:none}
}
@media(max-width:480px){
  .staff-stats{grid-template-columns:1fr}
  .staff-user-head,.staff-user-row{grid-template-columns:minmax(150px,1fr) 72px}
  .staff-user-head span:nth-child(3),.staff-user-row>span:nth-child(3){display:none}
}


/* Server workspace switcher and profile actions */
.workspace-header{height:auto;min-height:72px;padding:10px;overflow:visible}
.server-switcher{position:relative;width:100%;min-width:0}
.server-switcher-trigger{width:100%;height:52px;display:grid;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:7px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--sidebar-foreground);text-align:left;cursor:pointer;transition:background .16s,border-color .16s}
.server-switcher-trigger:hover,.server-switcher-trigger[aria-expanded="true"]{background:var(--sidebar-accent);border-color:var(--sidebar-border)}
.server-workspace-icon{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#63e6d7,#22b8aa);color:#061311;font-size:13px;font-weight:900}
.server-workspace-icon img,.server-symbol img,.server-logo-preview img,.server-option-icon img,.management-server-icon img{width:100%;height:100%;object-fit:cover}
.server-switcher-copy{display:flex;min-width:0;flex-direction:column}.server-switcher-copy small{color:var(--sidebar-muted);font-size:7px;text-transform:uppercase;letter-spacing:.08em}.server-switcher-copy b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.server-switcher-chevron{width:14px;height:14px;fill:none;stroke:var(--sidebar-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.server-switcher-menu{position:absolute;z-index:60;top:58px;left:0;width:100%;max-height:330px;overflow:auto;padding:6px;border:1px solid var(--sidebar-border);border-radius:11px;background:var(--sidebar-background);box-shadow:0 18px 55px rgba(0,0,0,.42)}
.server-switcher-option,.server-switcher-manage{width:100%;min-height:46px;display:flex;align-items:center;gap:9px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--sidebar-muted);text-align:left;cursor:pointer}
.server-switcher-option:hover,.server-switcher-option.active,.server-switcher-manage:hover{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}
.server-option-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;overflow:hidden;border-radius:8px;background:#26384a;color:var(--cyan);font-size:10px;font-style:normal;font-weight:800}
.server-option-icon.all{background:rgba(66,214,198,.1)}
.server-switcher-option>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.server-switcher-option b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.server-switcher-option small{color:var(--sidebar-muted);font-size:7px}.server-switcher-option>i{margin-left:auto;color:var(--cyan);font-size:7px;font-style:normal}
.server-switcher-manage{min-height:36px;justify-content:center;margin-top:5px;border-top:1px solid var(--sidebar-border);border-radius:0 0 7px 7px;font-size:9px;font-weight:700}
.profile-quick-links{display:grid;gap:3px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--sidebar-border)}
.profile-quick-links a{height:36px;display:flex;align-items:center;gap:9px;padding:0 9px;border-radius:8px;color:var(--sidebar-muted);font-size:10px;font-weight:650}
.profile-quick-links a:hover,.profile-quick-links a.active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}
.profile-quick-links a.active{color:var(--cyan)}
.profile-quick-links a b{margin-left:auto;padding:2px 5px;border-radius:999px;background:rgba(153,135,255,.1);color:#b7aaff;font-size:7px}
.server-symbol{overflow:hidden;font-weight:800}
@media(max-width:900px){.server-switcher-menu{max-height:260px}}

/* Server settings */
.server-settings-modal{position:relative;padding:32px;width:100%}
.server-logo-editor{display:flex;align-items:center;gap:10px;margin-top:22px}
.server-logo-preview{width:66px;height:66px;display:grid;place-items:center;flex:0 0 66px;overflow:hidden;border:1px solid #2a3948;border-radius:17px;background:#233447;color:var(--cyan);font-size:22px;font-weight:850}
.server-logo-editor .button{font-size:10px;padding:10px 13px}
.upload-hint{display:block;margin:8px 0 22px;color:#657184;font-size:8px}
.server-key-settings{padding-top:20px;border-top:1px solid #202b37}
.server-key-settings>label{color:#8c98a8}
.server-key-row{display:flex;align-items:center;gap:8px;margin-top:7px}
.server-key-row code{min-width:0;flex:1;padding:10px;border:1px solid #293544;border-radius:8px;background:#090e14;color:var(--cyan);font-size:10px}
.server-key-reveal{position:relative;margin-top:12px;padding:11px;border:1px solid rgba(92,225,161,.22);border-radius:9px;background:rgba(92,225,161,.06)}
.server-key-reveal small{display:block;margin-bottom:5px;color:var(--green);font-size:8px}.server-key-reveal code{display:block;padding-right:75px;overflow:hidden;color:#c8f4e0;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.server-key-reveal button{position:absolute;right:9px;bottom:9px}
.server-key-settings>p{margin:10px 0 0;color:#667386;font-size:8px}
html[data-theme="light"] .server-logo-preview{background:#edf3f6;border-color:#d3dde7;color:#118e84}
html[data-theme="light"] .server-key-settings{border-color:#dce3eb}
html[data-theme="light"] .server-key-row code{background:#f7f9fb;border-color:#d5dee8;color:#0d8f84}
html[data-theme="light"] .server-key-reveal{background:#eefaf5}.server-logo-editor button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:520px){.server-settings-modal{padding:27px 20px}.server-logo-editor{align-items:flex-start;flex-wrap:wrap}.server-key-row{align-items:stretch;flex-direction:column}.server-key-reveal code{padding-right:0;padding-bottom:36px}}

/* Separate management dashboard */
.management-page{min-height:100vh;background:#090d13}
.management-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:238px;display:flex;flex-direction:column;padding:24px 16px;border-right:1px solid var(--sidebar-border);background:var(--sidebar-background)}
.management-brand{display:flex;align-items:center;gap:11px;padding:0 8px}.management-brand img{width:40px;height:40px}.management-brand>span{display:flex;flex-direction:column}.management-brand b{font-size:14px}.management-brand small{color:var(--purple);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.management-sidebar nav{display:grid;gap:5px;margin-top:46px}.management-sidebar nav a{height:42px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:9px;color:var(--sidebar-muted);font-size:11px;font-weight:650}.management-sidebar nav a span{width:23px;color:#596779;font:8px ui-monospace,monospace}.management-sidebar nav a:hover,.management-sidebar nav a.active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.management-sidebar nav a.active{color:var(--cyan)}
.management-sidebar-footer{display:flex;flex-direction:column;gap:13px;margin-top:auto;padding:16px 9px 4px;border-top:1px solid var(--sidebar-border)}.management-sidebar-footer a{color:var(--sidebar-muted);font-size:10px}.management-sidebar-footer a:hover{color:var(--cyan)}
.management-main{min-height:100vh;margin-left:238px}
.management-header{min-height:104px;display:flex;align-items:center;padding:22px clamp(24px,3vw,46px);border-bottom:1px solid #1b2531}.management-header h1{margin:1px 0 0;font-size:25px;letter-spacing:-.8px}.management-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.management-user{display:flex;align-items:center;gap:9px;margin-left:8px;padding-left:17px;border-left:1px solid #202b38}.management-user>i{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#26384a;color:var(--cyan);font-style:normal;font-size:11px;font-weight:800}.management-user>i img{width:100%;height:100%;object-fit:cover}.management-user>span{display:flex;flex-direction:column}.management-user b{font-size:10px}.management-user small{color:#667386;font-size:8px}
.management-section{max-width:1420px;margin:0 auto;padding:32px clamp(24px,3vw,46px) 5px;scroll-margin-top:20px}.management-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.management-section-heading h2{margin:0;font-size:20px}.management-section-heading p{margin:3px 0 0;color:#718094;font-size:10px}
.management-table{overflow:hidden}.management-row{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(130px,.8fr) 90px 90px 100px;align-items:center;gap:12px;min-height:58px;padding:9px 18px;border-bottom:1px solid #19232e;color:#8a97a8;font-size:10px}.management-row:last-child{border-bottom:0}.management-row:hover:not(.management-table-head){background:#101720}.management-table-head{min-height:35px;background:#0b1118;color:#596779;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.7px}
.management-server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:50px}.management-server-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:17px}.management-server-icon{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#26384a;color:var(--cyan);font-size:13px;font-weight:800}.management-server-card>div:nth-child(2){display:flex;min-width:0;flex-direction:column}.management-server-card>div:nth-child(2) b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.management-server-card>div:nth-child(2) small{color:#657184;font-size:8px}.management-server-card dl{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin:4px 0 0;padding:12px 0;border-block:1px solid #1d2733}.management-server-card dt{color:#637083;font-size:7px;text-transform:uppercase}.management-server-card dd{margin:2px 0 0;font-size:10px}.management-server-card dd.online{color:var(--green)}.management-server-card dd.offline{color:var(--orange)}.management-server-card>time{grid-column:1/-1;color:#5e6b7d;font-size:8px}
html[data-theme="light"] .management-page{background:#f4f6f9}html[data-theme="light"] .management-header{border-color:#dce3eb}html[data-theme="light"] .management-user{border-color:#dce3eb}html[data-theme="light"] .management-row{border-color:#e1e7ee;color:#5f6c7e}html[data-theme="light"] .management-table-head{background:#f3f6f9}html[data-theme="light"] .management-row:hover:not(.management-table-head){background:#f8fafc}
@media(max-width:1050px){.management-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.management-sidebar{position:relative;width:100%;height:auto;flex-direction:row;align-items:center;padding:12px 16px;border-right:0;border-bottom:1px solid var(--sidebar-border)}.management-brand>span,.management-sidebar-footer{display:none}.management-sidebar nav{display:flex;margin:0 0 0 auto}.management-sidebar nav a{height:38px;padding-inline:9px}.management-sidebar nav a span{display:none}.management-main{margin-left:0}.management-header{min-height:88px;padding:18px}.management-user>span{display:none}.management-section{padding-inline:18px}.management-row{grid-template-columns:minmax(170px,1fr) 78px 72px}.management-row>span:nth-child(2),.management-row>span:nth-child(5),.management-row>time{display:none}.management-server-grid{grid-template-columns:1fr}}
@media(max-width:480px){.management-brand img{width:34px;height:34px}.management-sidebar nav a{font-size:9px}.management-header{align-items:flex-start}.management-actions{gap:7px}.management-user{display:none}.management-stats{grid-template-columns:1fr 1fr}.management-row{grid-template-columns:minmax(140px,1fr) 70px}.management-row>span:nth-child(3){display:none}}

/* Responsive performance and layout hardening */
.landing #features,.landing .integration-section,.landing #plans,.landing .site-footer{content-visibility:auto;contain-intrinsic-size:auto 720px}
.animated-grid{contain:strict}
.dashboard-sneakpeek{contain:layout style}
.page-inactive *,.page-inactive *::before,.page-inactive *::after{animation-play-state:paused!important}
.performance-lite .border-beam::after,.performance-lite .shimmer-button::after,.performance-lite .animated-grid i,.performance-lite .marquee-track{animation:none!important}
.performance-lite .animated-grid i{display:none}
.performance-lite .blur-fade{opacity:1;filter:none;transform:none;transition:none}
.performance-lite .dashboard-sneakpeek{transform:none!important;will-change:auto}
.performance-lite .sneakpeek-glow,.performance-lite .sneakpeek-shine{display:none}
.performance-lite .magic-card::before{display:none}

@media(max-width:1100px){
  .border-beam::after,.shimmer-button::after,.animated-grid i,.marquee-track{animation:none!important}
  .animated-grid i,.sneakpeek-glow,.sneakpeek-shine{display:none}
  .dashboard-sneakpeek{transform:none!important;will-change:auto;box-shadow:0 22px 55px rgba(0,0,0,.28)}
  .magic-card::before{display:none}
  .blur-fade{filter:none}
  .dash-view{padding-inline:clamp(18px,3vw,28px)}
  .log-head,.log-row{grid-template-columns:68px 82px minmax(210px,1fr) 135px 110px}
}

@media(max-width:900px){
  .hero.wrap{gap:clamp(34px,6vw,48px);padding-top:clamp(38px,6vw,58px)}
  .hero-copy{margin-inline:auto;text-align:center}
  .hero-actions,.trust{justify-content:center}
  .dashboard-preview{max-width:760px}
  .sidebar-backdrop{backdrop-filter:none}
  .dash-header{position:sticky;top:0;z-index:20;background:rgba(9,13,19,.96)}
  html[data-theme="light"] .dash-header{background:rgba(255,255,255,.96)}
  .log-head,.log-row{grid-template-columns:66px 78px minmax(190px,1fr) 125px}
  .log-head span:last-child,.log-row .server-cell{display:none}
  .management-header{position:sticky;top:0;z-index:15;background:rgba(9,13,19,.96)}
  html[data-theme="light"] .management-header{background:rgba(255,255,255,.96)}
}

@media(max-width:760px){
  .section{padding-block:clamp(62px,12vw,82px)}
  .section-heading{margin-bottom:36px}
  .integration-section{padding-block:clamp(62px,12vw,82px)}
  .code-card pre,.doc-card pre{font-size:10px;white-space:pre;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .dash-header{min-height:76px;padding:14px}
  .dash-header h1{font-size:19px}
  .breadcrumb{display:none}
  .dash-view{padding:16px 14px 42px}
  .stats-grid{gap:9px}
  .stats-grid article{min-width:0}
  .stat-icon{right:11px;top:11px}
  .logs-panel{overflow:visible}
  .filter-bar{padding-inline:12px}
  .log-table{overflow:hidden;border-radius:0 0 11px 11px}
  .view-heading{margin-bottom:18px}
  .view-heading h2{font-size:21px}
  dialog::backdrop{backdrop-filter:none}
  .management-header{min-height:74px;padding:14px}
  .management-section{padding:24px 14px 4px}
}

@media(max-width:620px){
  .hero-copy{text-align:left}
  .hero-actions,.trust{justify-content:flex-start}
  .dashboard-preview{height:auto!important;aspect-ratio:1200/760}
  .number-grid{gap:0}
  .number-grid>div{min-height:88px;justify-content:center;border-bottom:1px solid #202936}
  .number-grid>div:nth-child(3),.number-grid>div:nth-child(4){border-bottom:0}
  html[data-theme="light"] .number-grid>div{border-bottom-color:#dce3eb}
  .stats-grid article{padding:13px 11px}
  .stats-grid article>span{display:block;max-width:calc(100% - 35px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .stats-grid article>b{font-size:19px}
  .filter-bar select{min-width:0;width:calc(50% - 4px)}
  .log-row{grid-template-columns:56px 62px minmax(0,1fr)}
  .log-row .event-message{min-width:0;overflow:hidden}
  .log-row .event-message b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .server-actions{display:grid;grid-template-columns:1fr 1fr}
  .server-actions .danger{grid-column:1/-1}
  .field-list div{grid-template-columns:1fr;gap:3px}
  .management-section-heading{align-items:flex-start;flex-direction:column;gap:8px}
}

@media(max-width:420px){
  .hero h1{font-size:clamp(34px,11vw,43px)}
  .lead{font-size:15px}
  .stats-grid{grid-template-columns:1fr}
  .stats-grid article{min-height:86px}
  .header-actions .theme-toggle{display:grid}
  .management-stats{grid-template-columns:1fr}
  .management-sidebar{padding-inline:10px}
  .management-sidebar nav a{padding-inline:7px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .dashboard-sneakpeek{transform:none!important;will-change:auto}
  .sneakpeek-glow,.sneakpeek-shine{display:none}
}

/* Compact navigation and expanded dashboard settings */
.sidebar-content{padding-top:10px}
.sidebar-search{margin-bottom:8px}
.sidebar-group+.sidebar-group{margin-top:6px}
.sidebar-group-trigger{height:36px}
.sidebar-group-content{margin-left:18px!important;padding-left:7px}
.sidebar-group.is-open .sidebar-group-content{max-height:330px;padding-top:2px;padding-bottom:3px}
.side-nav.sidebar-menu.sidebar-group-content a{height:33px;gap:8px}
.sidebar-menu-icon{flex-basis:18px!important;width:18px!important;height:18px}
.sidebar-menu-icon svg{width:15px;height:15px}
.logs-only #view-logs .stats-grid,.logs-only #view-logs .activity-panel{display:none}
.logs-only #view-logs .logs-panel{margin-top:0}
.analytics-panel{margin-top:14px}
.settings-tabs{display:flex;gap:5px;margin-bottom:16px;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow-x:auto;scrollbar-width:none}
.settings-tabs::-webkit-scrollbar{display:none}
.settings-tabs button{min-width:max-content;padding:9px 15px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:10px;font-weight:700;cursor:pointer}
.settings-tabs button:hover{color:var(--text);background:var(--surface2)}
.settings-tabs button.active{color:var(--cyan);background:rgba(66,214,198,.1)}
.settings-tab-panel{display:none}
.settings-tab-panel.active{display:block}
.single-settings-layout{grid-template-columns:minmax(0,720px)}
.single-settings-layout .settings-card{grid-column:auto}
.select-preference-row{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #1d2733}
.select-preference-row>span{display:flex;min-width:0;flex:1;flex-direction:column}
.select-preference-row b,.setting-block>b{font-size:12px}
.select-preference-row small,.setting-block>small{color:#667386;font-size:9px}
.select-preference-row select{min-width:130px;padding:8px 30px 8px 10px;border:1px solid #2a3644;border-radius:7px;background:#111821;color:#aeb8c5;font-size:10px}
.setting-block{display:flex;flex-direction:column;padding:18px 0;border-bottom:1px solid #1d2733}
.setting-choice-group{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}
.setting-choice-group button{padding:10px;border:1px solid #293544;border-radius:8px;background:#0a0f15;color:#8895a6;font-size:10px;cursor:pointer}
.setting-choice-group button:hover{color:var(--text);border-color:#465467}
.setting-choice-group button.active{border-color:rgba(66,214,198,.4);background:rgba(66,214,198,.1);color:var(--cyan)}
.settings-note{margin-top:14px;padding:11px 13px;border:1px solid #202c38;border-radius:8px;background:#0a1017;color:#687587;font-size:9px}
.hide-log-metadata .log-row .event-message b,.hide-log-metadata .log-row .player small{display:none}
.user-reduced-motion *,.user-reduced-motion *::before,.user-reduced-motion *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.user-reduced-motion .dashboard-sneakpeek{transform:none!important;will-change:auto}
.user-reduced-motion .sneakpeek-glow,.user-reduced-motion .sneakpeek-shine,.user-reduced-motion .magic-card::before{display:none}
html[data-theme="light"] .settings-tabs{background:#fff;border-color:#dce3eb}
html[data-theme="light"] .settings-tabs button:hover{background:#f1f4f7}
html[data-theme="light"] .select-preference-row,html[data-theme="light"] .setting-block{border-color:#e0e6ed}
html[data-theme="light"] .select-preference-row select,html[data-theme="light"] .setting-choice-group button{background:#f7f9fb;border-color:#d5dee8;color:#536174}
html[data-theme="light"] .settings-note{background:#f7f9fb;border-color:#dce3eb;color:#667085}
@media(max-width:620px){.settings-tabs{margin-inline:-2px}.settings-tabs button{flex:1;padding-inline:12px}.select-preference-row{align-items:flex-start;flex-direction:column;gap:9px}.select-preference-row select{width:100%}.setting-choice-group{grid-template-columns:1fr}.analytics-stats{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.analytics-stats{grid-template-columns:1fr}.settings-tabs button{padding-inline:10px}}

/* Single subscription server */
.server-switcher-empty{padding:14px 9px;color:var(--sidebar-muted);font-size:9px;text-align:center}
.single-server-overview{max-width:1050px}
.single-server-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px}
.single-server-grid>.panel{padding:22px}
.single-server-profile{grid-column:1/-1}
.single-server-heading{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding-bottom:21px;border-bottom:1px solid #1d2733}
.single-server-logo{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:linear-gradient(145deg,#63e6d7,#22b8aa);color:#061311;font-size:20px;font-weight:900}
.single-server-logo img{width:100%;height:100%;object-fit:cover}
.single-server-heading h3{margin:2px 0;font-size:19px}
.server-state{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}
.server-state i{width:6px;height:6px;border-radius:50%;background:currentColor}
.server-state.online{color:var(--green)}.server-state.paused{color:var(--orange)}
.server-setting-field{display:flex;align-items:center;gap:24px;padding-top:20px}
.server-setting-field>span{display:flex;min-width:180px;flex-direction:column}.server-setting-field b{font-size:11px}.server-setting-field small{color:var(--muted);font-size:8px}
.server-setting-field>div{display:flex;min-width:0;flex:1;gap:8px}
.server-setting-field input{min-width:0;flex:1;padding:10px 12px;border:1px solid #293544;border-radius:8px;background:#090e14;color:var(--text);font-size:11px;outline:0}
.server-setting-field input:focus{border-color:var(--cyan)}
.server-config-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-content:start;gap:0 12px}.server-config-card>div h3,.server-ingestion-card h3{margin:0;font-size:14px}.server-config-card>div p,.server-ingestion-card p{margin:2px 0;color:var(--muted);font-size:9px}
.server-config-card>label{grid-column:1/-1;display:block;margin-top:18px;color:var(--muted);font-size:8px}
.server-copy-field{display:flex;align-items:center;gap:7px;margin-top:6px;padding:8px 8px 8px 11px;border:1px solid #263240;border-radius:8px;background:#090e14}
.server-copy-field code{min-width:0;flex:1;overflow:hidden;color:#91a0b1;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.server-copy-field button{border:0;border-radius:6px;background:#18232e;color:var(--cyan);padding:6px 9px;font-size:8px;cursor:pointer}
.server-info-card{display:grid;grid-template-columns:1fr 1fr;gap:0;padding-block:9px!important}.server-info-card span{display:flex;min-height:70px;flex-direction:column;justify-content:center;padding:12px;border-bottom:1px solid #1d2733;color:var(--muted);font-size:8px}.server-info-card span:nth-child(odd){border-right:1px solid #1d2733}.server-info-card span:nth-child(n+3){border-bottom:0}.server-info-card b{margin-top:4px;color:var(--text);font-size:12px}
.server-ingestion-card{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px}.server-ingestion-card>div{display:flex;align-items:center;gap:12px}
.server-empty-card{padding:50px 25px;text-align:center}.server-empty-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 14px;border-radius:13px;background:rgba(66,214,198,.1);color:var(--cyan);font-size:20px}.server-empty-card h3{margin:0;font-size:18px}.server-empty-card p{max-width:480px;margin:7px auto 0;color:var(--muted);font-size:11px}
html[data-theme="light"] .single-server-heading,html[data-theme="light"] .server-info-card span{border-color:#e0e6ed}html[data-theme="light"] .server-setting-field input,html[data-theme="light"] .server-copy-field{background:#f7f9fb;border-color:#d5dee8}html[data-theme="light"] .server-copy-field button{background:#e8f3f2}
@media(max-width:820px){.single-server-grid{grid-template-columns:1fr}.single-server-profile,.server-ingestion-card{grid-column:auto}}
@media(max-width:620px){.single-server-grid>.panel{padding:17px}.single-server-heading{grid-template-columns:48px minmax(0,1fr)}.single-server-logo{width:48px;height:48px}.single-server-heading>.connection-button{grid-column:1/-1}.server-setting-field{align-items:stretch;flex-direction:column;gap:9px}.server-setting-field>span{min-width:0}.server-ingestion-card{align-items:stretch;flex-direction:column}.server-ingestion-card .button{width:100%}}
@media(max-width:420px){.server-info-card{grid-template-columns:1fr}.server-info-card span,.server-info-card span:nth-child(odd),.server-info-card span:nth-child(n+3){min-height:60px;border-right:0;border-bottom:1px solid #1d2733}.server-info-card span:last-child{border-bottom:0}}

/* Magic UI inspired animated theme toggler */
.animated-theme-toggler{position:relative;isolation:isolate;overflow:hidden;border-radius:50%;transition:color .18s,border-color .18s,background .18s,transform .18s}
.animated-theme-toggler:hover{transform:rotate(8deg) scale(1.04)}
.animated-theme-toggler:active{transform:scale(.94)}
.animated-theme-toggler:disabled{cursor:wait;opacity:.82}
.theme-toggle-icon{width:18px;height:18px;display:grid!important;place-items:center;transition:transform .25s ease,opacity .2s ease}
.theme-toggle-icon svg{width:18px;height:18px;max-width:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle-icon-light{transform:rotate(0)}
.theme-toggle-icon-dark{transform:rotate(-8deg)}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2147483646}
@media(prefers-reduced-motion:reduce){.animated-theme-toggler:hover,.animated-theme-toggler:active{transform:none}.theme-toggle-icon{transition:none}}
.user-reduced-motion .animated-theme-toggler:hover,.user-reduced-motion .animated-theme-toggler:active{transform:none}

/* Visible icon motion for the animated theme switch */
.animated-theme-toggler::after{content:"";position:absolute;inset:50%;z-index:-1;border-radius:50%;background:currentColor;opacity:0;transform:translate(-50%,-50%) scale(0);pointer-events:none}
.theme-toggle-changing::after{animation:theme-toggle-ripple .55s ease-out}
.theme-toggle-changing .theme-toggle-icon{animation:theme-icon-pop .55s cubic-bezier(.2,.85,.25,1)}
@keyframes theme-icon-pop{0%{opacity:1;transform:rotate(0) scale(1)}42%{opacity:0;transform:rotate(100deg) scale(.45)}55%{opacity:0;transform:rotate(-65deg) scale(.45)}100%{opacity:1;transform:rotate(0) scale(1)}}
@keyframes theme-toggle-ripple{0%{opacity:.18;transform:translate(-50%,-50%) scale(0)}65%{opacity:.07;transform:translate(-50%,-50%) scale(5)}100%{opacity:0;transform:translate(-50%,-50%) scale(6)}}
@media(prefers-reduced-motion:reduce){.theme-toggle-changing::after,.theme-toggle-changing .theme-toggle-icon{animation:none}}
.user-reduced-motion .theme-toggle-changing::after,.user-reduced-motion .theme-toggle-changing .theme-toggle-icon{animation:none}

/* Server team access and permission-aware navigation */
.permission-hidden{display:none!important}
.server-team-card{grid-column:1/-1;padding:0!important;overflow:hidden}
.team-card-heading{display:flex;align-items:center;gap:12px;padding:21px 22px;border-bottom:1px solid #1d2733}
.team-card-heading h3{margin:0;font-size:14px}.team-card-heading p{margin:2px 0 0;color:var(--muted);font-size:9px}
.team-invite-form{display:grid;grid-template-columns:minmax(210px,1fr) minmax(380px,1.7fr) auto;align-items:end;gap:14px;padding:20px 22px;background:#0b1118}
.team-invite-form>label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:8px}.team-invite-form input[type="text"],.team-invite-form input[name="discord_id"]{width:100%;height:40px;padding:0 11px;border:1px solid #293544;border-radius:8px;background:#090e14;color:var(--text);font-size:10px;outline:0}.team-invite-form input:focus{border-color:var(--cyan)}
.team-invite-form fieldset{min-width:0;margin:0;padding:0;border:0}.team-invite-form legend{margin-bottom:6px;color:var(--muted);font-size:8px}
.team-permission-grid,.team-member-permissions{display:grid;grid-template-columns:repeat(4,minmax(86px,1fr));gap:6px}
.team-permission{min-width:0;cursor:pointer}.team-permission>input{position:absolute;opacity:0;pointer-events:none}.team-permission>span{height:40px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #283440;border-radius:8px;background:#0d141c;color:#778496;font-size:8px;white-space:nowrap}.team-permission>span>i{width:14px;height:14px;display:grid;place-items:center;flex:0 0 14px;border:1px solid #3a4654;border-radius:4px;color:transparent;font-size:8px;font-style:normal}.team-permission>input:checked+span{border-color:rgba(66,214,198,.35);background:rgba(66,214,198,.08);color:var(--cyan)}.team-permission>input:checked+span>i{border-color:var(--cyan);background:var(--cyan);color:#061311}.team-permission>input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}
.team-members-head{display:flex;align-items:center;justify-content:space-between;padding:17px 22px 9px}.team-members-head b{font-size:11px}.team-members-head small{color:var(--muted);font-size:8px}
.team-member-row{display:grid;grid-template-columns:38px minmax(165px,.8fr) minmax(380px,1.7fr) auto;align-items:center;gap:11px;min-height:72px;padding:12px 22px;border-top:1px solid #19232e}
.team-member-avatar{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#253648;color:var(--cyan);font-size:11px;font-weight:800}.team-member-avatar img{width:100%;height:100%;object-fit:cover}
.team-member-identity{display:flex;min-width:0;flex-direction:column}.team-member-identity b,.team-member-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-member-identity b{font-size:10px}.team-member-identity small{color:var(--muted);font-size:7px}
.team-member-permissions .team-permission>span{height:34px}.team-member-actions{display:flex;gap:6px}.team-member-actions .danger{color:var(--red)}
.team-empty{padding:28px 22px;color:var(--muted);font-size:10px;text-align:center}
html[data-theme="light"] .team-card-heading,html[data-theme="light"] .team-member-row{border-color:#e0e6ed}html[data-theme="light"] .team-invite-form{background:#f6f8fa}html[data-theme="light"] .team-invite-form input[name="discord_id"],html[data-theme="light"] .team-permission>span{background:#fff;border-color:#d5dee8;color:#667085}html[data-theme="light"] .team-permission>input:checked+span{background:rgba(31,183,170,.1);color:#118e84}
@media(max-width:1080px){.team-invite-form{grid-template-columns:1fr}.team-invite-form .button{width:max-content}.team-member-row{grid-template-columns:38px minmax(150px,1fr) auto}.team-member-permissions{grid-column:2/-1}.team-member-actions{grid-column:3;grid-row:1}}
@media(max-width:700px){.team-card-heading,.team-invite-form,.team-members-head,.team-member-row{padding-inline:16px}.team-permission-grid,.team-member-permissions{grid-template-columns:1fr 1fr}.team-member-row{grid-template-columns:36px minmax(0,1fr)}.team-member-permissions{grid-column:1/-1}.team-member-actions{grid-column:1/-1;grid-row:auto}.team-member-actions button{flex:1}}
@media(max-width:420px){.team-permission-grid,.team-member-permissions{grid-template-columns:1fr}}
.no-analytics #view-logs .stats-grid,.no-analytics #view-logs .activity-panel{display:none}
.no-analytics #view-logs .logs-panel{margin-top:0}
.integration-key-access{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;padding:12px;border:1px solid #253240;border-radius:9px;background:#0a0f15}
.integration-key-access>span{display:flex;min-width:0;flex-direction:column}.integration-key-access b{font-size:9px}.integration-key-access small{overflow:hidden;color:var(--cyan);font:8px ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.integration-key-access button:disabled{opacity:.45;cursor:not-allowed}
html[data-theme="light"] .integration-key-access{background:#f7f9fb;border-color:#d5dee8}
@media(max-width:520px){.integration-key-access{align-items:stretch;flex-direction:column}.integration-key-access button{width:100%}}

/* FiveLogs standalone F brand mark */
.auth-brand .brand-logo{width:46px;height:46px;flex-basis:46px}
.footer-primary .brand-logo{width:46px;height:46px;flex-basis:46px}
.management-brand img{object-fit:contain;filter:drop-shadow(0 5px 13px rgba(31,183,170,.24))}
.server-workspace-icon>img[src$="fivelogs-logo.png"]{object-fit:contain;background:transparent}

/* Log details, custom categories, status page, and integrated footer */
.log-row{width:100%;border-right:0;border-bottom:0;border-left:0;background:transparent;text-align:left;font-family:inherit;cursor:pointer}
.log-row:focus-visible{position:relative;z-index:1;outline:2px solid var(--cyan);outline-offset:-2px;background:#101720}
.log-detail-dialog{width:min(680px,calc(100% - 30px))}
.log-detail-modal{position:relative;padding:32px}
.log-detail-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px}.log-detail-level{color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:.1em}
.log-detail-modal h2{max-width:590px;margin:0 0 23px;padding-right:20px;font-size:20px;line-height:1.4;overflow-wrap:anywhere}
.log-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;overflow:hidden;border:1px solid #25313e;border-radius:10px;background:#25313e}
.log-detail-grid>div{min-width:0;padding:13px 15px;background:#0b1118}.log-detail-grid .log-detail-wide{grid-column:1/-1}
.log-detail-grid dt{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.log-detail-grid dd{margin:4px 0 0;color:var(--text);font:10px ui-monospace,monospace;overflow-wrap:anywhere}
.log-detail-metadata{margin-top:15px}.log-detail-metadata>span{color:var(--muted);font-size:9px}.log-detail-metadata pre{max-height:260px;margin:7px 0 0;padding:14px;overflow:auto;border:1px solid #25313e;border-radius:9px;background:#090e14;color:#9fb0c3;font:10px/1.65 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.tag-purple{color:#b5a9ff;background:rgba(153,135,255,.13)}
.server-categories-card{grid-column:1/-1;padding:0!important;overflow:hidden}.category-card-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 22px;border-bottom:1px solid #1d2733}.category-card-heading h3{margin:3px 0 0;font-size:14px}.category-card-heading p{margin:3px 0 0;color:var(--muted);font-size:9px}
.custom-category-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 22px;border-top:1px solid #19232e}.custom-category-row:first-child{border-top:0}.custom-category-row>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.custom-category-row b{font-size:10px}.custom-category-row small{color:var(--muted);font-size:8px}.custom-category-row code{color:var(--cyan)}.custom-category-row .danger{color:var(--red)}.category-empty{padding:25px 22px;color:var(--muted);font-size:10px;text-align:center}
.category-color-label{margin-top:15px}.category-color-label select{display:block;width:100%;height:42px;margin-top:7px;padding:0 11px;border:1px solid #293544;border-radius:8px;background:#090e14;color:var(--text);outline:0}
.status-page{min-height:calc(100vh - 360px);padding-top:92px;padding-bottom:120px}.status-hero{max-width:650px}.status-hero h1{margin:8px 0 4px;font-size:48px;letter-spacing:-2.4px}.status-hero p{margin:0;color:var(--muted)}
.status-summary{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:17px;margin-top:38px;padding:22px}.status-summary-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(92,225,161,.1)}.status-summary-icon i,.status-components b i,.footer-meta i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(92,225,161,.08)}.status-summary h2{margin:0;font-size:18px}.status-summary p{margin:3px 0 0;color:var(--muted);font-size:11px}.status-summary.degraded .status-summary-icon{background:rgba(255,98,125,.1)}.status-summary.degraded .status-summary-icon i{background:var(--red)}
.status-components{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.status-components article{padding:20px}.status-components article>span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.status-components b{display:flex;align-items:center;gap:9px;margin-top:11px}.status-components b i{width:7px;height:7px}.status-components b.down i{background:var(--red)}.status-components em{font-size:13px;font-style:normal}.status-components small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.status-updated{margin:15px 2px;color:var(--muted);font-size:9px}
.social-links a{width:auto;height:38px;display:inline-flex;place-items:initial;align-items:center;gap:8px;padding:0 12px}.social-links svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-links a:last-child svg path:first-child{fill:currentColor;stroke:none}.social-links a:last-child svg path:last-child{fill:var(--bg);stroke:none}.footer-meta{display:flex;flex-direction:column;gap:8px;margin-top:24px;color:#566375;font-size:9px}.footer-meta a{display:flex;align-items:center;gap:7px;color:#718092}.footer-meta i{width:6px;height:6px;box-shadow:none}
html[data-theme="light"] .log-row:focus-visible{background:#f8fafc}html[data-theme="light"] .log-detail-grid{background:#dce3eb;border-color:#dce3eb}html[data-theme="light"] .log-detail-grid>div,html[data-theme="light"] .log-detail-metadata pre,html[data-theme="light"] .category-color-label select{background:#f7f9fb;border-color:#d5dee8;color:#344054}html[data-theme="light"] .category-card-heading,html[data-theme="light"] .custom-category-row{border-color:#e0e6ed}html[data-theme="light"] .footer-meta{color:#697588}html[data-theme="light"] .social-links a:last-child svg path:last-child{fill:#eef2f6}
@media(max-width:700px){.log-detail-modal{padding:26px 20px}.log-detail-grid{grid-template-columns:1fr}.log-detail-grid .log-detail-wide{grid-column:auto}.category-card-heading{align-items:flex-start;flex-direction:column;padding-inline:16px}.category-card-heading .button{width:100%}.custom-category-row{grid-template-columns:auto 1fr;padding-inline:16px}.custom-category-row .connection-button{grid-column:1/-1}.status-page{padding-top:60px}.status-hero h1{font-size:38px}.status-summary{grid-template-columns:44px 1fr}.status-summary .connection-button{grid-column:1/-1}.status-components{grid-template-columns:1fr}}

/* Cookie notice, subscription gate, and server IP setting */
.cookie-notice{position:fixed;z-index:2147483000;right:22px;bottom:22px;width:min(570px,calc(100% - 32px));display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:18px;border:1px solid #2b3948;border-radius:15px;background:rgba(13,19,27,.97);color:var(--text);box-shadow:0 24px 80px rgba(0,0,0,.48);backdrop-filter:blur(18px);animation:cookie-enter .28s ease-out}.cookie-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(66,214,198,.1);color:var(--cyan)}.cookie-notice b{font-size:13px}.cookie-notice p{margin:4px 0 5px;color:var(--muted);font-size:10px;line-height:1.55}.cookie-notice a{color:var(--cyan);font-size:9px}.cookie-actions{grid-column:2;display:flex;justify-content:flex-end;gap:8px}.cookie-actions .button{padding:9px 13px;font-size:9px}.cookie-notice-leaving{opacity:0;transform:translateY(12px);transition:.2s}.subscription-required{max-width:820px;margin:0 auto 36px;padding:16px 18px;border:1px solid rgba(255,174,87,.3);border-radius:11px;background:rgba(255,174,87,.08);color:var(--orange)}.subscription-required b,.subscription-required span{display:block}.subscription-required b{font-size:13px}.subscription-required span{margin-top:3px;color:var(--muted);font-size:10px}
@keyframes cookie-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
html[data-theme="light"] .cookie-notice{background:rgba(255,255,255,.97);border-color:#d5dee8;box-shadow:0 24px 70px rgba(36,52,75,.2)}html[data-theme="light"] .subscription-required{background:#fff8ed}
@media(max-width:620px){.cookie-notice{right:16px;bottom:16px;grid-template-columns:34px minmax(0,1fr);padding:15px}.cookie-icon{width:34px;height:34px}.cookie-actions{grid-column:1/-1}.cookie-actions .button{flex:1}.server-setting-field>div{flex-direction:column}.server-setting-field .button{width:100%}}
@media(prefers-reduced-motion:reduce){.cookie-notice{animation:none}}

/* Team management view and API-key reset confirmation */
.team-management-overview{max-width:1180px}
.team-management-overview .server-team-card{grid-column:auto}
.api-key-confirm-dialog,.site-confirm-dialog{width:min(470px,calc(100% - 30px))}
.api-key-confirm-modal,.site-confirm-modal{position:relative;padding:32px}
.confirm-warning-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:18px;border:1px solid rgba(255,98,125,.28);border-radius:13px;background:rgba(255,98,125,.1);color:var(--red);font-size:20px;font-weight:800;box-shadow:0 0 34px rgba(255,98,125,.08)}
.api-key-confirm-modal h2,.site-confirm-modal h2{margin:5px 0 8px;font-size:21px}
.api-key-confirm-modal>p,.site-confirm-modal>p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}
.api-key-confirm-modal .dialog-actions,.site-confirm-modal .dialog-actions{margin-top:25px}
.danger-confirm{background:var(--red);color:#fff;box-shadow:0 8px 25px rgba(255,98,125,.16)}
.danger-confirm:hover{filter:brightness(1.06)}
html[data-theme="light"] .confirm-warning-icon{background:rgba(225,55,86,.08);border-color:rgba(225,55,86,.2)}
@media(max-width:620px){.api-key-confirm-modal,.site-confirm-modal{padding:27px 20px}.api-key-confirm-modal .dialog-actions,.site-confirm-modal .dialog-actions{flex-direction:column-reverse}.api-key-confirm-modal .dialog-actions .button,.site-confirm-modal .dialog-actions .button{width:100%}}

/* Compact website confirmation dialogs */
.api-key-confirm-dialog,.site-confirm-dialog{width:min(400px,calc(100% - 28px))}
.api-key-confirm-modal,.site-confirm-modal{padding:23px 24px 21px}
.api-key-confirm-modal .confirm-warning-icon,.site-confirm-modal .confirm-warning-icon{width:36px;height:36px;margin-bottom:13px;border-radius:10px;font-size:16px}
.api-key-confirm-modal h2,.site-confirm-modal h2{margin:4px 0 6px;font-size:17px}
.api-key-confirm-modal>p,.site-confirm-modal>p{font-size:9px;line-height:1.55}
.api-key-confirm-modal .dialog-actions,.site-confirm-modal .dialog-actions{gap:6px;margin-top:17px}
.api-key-confirm-modal .dialog-actions .button,.site-confirm-modal .dialog-actions .button{min-height:32px;padding:7px 11px;border-radius:7px;font-size:8px}
@media(max-width:620px){.api-key-confirm-modal,.site-confirm-modal{padding:21px 18px 18px}.api-key-confirm-modal .dialog-actions,.site-confirm-modal .dialog-actions{flex-direction:row}.api-key-confirm-modal .dialog-actions .button,.site-confirm-modal .dialog-actions .button{width:auto;flex:1}}

/* Clean line icons for settings and dialogs */
.settings-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.provider-symbol svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.confirm-warning-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.success-ring svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Log category dropdown */
.log-category-dropdown{position:relative;flex:0 0 170px}
.log-category-trigger{width:100%;height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid #26313f;border-radius:7px;background:#0a0f15;color:#8996a7;font:10px inherit;cursor:pointer}
.log-category-trigger>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.log-category-trigger svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .18s}
.log-category-trigger[aria-expanded="true"]{border-color:rgba(66,214,198,.55);color:var(--text)}
.log-category-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.category-filter-dot,.category-option-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 3px rgba(66,214,198,.08)}
.log-category-menu{position:absolute;z-index:40;top:calc(100% + 7px);left:0;width:250px;max-height:310px;padding:6px;overflow:auto;border:1px solid #293644;border-radius:10px;background:#0d141c;box-shadow:0 18px 48px rgba(0,0,0,.42)}
.log-category-menu button{width:100%;display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:#8996a7;text-align:left;cursor:pointer}
.log-category-menu button:hover,.log-category-menu button.active{background:#141e29;color:var(--text)}
.log-category-menu button span{font-size:10px}.log-category-menu button small{color:#596779;font-size:7px}.log-category-menu button b{color:var(--cyan);font-size:9px;opacity:0}.log-category-menu button.active b{opacity:1}
.category-option-dot.all{background:#7d8998}.category-option-dot.green{background:var(--green)}.category-option-dot.orange{background:var(--orange)}.category-option-dot.red{background:var(--red)}.category-option-dot.purple{background:var(--purple)}
html[data-theme="light"] .log-category-trigger{background:#fff;border-color:#d5dee8;color:#596579}html[data-theme="light"] .log-category-menu{background:#fff;border-color:#d5dee8;box-shadow:0 18px 42px rgba(36,52,75,.16)}html[data-theme="light"] .log-category-menu button:hover,html[data-theme="light"] .log-category-menu button.active{background:#eef4f5}
@media(max-width:650px){.log-category-dropdown{flex:1 1 150px}.log-category-menu{width:min(250px,calc(100vw - 68px))}}
.log-category-menu button b svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}