@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0hiocdn10l05a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0tm8u-h63rec8.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#202720;--muted:#7b837b;--line:#e8ece5;--lime:#c5f16b;--green:#527c24;--surface:#fff;--bg:#f7f9f5;--sidebar:#19221c}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px DM Sans Variable,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,fieldset:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{transition:background .15s,transform .15s}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #95c44c}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope Variable,system-ui,sans-serif}h1{letter-spacing:-1.2px;font-size:32px;font-weight:750;line-height:1.3}h2{letter-spacing:-.3px;font-size:16px;font-weight:750}h3{font-size:16px;font-weight:700}p{color:var(--muted);line-height:1.7}small{font-size:12px}.shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#c7d1c8;flex-direction:column;width:252px;padding:30px 18px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#f2f6ee;white-space:nowrap;align-items:center;gap:10px;font:750 16px Manrope Variable,sans-serif;display:flex}.brand-mark{background:var(--lime);color:#24351b;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:36px;display:inline-flex}.version{color:#b1c796;letter-spacing:.5px;border:1px solid #516344;border-radius:4px;margin-left:-3px;padding:3px;font:600 8px DM Sans Variable,sans-serif}.project-switch{border:1px solid #374138;border-radius:9px;align-items:center;gap:10px;margin-top:36px;padding:12px 10px;display:flex}.project-icon{color:#d5efbb;background:#344333;border-radius:6px;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.project-switch select{appearance:none;color:#e2e8dc;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px;font-weight:600}.project-switch option{background:#243026}.new-project{color:#8ea089;background:0 0;border:0;align-items:center;gap:7px;margin:12px 0 8px 5px;font-size:11px;display:flex}.new-project:hover{color:var(--lime)}.nav-label{letter-spacing:1.5px;color:#6f806e;padding:25px 13px 12px;font-size:10px}.nav-item{color:#9daa9e;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;margin:4px 0;padding:12px 14px;font-weight:500;display:flex}.nav-item:hover{color:#fff;background:#27332a}.nav-item.selected{color:#d5f3ad;background:#303f2a}.nav-item.selected svg{color:#bfec76}.nav-count{background:#465c34;border-radius:5px;margin-left:auto;padding:1px 7px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:50px}.self-hosted{color:#90a17f;gap:10px;padding:15px 9px 23px;display:flex}.self-hosted b{color:#b8c8aa;font-size:11px;font-weight:500}.self-hosted span{color:#687c65;margin-top:4px;font-size:10px;display:block}.profile{border-top:1px solid #344035;align-items:center;gap:10px;padding:20px 5px 2px;display:flex}.avatar{color:#394634;background:#d8dbc9;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.profile b{color:#e0e5da;font-size:12px;font-weight:500}.profile small{color:#7d907a;margin-top:3px;font-size:10px;display:block}.profile .icon-button{color:#82927f;margin-left:auto}.icon-button{color:#899083;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-button:hover{background:#edf1e8}main{width:calc(100% - 252px);margin-left:252px}.topbar{border-bottom:1px solid var(--line);background:#fffc;justify-content:space-between;align-items:center;height:77px;padding:0 40px;font-size:12px;display:flex}.topbar b{font-weight:500}.slash{color:#c2c8bc;padding:0 15px}.live{color:#72856a;align-items:center;gap:7px;font-size:11px;display:flex}.live i,.dot{background:#86b85b;border-radius:50%;width:6px;height:6px;display:inline-block}.content{max-width:1600px;margin:auto;padding:38px 40px 0}.heading-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-heading{margin-bottom:29px}.eyebrow{letter-spacing:1.5px;color:#7f9076;margin-bottom:10px;font-size:10px;font-weight:650;display:block}.page-heading p{margin-top:8px;font-size:13px}.heading-actions{margin-bottom:24px}.button{color:#fff;white-space:nowrap;background:#25341f;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;display:inline-flex}.button:hover{background:#425b32}.button.secondary{color:#405334;background:#fff;border-color:#dce3d5}.button.secondary:hover{background:#f2f6ed}.text-button{color:#577a3b;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:12px;display:inline-flex}.text-button:hover{text-decoration:underline}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:10px;padding:21px 22px}.stat>div{color:#7e8977;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat svg{color:#9da994}.stat strong{letter-spacing:-1.3px;margin:15px 0 9px;font:750 32px Manrope Variable,sans-serif;display:block}.stat small{color:#96a08d;font-size:10px}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;margin-bottom:24px;overflow:hidden}.panel-heading{border-bottom:1px solid #f0f2ed;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px;display:flex}.panel-heading p{margin-top:5px;font-size:11px}.count{color:#7b8c69;vertical-align:middle;background:#f0f4eb;border-radius:5px;margin-left:7px;padding:3px 7px;font:500 10px DM Sans Variable,sans-serif}.overview-grid{grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:22px;display:grid}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#98a08f;background:#fbfcf9;border-bottom:1px solid #eef1e9;padding:11px 22px;font-size:10px;font-weight:500}td{color:#636e5b;border-bottom:1px solid #f0f2ed;padding:18px 22px;font-size:12px}tr:last-child td{border-bottom:0}td b{color:#42503a;font-weight:550}td small{color:#97a18e;margin-top:4px;font-size:10px;display:block}.server-link{text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.row-icon{color:#8b9c79;background:#f1f5ec;border:1px solid #e8eedd;border-radius:6px;place-items:center;width:33px;height:35px;display:grid}.status{color:#87917d;text-transform:capitalize;white-space:nowrap;background:#f6f8f3;border:1px solid #e8ebe4;border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:500;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.good{color:#6b913e;background:#f3f9ec;border-color:#e3efd5}.status.bad{color:#b56b57;background:#fff5f1;border-color:#f2dcd1}.meter{min-width:50px}.meter>div:first-child{color:#849278;justify-content:space-between;gap:10px;font-size:11px;display:flex}.meter b{color:#67785c;font-weight:500}.track{background:#edf2e7;border-radius:3px;height:4px;margin-top:9px;overflow:hidden}.track i{background:#b2d68a;border-radius:3px;height:100%;display:block}.resource-body{padding:24px}.resource-body .meter{margin-bottom:28px}.resource-body .meter .track{height:6px;margin-top:12px}.resource-pair{color:#94a087;justify-content:space-between;gap:8px;padding-bottom:25px;font-size:10px;display:flex}.resource-pair b{color:#657a50;font-weight:500}.resource-pair b span{color:#a2ac98}.resource-note{border-top:1px solid var(--line);color:#94ac77;gap:10px;padding-top:21px;display:flex}.resource-note svg{flex-shrink:0}.resource-note p{font-size:10px;line-height:1.8}.connect-banner{background:linear-gradient(120deg,#f0f6e8,#ecf2e4);border:1px solid #e2ebd6;border-radius:10px;align-items:center;gap:16px;padding:24px;display:flex}.banner-icon{color:#7a9856;background:#e1edcf;border:1px solid #d5e5be;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.connect-banner h3{color:#4b6436;font-size:14px}.connect-banner p{color:#90a079;margin-top:5px;font-size:11px}.connect-banner .button{margin-left:auto;font-size:11px}footer{color:#a7b09e;justify-content:space-between;padding:32px 0;font-size:10px;display:flex}.empty{text-align:center;max-width:570px;margin:0 auto;padding:45px 30px}.empty-icon{color:#9caf87;background:#f2f7eb;border:1px solid #e8efdf;border-radius:14px;place-items:center;width:58px;height:58px;margin:0 auto 17px;display:grid}.empty h3{color:#60724f;font-size:15px}.empty p{color:#98a18f;max-width:350px;margin:9px auto 20px;font-size:12px}.empty .button{font-size:11px}.error{color:#a8513f;background:#fff5f2;border:1px solid #efd4cd;border-radius:7px;align-items:center;gap:9px;margin-bottom:20px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.error button{color:inherit;background:0 0;border:0;margin-left:auto}.notice{color:#768b5e;background:#eff5e8;border:1px solid #e1ead6;border-radius:8px;align-items:center;gap:12px;margin-bottom:22px;padding:17px 20px;font-size:12px;line-height:1.8;display:flex}.notice svg{flex-shrink:0}.muted{color:#8b9682}.mono,code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.danger{color:#b66752}.role{color:#71855e;text-transform:capitalize;background:#f1f4ed;border-radius:5px;padding:5px 8px;font-size:11px}.two-column{grid-template-columns:1fr 1fr;gap:20px;display:grid}.padded{padding:25px}.padded>p{margin:9px 0 22px;font-size:12px}.step-number{color:#8aa170;margin-bottom:18px;font:600 11px ui-monospace,monospace;display:block}.code{color:#c8d6bc;background:#202a23;border-radius:7px;margin:16px 0 20px;position:relative;overflow:hidden}.code pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:20px 35px 20px 20px;font-size:11px;line-height:1.9;overflow:auto}.code button{color:#94aa7e;background:#2c3b2b;border:0;border-radius:4px;padding:5px;position:absolute;top:10px;right:9px}.search{color:#9da990;align-items:center;gap:9px;display:flex}.search input{background:#fcfdfb;border:1px solid #e5ebde;border-radius:5px;outline:none;width:200px;padding:8px;font-size:11px}.table-foot{color:#a0aa95;border-top:1px solid var(--line);padding:15px 22px;font-size:10px}.settings-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;display:grid}.field{margin-bottom:17px;display:block}.field>span{color:#67765b;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.field input,.field select,.field textarea{color:#3c4c30;background:#fff;border:1px solid #dfe6d7;border-radius:7px;outline:none;width:100%;min-width:0;padding:11px 12px;font-size:13px;display:block}.field input:focus,.field select:focus,.field textarea:focus{border-color:#95b571;box-shadow:0 0 0 3px #eaf2e1}.field input::placeholder,.field textarea::placeholder{color:#b2bbab;font-size:12px}.field textarea{resize:vertical}.check{color:#748265;align-items:flex-start;gap:10px;margin:20px 0;font-size:12px;display:flex}.check input{accent-color:#789c50;margin-top:2px}.check b{color:#4c603b;font-weight:500}.check small{color:#98a48b;margin-top:5px;font-size:11px;display:block}fieldset{border:0;margin:0;padding:0}.proxy-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 0;display:flex}.proxy-row b{font-size:12px}.proxy-row small{color:#96a28b;margin-top:5px;font-size:9px;display:block}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0e1a14a8;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #edf2e6;border-radius:14px;width:520px;max-width:100%;max-height:90vh;padding:34px;position:relative;overflow:auto;box-shadow:0 30px 80px #0d1c1733}.modal h2{letter-spacing:-.6px;margin:4px 25px 12px 0;font-size:22px}.modal>p{margin-bottom:23px;font-size:12px}.modal-close{position:absolute;top:13px;right:13px}.modal .two-column{gap:15px}.modal .button{margin-top:6px}.modal .notice{margin:20px 0 15px;font-size:11px}.success-icon{color:#73984b;background:#e9f5dc;border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:20px;display:grid}.detail-list{margin:22px 0}.detail-list>div{color:#93a083;border-bottom:1px solid #edf1e7;justify-content:space-between;gap:20px;padding:13px 0;font-size:11px;display:flex}.detail-list b{color:#637850;text-align:right;font-weight:500}.button-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.chart{background:#f8faf4;border-radius:7px;margin:20px 0;padding:15px}.chart span{color:#8f9f7e;font-size:10px}.chart svg{width:100%;height:100px;margin-top:15px;display:block}.auth{background:radial-gradient(at 80% 10%,#e6f0d7,#0000 50%),#f7f9f4;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-brand{color:#34462a;align-items:center;gap:12px;margin-bottom:35px;font:750 21px Manrope Variable,sans-serif;display:flex}.auth-card{background:#fff;border:1px solid #e0e8d7;border-radius:14px;width:440px;max-width:100%;padding:36px;box-shadow:0 15px 70px #3c5e2110}.auth-card h1{font-size:30px}.auth-card>p{margin:12px 0 27px;font-size:12px}.auth-card .button{color:#2a421c;background:#aee160;width:100%;margin-top:9px}.auth-foot{color:#98a68a;align-items:center;gap:8px;margin-top:25px;font-size:11px;display:flex}.loading{color:#6f8c53;justify-content:center;align-items:center;gap:12px;min-height:100vh;font-size:14px;display:flex}@media (min-width:1500px){.content{padding-top:46px}.overview-grid{grid-template-columns:minmax(0,2.3fr) minmax(290px,1fr)}.stat{padding:25px}}@media (max-width:1200px){.sidebar{width:220px;padding:25px 13px 15px}.brand{font-size:14px}.version{display:none}main{width:calc(100% - 220px);margin-left:220px}.content{padding:28px 24px 0}.topbar{padding:0 24px}.overview-grid{grid-template-columns:1fr}.resource .resource-body{grid-template-columns:1fr 1fr;gap:20px;display:grid}.resource-note{border-top:0;padding:0}.stat{padding:17px}.stat small{font-size:9px}.connect-banner .button{white-space:normal}.settings-grid{grid-template-columns:1fr}}@media (max-width:800px){.sidebar{width:100%;padding:18px;position:static}.shell{display:block}.sidebar .brand{margin-bottom:10px}.project-switch{max-width:300px;margin-top:10px}.new-project{position:absolute;top:25px;right:20px}.nav-label,.sidebar-bottom{display:none}nav{gap:3px;margin-top:15px;display:flex;overflow:auto}.nav-item{white-space:nowrap;width:auto;padding:10px;font-size:11px}.nav-item svg{width:15px}.nav-count{display:none}main{width:100%;margin-left:0}.topbar{height:56px;padding:0 20px;font-size:10px}.slash{padding:0 8px}.content{padding:27px 18px 0}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat strong{font-size:27px}.stat>div{font-size:11px}.heading-row{align-items:flex-start}h1{font-size:27px}.page-heading p{font-size:12px}.eyebrow{font-size:9px}.heading-actions .button{padding:10px;font-size:10px}.panel-heading{padding:20px 17px}.panel-heading .muted{font-size:10px}.two-column{grid-template-columns:1fr}.modal .two-column{grid-template-columns:1fr 1fr}.connect-banner{flex-wrap:wrap;padding:20px}.connect-banner .button{margin-left:0}.connect-banner h3{font-size:12px}.connect-banner p{font-size:10px}.banner-icon{display:none}.search input{width:150px}.live,footer{font-size:9px}.modal{padding:27px 22px}.overview-grid{gap:0}}