/* [next]/internal/font/google/inter_173403c7.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  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: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  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: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
  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: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  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: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  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: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
  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: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  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: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  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: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
  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: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  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: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  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: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
  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: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_173403c7-module__czr2iW__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_173403c7-module__czr2iW__variable {
  --font-inter: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/geist_mono_e73de790.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/5ce348bf30bf5439-s.31988l_ccedte.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2") format("woff2");
  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: Geist Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2") format("woff2");
  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: Geist Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2") format("woff2");
  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: Geist Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5ce348bf30bf5439-s.31988l_ccedte.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2") format("woff2");
  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: Geist Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2") format("woff2");
  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: Geist Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2") format("woff2");
  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: Geist Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/5ce348bf30bf5439-s.31988l_ccedte.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2") format("woff2");
  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: Geist Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2") format("woff2");
  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: Geist Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2") format("woff2");
  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: Geist Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/5ce348bf30bf5439-s.31988l_ccedte.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2") format("woff2");
  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: Geist Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2") format("woff2");
  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: Geist Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2") format("woff2");
  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: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_e73de790-module__unuKtq__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_e73de790-module__unuKtq__variable {
  --font-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [next]/internal/font/google/manrope_acc6694e.module.css [app-client] (css) */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/a342834df7752944-s.3hd2l7bm32o7k.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a342834df7752944-s.3hd2l7bm32o7k.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/a342834df7752944-s.3hd2l7bm32o7k.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/a342834df7752944-s.3hd2l7bm32o7k.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/a342834df7752944-s.3hd2l7bm32o7k.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2") format("woff2");
  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;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2") format("woff2");
  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 Fallback;
  src: local(Arial);
  ascent-override: 103.31%;
  descent-override: 29.07%;
  line-gap-override: 0.0%;
  size-adjust: 103.19%;
}

.manrope_acc6694e-module__xAUZUa__className {
  font-family: Manrope, Manrope Fallback;
  font-style: normal;
}

.manrope_acc6694e-module__xAUZUa__variable {
  --font-display: "Manrope", "Manrope Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
:root {
  --ink: #14152a;
  --ink-2: #1e2042;
  --ink-3: #2b2e55;
  --ink-line: #3a3e6e;
  --paper: #f7f9fc;
  --card: #fff;
  --line: #dde2eb;
  --text: #181d1f;
  --text-muted: #5b6470;
  --text-faint: #8b95a1;
  --accent: #4b54f7;
  --accent-strong: #3841e2;
  --accent-wash: #dee0ff;
  --accent-soft: #a5aafb;
  --blue: #2196f3;
  --blue-wash: #e7f3fe;
  --teal: #06d6a0;
  --teal-wash: #e2f8f0;
  --gold: #ffb409;
  --gold-2: #ffc94e;
  --gold-wash: #fff1d6;
  --danger: #e3342f;
  --danger-wash: #fbe7e6;
  --success: #38c172;
  --success-wash: #e6f6ec;
  --gold-deep: #8f6519;
  --gold-line: #f0dfb6;
  --badge-green: #1f7a4c;
  --badge-green-wash: #e2f2e9;
  --badge-green-line: #cbe4d6;
  --badge-green-dot: #35a26b;
  --badge-violet: #6459c9;
  --badge-violet-wash: #ecebf9;
  --badge-violet-line: #dbd8f3;
  --badge-red: #ba4139;
  --badge-red-wash: #fae9e8;
  --badge-red-line: #f1d4d2;
  --radius: 8px;
  --radius-sm: 5px;
  --shadow-lg: 0 20px 50px -12px #14152a59;
  --shadow-sm: 0 1px 2px #14152a0f;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-inter),sans-serif;
  background: var(--paper);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  height: 100vh;
  overflow: hidden;
}

h1, h2, h3, .display {
  font-family: var(--font-display),sans-serif;
}

.mono {
  font-family: var(--font-mono),monospace;
}

button {
  cursor: pointer;
  font-family: inherit;
}

input, select, textarea {
  font-family: inherit;
  font-size: 13px;
}

a {
  color: var(--accent);
  text-decoration: none;
}

::selection {
  background: var(--accent-wash);
  color: var(--ink);
}

#app {
  height: 100vh;
  display: flex;
}

.sidebar {
  background: var(--accent);
  color: #ffffffd1;
  border-right: 1px solid #0000001f;
  flex-direction: column;
  width: 220px;
  min-width: 220px;
  padding: 20px 14px;
  transition: width .2s, min-width .2s, padding .2s;
  display: flex;
}

.sidebar.collapsed {
  width: 64px;
  min-width: 64px;
  padding: 20px 8px;
}

.brand {
  align-items: center;
  gap: 9px;
  padding: 4px 8px 22px;
  display: flex;
}

.sidebar.collapsed .brand {
  justify-content: center;
  padding: 4px 0 22px;
}

.brand-mark {
  background: #fff;
  border-radius: 7px;
  flex: none;
  width: 28px;
  height: 28px;
  padding: 3px;
  overflow: hidden;
  box-shadow: 0 1px 2px #14152a1f;
}

.brand-mark img {
  width: 100%;
  height: 100%;
  display: block;
}

.brand-word {
  color: #fff;
  letter-spacing: -.01em;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
}

.brand-word sup {
  color: #ffffffb8;
  margin-left: 1px;
  font-size: 8px;
  font-weight: 600;
}

.sidebar.collapsed .brand-word {
  display: none;
}

.nav-group-label {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #fff9;
  padding: 14px 10px 6px;
  font-size: 10px;
}

.sidebar.collapsed .nav-group-label {
  text-align: center;
  padding: 14px 0 6px;
}

.sidebar.collapsed .nav-group-label span {
  display: none;
}

.sidebar.collapsed .nav-group-label:after {
  content: "";
  background: #ffffff4d;
  width: 18px;
  height: 1px;
  margin: 0 auto;
  display: block;
}

.nav-item {
  border-radius: var(--radius-sm);
  color: #ffffffd1;
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 2px;
  padding: 9px 10px;
  font-size: 13.5px;
  font-weight: 500;
  transition: background .12s, color .12s;
  display: flex;
}

.sidebar.collapsed .nav-item {
  justify-content: center;
  padding: 9px 0;
}

.nav-item svg {
  opacity: .85;
  flex: none;
  width: 16px;
  height: 16px;
}

.nav-item:hover {
  color: #fff;
  background: #ffffff24;
}

.nav-item:hover svg {
  opacity: 1;
}

.nav-item.active {
  color: var(--accent);
  background: #fff;
  box-shadow: 0 2px 6px #14152a2e;
}

.nav-item.active svg {
  opacity: 1;
}

.nav-item .nav-label {
  flex: 1;
}

.nav-item .count {
  font-family: var(--font-mono),monospace;
  color: #fffc;
  background: #ffffff29;
  border-radius: 20px;
  margin-left: auto;
  padding: 1px 6px;
  font-size: 10.5px;
}

.nav-item.active .count {
  color: var(--accent-strong);
  background: var(--accent-wash);
}

.sidebar.collapsed .nav-item .nav-label, .sidebar.collapsed .nav-item .count {
  display: none;
}

.sidebar-foot {
  border-top: 1px solid #ffffff24;
  margin-top: auto;
  padding-top: 14px;
}

.main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
  position: relative;
}

.topbar {
  background: var(--card);
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  height: 56px;
  min-height: 56px;
  padding: 0 22px;
  display: flex;
}

.topbar-left {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.topbar-right {
  flex: none;
  align-items: center;
  gap: 14px;
  display: flex;
}

.topbar-toggle {
  color: var(--text-muted);
  background: none;
  border: none;
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: background .12s, color .12s;
  display: flex;
}

.topbar-toggle:hover {
  background: var(--paper);
  color: var(--text);
}

.topbar-toggle svg {
  width: 18px;
  height: 18px;
}

.topbar-title {
  letter-spacing: -.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 600;
  overflow: hidden;
}

.topbar-sub {
  color: var(--text-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  overflow: hidden;
}

.credits-chip {
  background: var(--paper);
  border: 1px solid var(--line);
  color: var(--text-muted);
  white-space: nowrap;
  border-radius: 6px;
  flex: none;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  font-size: 12.5px;
  font-weight: 500;
  display: flex;
}

.credits-chip .credits-num {
  font-family: var(--font-mono),monospace;
  color: var(--text);
  font-size: 12.5px;
  font-weight: 700;
}

.credits-chip .credit-price {
  color: var(--text-muted);
  font-size: 11.5px;
  font-weight: 400;
}

.btn-topup {
  color: #fff;
  background: var(--ink);
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 16px;
  flex: none;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 600;
}

.btn-topup:hover {
  background: var(--ink-3);
}

.btn-demo {
  background: var(--ink);
  color: #fff;
  border: none;
  border-radius: 20px;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 12.5px;
  font-weight: 600;
  display: flex;
}

.btn-demo:hover {
  background: var(--ink-3);
}

.btn-demo svg {
  width: 13px;
  height: 13px;
  color: var(--accent);
  flex: none;
}

.avatar {
  background: var(--accent-wash);
  width: 30px;
  height: 30px;
  color: var(--accent-strong);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.avatar-btn {
  cursor: pointer;
  border: none;
}

.topbar-profile {
  flex: none;
  position: relative;
}

.profile-menu {
  z-index: 60;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  width: 236px;
  box-shadow: var(--shadow-lg);
  padding: 6px;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
}

.profile-menu-head {
  border-bottom: 1px solid var(--line);
  margin-bottom: 6px;
  padding: 10px 12px;
}

.profile-menu-name {
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
}

.profile-menu-email {
  color: var(--text-muted);
  word-break: break-all;
  margin-top: 2px;
  font-size: 11.5px;
}

.profile-menu-company {
  color: var(--text-faint);
  margin-top: 3px;
  font-size: 11px;
}

.profile-menu-item {
  text-align: left;
  border-radius: var(--radius-sm);
  width: 100%;
  color: var(--text-muted);
  background: none;
  border: none;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 12.5px;
  font-weight: 500;
  transition: background .12s, color .12s;
  display: flex;
}

.profile-menu-item:hover {
  background: var(--paper);
  color: var(--text);
}

.profile-menu-item svg {
  flex: none;
  width: 13px;
  height: 13px;
}

.auth-gate {
  background: var(--paper);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.view {
  flex: 1;
  display: none;
  overflow: hidden;
}

.view.active {
  display: flex;
}

.search-layout {
  flex: 1;
  width: 100%;
  min-height: 0;
  display: flex;
}

.filters {
  background: var(--card);
  border-right: 1px solid var(--line);
  width: 260px;
  min-width: 260px;
  padding: 16px 14px 40px;
  overflow: hidden auto;
}

.filter-search input {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  outline: none;
  width: 100%;
  padding: 9px 11px;
  font-size: 13px;
}

.filter-search input:focus {
  border-color: var(--accent-strong);
}

.filter-block {
  border-top: 1px solid var(--line);
  padding: 11px 2px;
}

.filter-block:first-of-type {
  border-top: none;
  margin-top: 14px;
}

.filter-head {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: var(--text);
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  display: flex;
}

.filter-head svg.icon {
  width: 14px;
  height: 14px;
  color: var(--text-muted);
  flex: none;
}

.filter-head .chev {
  width: 12px;
  height: 12px;
  color: var(--text-faint);
  margin-left: auto;
  transition: transform .15s;
}

.filter-block.open .chev {
  transform: rotate(45deg);
}

.filter-body {
  padding: 10px 2px 2px 22px;
  display: none;
}

.filter-block.open .filter-body {
  display: block;
}

.filter-body input, .filter-body select {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--paper);
  outline: none;
  width: 100%;
  margin-bottom: 6px;
  padding: 7px 9px;
  font-size: 12.5px;
}

.filter-body input:focus, .filter-body select:focus {
  border-color: var(--accent-strong);
  background: #fff;
}

.filter-body input[type="checkbox"], .filter-body input[type="radio"], .filter-search input[type="checkbox"], .filter-search input[type="radio"] {
  cursor: pointer;
  background: none;
  border: none;
  flex: none;
  width: auto;
  min-width: auto;
  margin: 0;
  padding: 0;
}

.filter-hint {
  color: var(--text-faint);
  margin-top: 2px;
  font-size: 11px;
}

.info-tip {
  flex: none;
  align-items: center;
  margin-left: 2px;
  display: inline-flex;
  position: relative;
}

.info-tip-i {
  border: 1px solid var(--text-faint);
  width: 14px;
  height: 14px;
  color: var(--text-faint);
  cursor: help;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  transition: color .12s, border-color .12s;
  display: inline-flex;
}

.info-tip:hover .info-tip-i, .info-tip:focus .info-tip-i {
  border-color: var(--accent);
  color: var(--accent);
}

.info-tip-bubble {
  background: var(--ink);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  z-index: 30;
  border-radius: 6px;
  width: max-content;
  max-width: 220px;
  padding: 7px 9px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.45;
  transition: opacity .12s;
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 4px 14px #14152a33;
}

.info-tip:hover .info-tip-bubble, .info-tip:focus .info-tip-bubble {
  opacity: 1;
}

.info-tip-bubble:after {
  content: "";
  border: 5px solid #0000;
  border-bottom-color: var(--ink);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.mcombo {
  margin-bottom: 6px;
}

.mcombo-field {
  position: relative;
}

.mcombo-field input {
  padding-right: 12px;
}

.mcombo-chips {
  flex-wrap: wrap;
  gap: 4px;
  margin: 5px 0 2px;
  display: flex;
}

.mcombo-chip {
  background: var(--accent-wash);
  color: var(--accent-strong);
  border: 1px solid var(--accent-soft);
  border-radius: 10px;
  align-items: center;
  gap: 3px;
  max-width: 100%;
  padding: 2px 3px 2px 8px;
  font-size: 11px;
  line-height: 1.4;
  display: inline-flex;
}

.mcombo-chip-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.mcombo-chip.excl {
  background: var(--danger-wash);
  color: var(--danger);
  border-color: var(--danger);
}

.mcombo-chip-x {
  color: inherit;
  cursor: pointer;
  opacity: .7;
  background: none;
  border: none;
  padding: 0 2px;
  font-size: 15px;
  line-height: 1;
}

.mcombo-chip-x:hover {
  opacity: 1;
}

.mcombo-opt {
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: var(--text);
  background: none;
  border: none;
  border-radius: 4px;
  align-items: flex-start;
  gap: 7px;
  padding: 6px 8px;
  display: flex;
}

.mcombo-opt.hi, .mcombo-opt:hover {
  background: var(--accent-wash);
}

.mcombo-opt.sel {
  background: var(--accent);
  color: #fff;
}

.mcombo-opt-main {
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.mcombo-opt.sel .combobox-opt-val {
  color: #ffffffd9;
}

.mcombo-check {
  border: 1.5px solid var(--line);
  color: #fff;
  border-radius: 3px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 13px;
  margin-top: 1px;
  font-size: 10px;
  line-height: 1;
  display: inline-flex;
}

.mcombo-opt.sel .mcombo-check {
  border-color: #ffffffbf;
}

.mcombo-opt.hi:not(.sel) .mcombo-check {
  border-color: var(--accent);
}

.saved-list {
  flex-direction: column;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.saved-item {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--card);
  align-items: stretch;
  gap: 0;
  display: flex;
  overflow: hidden;
}

.saved-item.active {
  border-color: var(--accent);
  background: var(--accent-wash);
}

.saved-item-main {
  text-align: left;
  cursor: pointer;
  min-width: 0;
  color: var(--text);
  background: none;
  border: none;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  padding: 7px 9px;
  display: flex;
}

.saved-item-main:hover {
  background: #4b54f70f;
}

.saved-item-desc {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.saved-item-meta {
  color: var(--text-faint);
  font-size: 11px;
}

.saved-item-del {
  border: none;
  border-left: 1px solid var(--line);
  width: 28px;
  color: var(--text-faint);
  cursor: pointer;
  background: none;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.saved-item-del:hover {
  color: var(--danger);
  background: var(--danger-wash);
}

.saved-active-bar {
  background: var(--accent-wash);
  border: 1px solid var(--accent-soft);
  border-radius: var(--radius);
  color: var(--ink-2);
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 13px;
  display: flex;
}

.saved-active-txt {
  flex: 1;
  min-width: 0;
}

.saved-active-txt b {
  font-weight: 600;
}

.saved-item-del svg {
  flex: none;
  width: 13px;
  height: 13px;
}

.saved-active-bar svg {
  flex: none;
  width: 14px;
  height: 14px;
}

.combobox-list {
  z-index: 300;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  max-height: 260px;
  box-shadow: var(--shadow-lg);
  padding: 4px;
  overflow: auto;
}

.combobox-opt {
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: var(--text);
  background: none;
  border: none;
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: 6px 8px;
  display: flex;
}

.combobox-opt.hi, .combobox-opt:hover {
  background: var(--accent-wash);
}

.combobox-opt.sel {
  background: var(--accent);
  color: #fff;
}

.combobox-opt.sel .combobox-opt-val {
  color: #ffffffd9;
}

.combobox-opt-label {
  font-size: 12.5px;
  line-height: 1.3;
}

.combobox-opt-val {
  color: var(--text-faint);
  font-size: 10.5px;
  font-family: var(--font-mono),monospace;
}

.combobox-more {
  color: var(--text-faint);
  padding: 5px 8px;
  font-size: 10.5px;
}

.filter-checkline {
  color: var(--text-muted);
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  font-size: 12px;
  display: flex;
}

.filter-range {
  gap: 8px;
  margin-bottom: 6px;
  display: flex;
}

.filter-range input {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}

.filter-review {
  margin-bottom: 4px;
}

.filter-review-label {
  color: var(--text);
  margin-bottom: 4px;
  font-size: 11.5px;
  font-weight: 600;
}

.results-col {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.results-head {
  border-bottom: 1px solid var(--line);
  background: var(--card);
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  display: flex;
}

.head-check {
  align-items: center;
  display: flex;
}

.head-check input {
  width: 15px;
  height: 15px;
  accent-color: var(--ink);
  cursor: pointer;
}

.results-count {
  color: var(--text-muted);
  font-size: 12.5px;
}

.results-count b {
  color: var(--text);
  font-family: var(--font-mono),monospace;
  font-weight: 600;
}

.spacer {
  flex: 1;
}

.api-path {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  align-items: center;
  gap: 8px;
  margin: 0 22px 12px;
  padding: 7px 10px;
  font-size: 11.5px;
  display: flex;
  overflow: hidden;
}

.api-path > svg {
  width: 13px;
  height: 13px;
  color: var(--text-faint);
  flex: none;
}

.api-path-label {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
  flex: none;
  font-size: 10px;
  font-weight: 600;
}

.api-path-req {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: var(--font-mono),monospace;
  color: var(--ink);
  flex: 1;
  font-size: 11.5px;
  overflow: hidden;
}

.api-path-copy {
  color: var(--text-faint);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  flex: none;
  align-items: center;
  gap: 5px;
  padding: 2px 4px;
  font-size: 11px;
  font-weight: 600;
  transition: color .12s, background .12s;
  display: inline-flex;
}

.api-path-copy:hover {
  color: var(--accent);
  background: var(--accent-wash);
}

.api-path-copy.done {
  color: var(--success);
}

.api-path-copy svg {
  flex: none;
  width: 12px;
  height: 12px;
}

.btn {
  border-radius: var(--radius-sm);
  white-space: nowrap;
  border: none;
  align-items: center;
  gap: 6px;
  padding: 8px 13px;
  font-size: 12.5px;
  font-weight: 600;
  transition: opacity .12s, background .12s;
  display: inline-flex;
}

.btn svg {
  width: 13px;
  height: 13px;
}

.btn-primary {
  background: var(--accent);
  color: #fff;
}

.btn-primary:hover {
  background: var(--accent-strong);
}

.btn-accent {
  background: var(--accent);
  color: #fff;
}

.btn-accent:hover {
  background: var(--accent-strong);
  color: #fff;
}

.btn-ghost {
  color: var(--text-muted);
  border: 1px solid var(--line);
  background: none;
}

.btn-ghost:hover {
  background: var(--paper);
  color: var(--text);
}

.btn-danger-ghost {
  color: var(--danger);
  border: 1px solid var(--danger-wash);
  background: none;
}

.btn-danger-ghost:hover {
  background: var(--danger-wash);
}

.btn-danger {
  background: var(--danger);
  color: #fff;
}

.btn-danger:not(:disabled):hover {
  color: #fff;
  background: #c12a25;
}

.btn-danger:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.btn-lock {
  background: var(--accent-wash);
  color: var(--accent-strong);
}

.btn-lock:hover {
  background: var(--accent);
  color: #fff;
}

.btn-lock .spinner {
  border-width: 1.5px;
  flex: none;
  width: 13px;
  height: 13px;
}

.btn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.btn-sm {
  padding: 6px 10px;
  font-size: 11.5px;
}

.results-list {
  background: var(--paper);
  flex: 1;
  overflow-y: auto;
}

.more-loading {
  color: var(--text-muted);
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  font-size: 12.5px;
  display: flex;
}

.list-toolbar {
  background: var(--card);
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 22px;
  display: flex;
}

.sel-all {
  color: var(--text);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  display: inline-flex;
}

.sel-all input {
  accent-color: var(--accent);
}

.sel-all-n {
  color: var(--text-faint);
  font-size: 11px;
  font-family: var(--font-mono),monospace;
  font-weight: 500;
}

.sel-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.sel-count {
  color: var(--text-muted);
  margin-right: 2px;
  font-size: 12.5px;
}

.row {
  background: var(--card);
  border-bottom: 1px solid var(--line);
  align-items: flex-start;
  gap: 14px;
  padding: 16px 22px;
  transition: background .1s;
  display: flex;
}

.row:hover {
  background: #fcfbf9;
}

.row-check {
  flex: none;
  margin-top: 4px;
}

.row-check input {
  width: 15px;
  height: 15px;
  accent-color: var(--ink);
}

.row-logo {
  border-radius: var(--radius-sm);
  color: #fff;
  width: 44px;
  height: 44px;
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font-display),sans-serif;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.row-body {
  flex: 1;
  min-width: 0;
}

.row-title-line {
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  display: flex;
}

.row-name {
  color: var(--accent);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}

.row-name:hover {
  text-decoration: underline;
}

.row-photo {
  object-fit: cover;
  background: var(--paper);
  border-radius: 50%;
  flex: none;
  width: 42px;
  height: 42px;
}

.row-tag {
  text-transform: uppercase;
  letter-spacing: .03em;
  color: var(--text-muted);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 600;
}

.row-desc {
  color: var(--text-muted);
  max-width: 640px;
  margin-top: 4px;
  font-size: 12.5px;
  line-height: 1.5;
}

.row-meta {
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 8px;
  display: flex;
}

.row-meta-item {
  color: var(--text-faint);
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  display: flex;
}

.row-meta-item svg {
  width: 11px;
  height: 11px;
}

.signal {
  flex: none;
  align-items: center;
  gap: 6px;
  display: flex;
}

.signal-bars {
  align-items: flex-end;
  gap: 2px;
  height: 14px;
  display: flex;
}

.signal-bars i {
  background: var(--line);
  border-radius: 1px;
  width: 3px;
  display: block;
}

.signal-bars i:first-child {
  height: 4px;
}

.signal-bars i:nth-child(2) {
  height: 7px;
}

.signal-bars i:nth-child(3) {
  height: 10px;
}

.signal-bars i:nth-child(4) {
  height: 13px;
}

.signal-bars i.on {
  background: var(--accent);
}

.signal-label {
  color: var(--text-faint);
  font-size: 10px;
  font-family: var(--font-mono),monospace;
}

.row-contact {
  text-align: right;
  flex: none;
  width: 200px;
}

.contact-line {
  margin-bottom: 6px;
  font-size: 11.5px;
}

.contact-line .lbl {
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 10px;
  display: block;
}

.contact-line .val {
  color: var(--text);
  font-family: var(--font-mono),monospace;
  font-size: 11.5px;
}

.contact-line .val.email {
  color: var(--teal);
}

.empty-state {
  text-align: center;
  color: var(--text-muted);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 60px 20px;
  display: flex;
}

.empty-state .ring {
  border: 1.5px dashed var(--line);
  width: 64px;
  height: 64px;
  color: var(--text-faint);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.empty-state h3 {
  color: var(--text);
  margin-bottom: 6px;
  font-size: 15px;
}

.empty-state p {
  max-width: 320px;
  font-size: 12.5px;
  line-height: 1.6;
}

.empty-state .empty-actions {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.empty-state .empty-hint {
  color: var(--text-faint);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 5px;
  max-width: 420px;
  margin-top: 14px;
  font-size: 11.5px;
  display: flex;
}

.empty-state .hint-chip {
  border: 1px solid var(--line);
  background: var(--card);
  color: var(--text-muted);
  white-space: nowrap;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  padding: 2.5px 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.empty-state .hint-chip svg {
  width: 11px;
  height: 11px;
  color: var(--text-faint);
}

.pagination {
  background: var(--card);
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 11px 22px;
  display: flex;
}

.page-btn {
  border: 1px solid var(--line);
  background: var(--card);
  min-width: 30px;
  height: 30px;
  color: var(--text-muted);
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  font-size: 12.5px;
  font-weight: 600;
  transition: background .12s, color .12s, border-color .12s;
  display: flex;
}

.page-btn:hover:not(:disabled) {
  background: var(--paper);
  color: var(--text);
  border-color: var(--text-faint);
}

.page-btn.active {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}

.page-btn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.page-ellipsis {
  color: var(--text-faint);
  padding: 0 4px;
  font-size: 12.5px;
}

.page-info {
  color: var(--text-faint);
  font-size: 11.5px;
  font-family: var(--font-mono),monospace;
  margin-left: 10px;
}

.bulk-bar {
  background: var(--ink);
  color: #fff;
  box-shadow: var(--shadow-lg);
  opacity: 0;
  pointer-events: none;
  z-index: 40;
  border-radius: 40px;
  align-items: center;
  gap: 14px;
  padding: 9px 10px 9px 18px;
  transition: opacity .15s, transform .15s;
  display: flex;
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%)translateY(0);
}

.bulk-bar.show {
  opacity: 1;
  pointer-events: all;
  transform: translateX(-50%)translateY(-4px);
}

.bulk-bar .count {
  font-size: 12.5px;
  font-weight: 600;
}

.bulk-bar .count b {
  color: var(--accent);
  font-family: var(--font-mono),monospace;
}

.bulk-bar .divider {
  background: var(--ink-3);
  width: 1px;
  height: 18px;
}

.single-wrap {
  flex: 1;
  padding: 26px 30px 50px;
  overflow-y: auto;
}

.page-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 14px;
  margin-bottom: 20px;
  display: flex;
}

.page-head h1 {
  letter-spacing: -.01em;
  font-size: 20px;
  font-weight: 700;
}

.page-head p {
  color: var(--text-muted);
  max-width: 560px;
  margin-top: 4px;
  font-size: 12.5px;
  line-height: 1.5;
}

.url-bar {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding: 9px 12px;
  display: flex;
}

.url-bar .lbl {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-faint);
  font-size: 11px;
  font-weight: 700;
}

.url-bar .val {
  font-family: var(--font-mono),monospace;
  color: var(--text);
  flex: 1;
  font-size: 12.5px;
}

.url-bar .copy {
  color: var(--teal);
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
}

.panel-table {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}

.data-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

.data-table thead th {
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-faint);
  border-bottom: 1px solid var(--line);
  background: var(--paper);
  white-space: nowrap;
  padding: 12px 16px;
  font-size: 11px;
  font-weight: 700;
}

.data-table tbody td {
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
  padding: 13px 16px;
}

.data-table tbody tr:last-child td {
  border-bottom: none;
}

.data-table tbody tr:hover {
  background: #f5f7fe;
}

.data-table .col-actions {
  text-align: right;
}

.row-actions {
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.member-cell {
  align-items: center;
  gap: 10px;
  display: flex;
}

.member-cell .av {
  background: var(--accent-wash);
  width: 32px;
  height: 32px;
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 700;
  font-family: var(--font-display),sans-serif;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.member-cell .who b {
  font-size: 13px;
  font-weight: 600;
  display: block;
}

.member-cell .who span {
  color: var(--text-faint);
  font-size: 11.5px;
}

.badge {
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 20px;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.badge .dot {
  background: currentColor;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.badge.gold {
  background: var(--gold-wash);
  color: var(--gold-deep);
  border-color: var(--gold-line);
}

.badge.teal {
  background: var(--badge-green-wash);
  color: var(--badge-green);
  border-color: var(--badge-green-line);
}

.badge.muted {
  background: var(--paper);
  color: var(--text-muted);
  border-color: var(--line);
}

.badge.live {
  background: var(--badge-green-wash);
  color: var(--badge-green);
  border-color: var(--badge-green-line);
}

.badge.live .dot {
  background: var(--badge-green-dot);
}

.badge.test {
  background: var(--badge-violet-wash);
  color: var(--badge-violet);
  border-color: var(--badge-violet-line);
}

.badge.revoked {
  background: var(--badge-red-wash);
  color: var(--badge-red);
  border-color: var(--badge-red-line);
}

.key-mono {
  font-family: var(--font-mono),monospace;
  color: var(--text);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 12px;
  display: inline-block;
}

.role-select {
  border: 1px solid var(--line);
  background: var(--card);
  color: var(--text);
  cursor: pointer;
  border-radius: 5px;
  outline: none;
  padding: 5px 8px;
  font-size: 12px;
}

.role-select:focus {
  border-color: var(--accent-strong);
}

.role-select:disabled {
  color: var(--text-faint);
  background: var(--paper);
  cursor: not-allowed;
}

.lists-wrap {
  flex: 1;
  padding: 26px 30px;
  overflow-y: auto;
}

.lists-header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 20px;
  display: flex;
}

.lists-header h1 {
  letter-spacing: -.01em;
  font-size: 20px;
  font-weight: 700;
}

.lists-header p {
  color: var(--text-muted);
  margin-top: 4px;
  font-size: 12.5px;
}

.lists-grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
  display: grid;
}

.lists-grid > .load-state, .lists-grid > .err-state, .lists-grid > .empty-state {
  grid-column: 1 / -1;
}

.kf-list-filter {
  margin: 0 0 16px;
}

.list-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  cursor: pointer;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  transition: border-color .12s, box-shadow .12s;
  display: flex;
}

.list-card:hover {
  border-color: var(--accent-strong);
  box-shadow: var(--shadow-sm);
}

.list-card-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.list-card-icon {
  border-radius: var(--radius-sm);
  background: var(--accent-wash);
  width: 34px;
  height: 34px;
  color: var(--accent-strong);
  justify-content: center;
  align-items: center;
  display: flex;
}

.list-card-icon svg {
  width: 16px;
  height: 16px;
}

.list-card-icon.mixed {
  background: var(--accent);
  color: #fff;
}

.list-card h3 {
  margin-top: 2px;
  font-size: 14.5px;
  font-weight: 600;
}

.list-card .meta {
  color: var(--text-faint);
  font-size: 11.5px;
}

.list-card-stats {
  border-top: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 10px;
  display: flex;
}

.list-card-count {
  font-family: var(--font-mono),monospace;
  font-size: 16px;
  font-weight: 600;
}

.list-card-count span {
  font-family: var(--font-inter),sans-serif;
  color: var(--text-faint);
  text-transform: uppercase;
  margin-left: 4px;
  font-size: 10.5px;
  font-weight: 500;
}

.new-list-card {
  border: 1.5px dashed var(--line);
  border-radius: var(--radius);
  color: var(--text-muted);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 150px;
  padding: 16px;
  transition: border-color .12s, color .12s;
  display: flex;
}

.list-create-bar {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 12px 14px;
  display: flex;
}

.list-create-bar input {
  flex: 1;
  min-width: 0;
}

.list-create-bar select {
  width: auto;
}

.list-add-bar {
  border-bottom: 1px solid var(--line);
  background: var(--paper);
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  display: flex;
}

.list-add-bar input {
  flex: 1;
  min-width: 0;
}

.list-add-bar svg {
  width: 16px;
  height: 16px;
  color: var(--text-muted);
  flex: none;
}

.list-card-del {
  width: 22px;
  height: 22px;
  color: var(--text-faint);
  cursor: pointer;
  opacity: 0;
  background: none;
  border: none;
  border-radius: 50%;
  place-items: center;
  transition: opacity .12s, color .12s, background .12s;
  display: grid;
  position: absolute;
  top: 8px;
  right: 8px;
}

.list-card:hover .list-card-del {
  opacity: 1;
}

.list-card-del:hover {
  background: var(--danger-wash, #fdecec);
  color: var(--danger);
}

.list-card {
  position: relative;
}

.new-list-card:hover {
  border-color: var(--accent-strong);
  color: var(--accent-strong);
}

.new-list-card svg {
  width: 22px;
  height: 22px;
}

.new-list-card span {
  font-size: 12.5px;
  font-weight: 600;
}

.detail-toolbar {
  border-bottom: 1px solid var(--line);
  background: var(--card);
  align-items: center;
  gap: 10px;
  padding: 16px 22px;
  display: flex;
}

.detail-title-wrap {
  margin-left: 6px;
}

.detail-title-wrap h2 {
  font-size: 15.5px;
  font-weight: 700;
}

.detail-title-wrap .meta {
  color: var(--text-faint);
  font-size: 11.5px;
}

.enrich-wrap {
  flex: 1;
  justify-content: center;
  padding: 30px;
  display: flex;
  overflow-y: auto;
}

.enrich-inner {
  width: 100%;
  max-width: 760px;
}

.enrich-inner h1 {
  letter-spacing: -.01em;
  margin-bottom: 6px;
  font-size: 20px;
  font-weight: 700;
}

.enrich-inner > p {
  color: var(--text-muted);
  max-width: 520px;
  margin-bottom: 22px;
  font-size: 13px;
  line-height: 1.6;
}

.enrich-box {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
}

.enrich-box textarea {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  width: 100%;
  height: 130px;
  font-family: var(--font-mono),monospace;
  resize: vertical;
  background: var(--paper);
  outline: none;
  padding: 11px;
  font-size: 12.5px;
}

.enrich-box textarea:focus {
  border-color: var(--accent-strong);
  background: #fff;
}

.enrich-foot {
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.enrich-foot .hint {
  color: var(--text-faint);
  font-size: 11.5px;
}

.enrich-results {
  margin-top: 22px;
}

.enrich-results h3 {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-muted);
  margin-bottom: 10px;
  font-size: 12.5px;
  font-weight: 700;
}

.erow {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  align-items: center;
  gap: 12px;
  margin-bottom: 7px;
  padding: 11px 13px;
  display: flex;
}

.erow .dot {
  background: var(--success);
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.erow .col {
  flex: 1;
  font-size: 12px;
}

.erow .col b {
  font-size: 12.5px;
  font-weight: 600;
  display: block;
}

.erow .col span {
  color: var(--text-faint);
  font-size: 11px;
}

.docs-layout {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.docs-nav {
  border-right: 1px solid var(--line);
  background: var(--card);
  flex-direction: column;
  width: 400px;
  min-width: 400px;
  display: flex;
}

.docs-nav-head {
  border-bottom: 1px solid var(--line);
  flex: none;
  padding: 18px 16px 13px;
}

.docs-nav-title {
  text-transform: uppercase;
  letter-spacing: .09em;
  color: var(--text-faint);
  font-size: 11px;
  font-weight: 700;
}

.docs-nav-sub {
  color: var(--text);
  margin-top: 4px;
  font-size: 14px;
  font-weight: 700;
}

.docs-search {
  border-bottom: 1px solid var(--line);
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 11px 12px;
  display: flex;
}

.docs-search svg {
  width: 15px;
  height: 15px;
  color: var(--text-faint);
  flex: none;
}

.docs-search input {
  background: var(--paper);
  border: 1px solid var(--line);
  min-width: 0;
  color: var(--text);
  border-radius: 6px;
  outline: none;
  flex: 1;
  padding: 7px 10px;
  font-size: 12.5px;
}

.docs-search input:focus {
  border-color: var(--accent);
  background: var(--card);
}

.docs-nav-list {
  flex: 1;
  padding: 6px 10px 18px;
  overflow-y: auto;
}

.dn-label {
  text-transform: uppercase;
  letter-spacing: .07em;
  width: 100%;
  color: var(--text-faint);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 6px;
  padding: 12px 8px 5px;
  font-family: inherit;
  font-size: 10.5px;
  font-weight: 700;
  display: flex;
}

.dn-label:hover {
  color: var(--text-muted);
}

.dn-label-txt {
  text-align: left;
  flex: 1;
}

.dn-chev {
  width: 12px;
  height: 12px;
  color: var(--text-faint);
  flex: none;
  transition: transform .15s;
}

.dn-label.open .dn-chev {
  transform: rotate(90deg);
}

.dn-item {
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: inherit;
  background: none;
  border: 1px solid #0000;
  border-radius: 7px;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-bottom: 2px;
  padding: 9px 11px;
  font-family: inherit;
  display: flex;
}

.dn-item:hover {
  background: var(--paper);
}

.dn-item.active {
  background: var(--accent-wash);
  border-color: var(--accent);
}

.dn-item .verb {
  font-size: 9.5px;
  font-weight: 700;
  font-family: var(--font-mono),monospace;
  border-radius: 4px;
  flex: none;
  padding: 2px 5px;
}

.dn-item .verb.get {
  background: var(--teal-wash);
  color: var(--teal);
}

.dn-item .verb.post {
  background: var(--accent-wash);
  color: var(--accent-strong);
}

.dn-item .verb.put {
  background: var(--blue-wash);
  color: var(--blue);
}

.dn-item .verb.delete {
  background: var(--danger-wash);
  color: var(--danger);
}

.dn-item .dn-path {
  font-family: var(--font-mono),monospace;
  color: var(--text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}

.dn-item .dn-sum {
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0 100%;
  font-size: 12.5px;
  line-height: 1.4;
  overflow: hidden;
}

.dn-item.active .dn-path {
  color: var(--accent-strong);
}

.docs-content {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
}

.docs-prose {
  max-width: none;
  margin: 0 auto;
  padding: 32px 40px 100px;
}

.docs-breadcrumb {
  color: var(--text-faint);
  align-items: center;
  gap: 6px;
  margin-bottom: 22px;
  font-size: 12.5px;
  display: flex;
}

.docs-breadcrumb svg {
  width: 13px;
  height: 13px;
}

.docs-breadcrumb span:last-child {
  color: var(--text-muted);
  font-weight: 600;
}

.docs-endpoint-head {
  margin-bottom: 8px;
}

.docs-endpoint-head h2 {
  letter-spacing: -.02em;
  margin: 0 0 10px;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.2;
}

.docs-endpoint-desc {
  color: var(--text-muted);
  margin-bottom: 20px;
  font-size: 14.5px;
  line-height: 1.7;
}

.docs-endpoint-line {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 10px 12px 10px 14px;
  display: flex;
}

.docs-endpoint-line .verb-tag {
  font-family: var(--font-mono),monospace;
  border-radius: 6px;
  flex: none;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
}

.docs-endpoint-line .verb-tag.get {
  background: var(--teal-wash);
  color: var(--teal);
}

.docs-endpoint-line .verb-tag.post {
  background: var(--accent-wash);
  color: var(--accent-strong);
}

.docs-endpoint-line .verb-tag.put {
  background: var(--blue-wash);
  color: var(--blue);
}

.docs-endpoint-line .verb-tag.delete {
  background: var(--danger-wash);
  color: var(--danger);
}

.docs-endpoint-path {
  font-family: var(--font-mono),monospace;
  color: var(--text);
  word-break: break-all;
  flex: 1;
  min-width: 0;
  font-size: 14.5px;
  font-weight: 600;
}

.docs-copy-url {
  color: var(--text-muted);
  background: var(--paper);
  border: 1px solid var(--line);
  cursor: pointer;
  border-radius: 6px;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  font-size: 11.5px;
  font-weight: 600;
  display: inline-flex;
}

.docs-copy-url svg {
  width: 13px;
  height: 13px;
}

.docs-copy-url:hover {
  color: var(--text);
  border-color: var(--text-faint);
}

.docs-baseurl {
  color: var(--text-faint);
  margin-top: 12px;
  font-size: 12px;
}

.docs-baseurl code {
  font-family: var(--font-mono),monospace;
  color: var(--text-muted);
}

.docs-section {
  border-top: 1px solid var(--line);
  margin-top: 40px;
  padding-top: 32px;
}

.docs-section-head {
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  display: flex;
}

.docs-section-head h3 {
  color: var(--text);
  font-size: 17px;
  font-weight: 700;
}

.docs-status {
  font-family: var(--font-mono),monospace;
  background: var(--teal-wash);
  color: var(--teal);
  border-radius: 5px;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 700;
}

.docs-status-desc {
  color: var(--text-muted);
  font-size: 12px;
}

.docs-empty {
  color: var(--text-muted);
  padding: 4px 0;
  font-size: 13px;
}

@media (max-width: 860px) {
  .docs-nav {
    width: 300px;
    min-width: 300px;
  }

  .docs-prose {
    padding: 24px 22px 60px;
  }
}

.docs-param-groups {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.docs-param-group-label {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--text-faint);
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.docs-params {
  border-collapse: collapse;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  width: 100%;
  font-size: 12.5px;
  overflow: hidden;
}

.docs-params th {
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-faint);
  border-bottom: 1px solid var(--line);
  background: var(--paper);
  padding: 9px 12px;
  font-size: 10.5px;
  font-weight: 700;
}

.docs-params td {
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  padding: 10px 12px;
}

.docs-params tr:last-child td {
  border-bottom: none;
}

.docs-params td.name {
  font-family: var(--font-mono),monospace;
  white-space: nowrap;
  font-weight: 600;
}

.docs-params td.req-yes {
  color: var(--danger);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}

.docs-params td.req-no {
  color: var(--text-faint);
  text-transform: uppercase;
  font-size: 11px;
}

.docs-params-scroll {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  max-height: 440px;
  overflow: auto;
}

.docs-params-scroll .docs-params {
  border: none;
  border-radius: 0;
}

.docs-params-scroll thead th {
  z-index: 1;
  position: sticky;
  top: 0;
}

.code-tabs {
  gap: 4px;
  display: flex;
}

.code-tab {
  color: var(--text-muted);
  background: var(--paper);
  border: 1px solid var(--line);
  cursor: pointer;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  padding: 7px 13px;
  font-size: 12px;
  font-weight: 600;
}

.code-tab.active {
  background: var(--card);
  color: var(--ink);
  border-color: var(--line);
  border-bottom: 1px solid var(--card);
  margin-bottom: -1px;
}

.code-block {
  background: var(--card);
  border: 1px solid var(--line);
  color: var(--text);
  font-family: var(--font-mono),monospace;
  white-space: pre;
  border-radius: 0 8px 8px;
  padding: 16px 46px 16px 16px;
  font-size: 12px;
  line-height: 1.75;
  position: relative;
  overflow-x: auto;
}

.code-block .copy {
  color: var(--text-muted);
  background: var(--paper);
  border: 1px solid var(--line);
  cursor: pointer;
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 10.5px;
  font-weight: 600;
  position: absolute;
  top: 9px;
  right: 9px;
}

.code-block .copy:hover {
  color: var(--accent-strong);
  border-color: var(--accent-soft);
}

.code-block.resp-block {
  white-space: normal;
  padding: 14px 18px;
}

.code-block.resp-block code {
  white-space: pre;
  display: block;
}

.code-block .j-key {
  color: var(--accent-strong);
  font-weight: 600;
}

.code-block .j-str {
  color: #1f7a4c;
}

.code-block .j-num {
  color: #8f6519;
}

.code-block .j-bool {
  color: #6459c9;
}

.code-block .j-null {
  color: var(--text-faint);
}

.code-block .c-com {
  color: var(--text-faint);
  font-style: italic;
}

.code-block .c-flag {
  color: var(--accent-strong);
}

.code-block .c-kw {
  color: #6459c9;
}

.resp-tabs {
  gap: 4px;
  display: flex;
}

.resp-tab {
  color: var(--text-muted);
  background: var(--paper);
  border: 1px solid var(--line);
  cursor: pointer;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 600;
}

.resp-tab.active {
  background: var(--card);
  color: var(--ink);
  border-color: var(--line);
  border-bottom: 1px solid var(--card);
  margin-bottom: -1px;
}

.resp-tree {
  flex-direction: column;
  display: flex;
}

.resp-tree .resp-tree {
  border-left: 1px solid var(--line);
  margin-left: 7px;
  padding-left: 14px;
}

.resp-node {
  flex-direction: column;
  display: flex;
}

.resp-prop {
  grid-template-columns: minmax(150px, 230px) minmax(84px, 120px) 1fr;
  align-items: baseline;
  gap: 0 16px;
  padding: 5.5px 0;
  font-size: 12.5px;
  line-height: 1.55;
  display: grid;
}

.resp-prop .rp-name {
  font-family: var(--font-mono),monospace;
  color: var(--accent-strong);
  overflow-wrap: break-word;
  font-weight: 600;
}

.resp-prop .rp-type {
  font-family: var(--font-mono),monospace;
  color: #6459c9;
  font-size: 11px;
}

.resp-prop .rp-desc {
  color: var(--text-muted);
}

.tryit {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  padding: 14px 16px;
}

.tryit-note {
  color: var(--text-muted);
  margin-bottom: 12px;
  font-size: 11.5px;
  line-height: 1.55;
}

.tryit-note.warn {
  background: var(--gold-wash);
  border: 1px solid var(--gold-2);
  color: #7a5300;
  border-radius: var(--radius-sm);
  margin-top: 12px;
  padding: 8px 10px;
}

.tryit-note code, .tryit-hint code, .tryit-url code {
  font-family: var(--font-mono),monospace;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 0 4px;
  font-size: 11px;
}

.tryit-note.warn code {
  background: #fff;
}

.tryit-label {
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--text-faint);
  margin: 12px 0 6px;
  font-size: 10.5px;
  font-weight: 700;
}

.tryit-label:first-of-type {
  margin-top: 0;
}

.tryit-row {
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  display: flex;
}

.tryit-pname {
  font-family: var(--font-mono),monospace;
  color: var(--text);
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 190px;
  min-width: 190px;
  font-size: 11.5px;
  font-weight: 600;
  overflow: hidden;
}

.tryit-pname .req {
  color: var(--danger);
  font-weight: 700;
}

.tryit-in, .tryit-body {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--paper);
  min-width: 0;
  color: var(--text);
  font-size: 12.5px;
  font-family: var(--font-mono),monospace;
  outline: none;
  flex: 1;
  padding: 7px 9px;
}

.tryit-in:focus, .tryit-body:focus {
  border-color: var(--accent-strong);
  background: #fff;
}

.tryit-body {
  resize: vertical;
  flex: none;
  width: 100%;
  min-height: 120px;
  line-height: 1.6;
  display: block;
}

.tryit-hint {
  color: var(--text-faint);
  margin-top: 2px;
  font-size: 11px;
}

.tryit-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  display: flex;
}

.tryit-url {
  min-width: 200px;
  font-family: var(--font-mono),monospace;
  color: var(--text-muted);
  white-space: nowrap;
  flex: 1;
  font-size: 11px;
  overflow: hidden;
}

.tryit-resp {
  margin-top: 14px;
}

.tryit-meta {
  color: var(--text-faint);
  font-size: 11.5px;
  font-family: var(--font-mono),monospace;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  display: flex;
}

.tryit-status {
  border-radius: 5px;
  padding: 3px 9px;
  font-size: 11px;
  font-weight: 700;
}

.tryit-status.ok {
  background: var(--teal-wash);
  color: var(--teal);
}

.tryit-status.warn {
  background: var(--gold-wash);
  color: var(--gold);
}

.tryit-status.err {
  background: var(--danger-wash);
  color: var(--danger);
}

.tryit-credits {
  color: var(--accent-strong);
  font-weight: 600;
}

.tryit-hdrs {
  font-family: var(--font-mono),monospace;
  color: var(--text-muted);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  margin-bottom: 10px;
  padding: 8px 10px;
  font-size: 11px;
}

.tryit-hdrs summary {
  cursor: pointer;
  color: var(--text-muted);
  font-weight: 600;
}

.tryit-hdrs div {
  word-break: break-all;
  line-height: 1.7;
}

.tryit-hdrs b {
  color: var(--text);
  font-weight: 600;
}

.data-view {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 26px 30px;
  display: flex;
  overflow-y: auto;
}

.data-view > * {
  flex-shrink: 0;
}

.panel-pad {
  padding: 18px 20px;
}

.panel-pad .auto-recharge-row {
  align-items: flex-start;
  padding: 0;
}

.panel-pad .pay-method {
  background: none;
  border: none;
  padding: 0;
}

.data-table .col-amount {
  text-align: right;
  font-family: var(--font-mono),monospace;
  white-space: nowrap;
  font-weight: 600;
}

.block-h {
  justify-content: space-between;
  align-items: center;
  margin: 4px 2px 12px;
  display: flex;
}

.block-h h3 {
  color: var(--text);
  font-size: 15px;
  font-weight: 600;
}

.block-h .block-sub {
  color: var(--text-muted);
  margin-top: 2px;
  font-size: 12px;
}

.plan-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  display: flex;
}

.plan-row .plan-pill {
  background: var(--accent-wash);
  color: var(--accent-strong);
  border-radius: 20px;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}

.kv-list {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 20px;
  margin-top: 14px;
  display: grid;
}

@media (max-width: 560px) {
  .kv-list {
    grid-template-columns: 1fr 1fr;
  }
}

.kv-list .kv-label {
  color: var(--text-faint);
  font-size: 11.5px;
}

.kv-list .kv-val {
  color: var(--text);
  margin-top: 2px;
  font-size: 13.5px;
  font-weight: 600;
}

.usage-bars {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  margin-bottom: 20px;
  padding: 18px 20px;
}

.usage-row {
  grid-template-columns: 160px 1fr 70px;
  align-items: center;
  gap: 14px;
  margin-bottom: 13px;
  display: grid;
}

.usage-row:last-child {
  margin-bottom: 0;
}

.usage-row .ucat {
  color: var(--text);
  font-size: 13px;
  font-weight: 500;
}

.usage-row .ucat small {
  color: var(--text-faint);
  font-size: 11px;
  font-weight: 400;
  display: block;
}

.usage-row .track {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 20px;
  height: 9px;
  overflow: hidden;
}

.usage-row .fill {
  background: var(--accent);
  border-radius: 20px;
  height: 100%;
}

.usage-row .uamt {
  font-family: var(--font-mono),monospace;
  color: var(--text-muted);
  text-align: right;
  font-size: 12.5px;
}

.pay-method {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  display: inline-flex;
}

.pay-method .chip {
  background: var(--ink);
  color: #fff;
  letter-spacing: .03em;
  width: 34px;
  height: 24px;
  font-size: 9px;
  font-weight: 700;
  font-family: var(--font-display),sans-serif;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.term-toggle-row {
  justify-content: center;
  margin-bottom: 0;
  display: flex;
}

.term-toggle {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 4px;
  display: inline-flex;
}

.term-toggle button {
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 7px 20px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  transition: background .12s, color .12s;
  display: inline-flex;
}

.term-toggle button.active {
  background: var(--accent);
  color: #fff;
}

.term-save {
  text-transform: uppercase;
  letter-spacing: .04em;
  background: var(--gold-wash);
  color: #7a5300;
  border-radius: 999px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 700;
}

.term-toggle button.active .term-save {
  color: #fff;
  background: #ffffff38;
}

.plan-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin-top: 0;
  display: grid;
}

.price-footnote {
  color: var(--text-faint);
  text-align: center;
  margin: 0;
  padding: 14px 0;
  font-size: 11.5px;
}

.plan-card {
  text-align: left;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  cursor: pointer;
  color: inherit;
  flex-direction: column;
  gap: 10px;
  padding: 18px 18px 16px;
  font-family: inherit;
  transition: border-color .12s, box-shadow .12s, transform 80ms;
  display: flex;
}

.plan-card:hover:not(:disabled) {
  border-color: var(--accent-strong);
  box-shadow: var(--shadow-sm);
}

.plan-card.selected {
  border-color: var(--accent);
  background: var(--accent-wash);
}

.plan-card:disabled {
  cursor: default;
}

.plan-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.plan-name {
  color: var(--text);
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font-display),sans-serif;
}

.plan-switch {
  color: var(--accent-strong);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.plan-switch .spinner {
  border-width: 1.5px;
  flex: none;
  width: 12px;
  height: 12px;
}

.plan-price {
  color: var(--ink);
  font-size: 22px;
  font-weight: 700;
  font-family: var(--font-display),sans-serif;
  letter-spacing: -.01em;
  line-height: 1.1;
}

.plan-price-row {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.plan-price-strike {
  color: var(--text-faint);
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-display),sans-serif;
  letter-spacing: -.01em;
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
}

.plan-price-save {
  text-transform: uppercase;
  letter-spacing: .04em;
  background: var(--gold-wash);
  color: #7a5300;
  white-space: nowrap;
  border-radius: 999px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 700;
}

.plan-feats {
  flex-direction: column;
  gap: 6px;
  margin-top: 2px;
  display: flex;
}

.plan-feat {
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.plan-feat-n {
  color: var(--text);
  font-size: 13.5px;
  font-weight: 700;
  font-family: var(--font-mono),monospace;
}

.plan-feat-l {
  color: var(--text-muted);
  font-size: 12px;
}

.credit-topup {
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
  padding-top: 16px;
  display: flex;
}

.credit-topup-lbl {
  color: var(--text-muted);
  font-size: 12.5px;
  font-weight: 600;
}

.credit-topup-packs {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.topup-amount {
  flex-direction: column;
  gap: 6px;
  margin-top: 14px;
  display: flex;
}

.topup-amount-lbl {
  color: var(--text-muted);
  font-size: 12.5px;
  font-weight: 600;
}

.topup-amount input {
  max-width: 260px;
  font-size: 15px;
  font-weight: 600;
}

.topup-amount input:disabled {
  opacity: .5;
}

.topup-amount-price {
  color: var(--text-faint);
  font-size: 12.5px;
}

.setting-row {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.setting-sub {
  color: var(--text-muted);
  margin-top: 2px;
  font-size: 12.5px;
}

.switch {
  background: var(--line);
  cursor: pointer;
  border: none;
  border-radius: 11px;
  flex: none;
  width: 38px;
  height: 22px;
  padding: 0;
  transition: background .15s;
  position: relative;
}

.switch:after {
  content: "";
  background: var(--card);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: left .15s;
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 1px 2px #14152a40;
}

.switch.on {
  background: var(--accent);
}

.switch.on:after {
  left: 19px;
}

.status-pill {
  letter-spacing: .02em;
  border-radius: 999px;
  align-items: center;
  padding: 3px 10px;
  font-size: 11.5px;
  font-weight: 700;
  display: inline-flex;
}

.status-pill.on {
  background: var(--success-soft, #e3f6ee);
  color: var(--success, #1e8e5a);
}

.status-pill.off {
  background: var(--paper);
  color: var(--text-faint);
}

.auto-recharge-row {
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  display: flex;
}

.auto-recharge-detail {
  color: var(--text-muted);
  font-size: 12.5px;
  line-height: 1.5;
}

.overlay {
  z-index: 100;
  background: #14192273;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.overlay.show {
  display: flex;
}

.modal {
  background: var(--card);
  width: 420px;
  max-width: 92vw;
  box-shadow: var(--shadow-lg);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.modal-x {
  background: var(--paper);
  width: 28px;
  height: 28px;
  color: var(--text-muted);
  cursor: pointer;
  z-index: 3;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px;
}

.modal-x:hover {
  background: var(--accent-wash);
  color: var(--accent);
}

.modal-x svg {
  width: 14px;
  height: 14px;
}

.modal-head {
  border-bottom: 1px solid var(--line);
  padding: 18px 44px 14px 20px;
}

.modal-head h3 {
  font-size: 15px;
  font-weight: 700;
}

.modal-head p {
  color: var(--text-muted);
  margin-top: 3px;
  font-size: 12px;
}

.modal-body {
  max-height: 340px;
  padding: 14px 20px;
  overflow-y: auto;
}

.modal-foot {
  border-top: 1px solid var(--line);
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 20px;
  display: flex;
}

.modal-wide {
  width: 640px;
}

.modal-wide .modal-body {
  max-height: min(60vh, 540px);
}

.modal-error {
  border-radius: var(--radius-sm);
  background: var(--danger-wash);
  color: var(--danger);
  margin: 12px 20px 0;
  padding: 9px 11px;
  font-size: 12px;
  line-height: 1.5;
}

.confirm-modal {
  max-width: 380px;
}

.confirm-modal .modal-head {
  border-bottom: none;
  padding: 20px 44px 6px 22px;
}

.confirm-modal .modal-foot {
  border-top: none;
  padding: 8px 22px 20px;
}

.confirm-icon {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 0 0 12px;
  display: flex;
}

.confirm-icon.danger {
  background: var(--danger-wash);
  color: var(--danger);
}

.sub-manage {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding: 12px 14px;
  display: flex;
}

.sub-manage-info {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.sub-manage-warn {
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
}

.sub-manage-warn.muted {
  color: var(--text-muted);
  font-weight: 600;
}

.sub-manage-sub {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.list-option {
  border-radius: var(--radius-sm);
  cursor: pointer;
  border: 1px solid #0000;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
  padding: 9px 10px;
  display: flex;
}

.list-option:hover {
  background: var(--paper);
}

.list-option.selected {
  background: var(--accent-wash);
  border-color: var(--accent);
}

.list-option input {
  accent-color: var(--ink);
}

.list-option .name {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
}

.list-option .n {
  color: var(--text-faint);
  font-size: 11px;
  font-family: var(--font-mono),monospace;
}

.list-option .lo-ic {
  width: 15px;
  height: 15px;
  color: var(--text-muted);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.list-option .lo-ic svg {
  width: 100%;
  height: 100%;
}

.new-list-row {
  border-top: 1px solid var(--line);
  gap: 8px;
  margin-top: 10px;
  padding-top: 12px;
  display: flex;
}

.new-list-row input {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  outline: none;
  flex: 1;
  padding: 9px 11px;
  font-size: 12.5px;
}

.new-list-row input:focus {
  border-color: var(--accent-strong);
}

.save-modal {
  padding-top: 14px;
}

.save-search {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--paper);
  color: var(--text-faint);
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  padding: 9px 11px;
  display: flex;
}

.save-search:focus-within {
  border-color: var(--accent-strong);
  background: #fff;
}

.save-search input {
  min-width: 0;
  color: var(--text);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-size: 12.5px;
}

.save-results {
  max-height: 232px;
  margin: 0 -2px;
  padding: 0 2px;
  overflow-y: auto;
}

.list-option.create {
  border: 1px dashed var(--line);
}

.list-option.create:hover {
  background: var(--accent-wash);
}

.list-option.create.selected {
  background: var(--accent-wash);
  border-color: var(--accent);
}

.list-option.create .create-ic {
  width: 15px;
  height: 15px;
  color: var(--accent-strong);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.list-option.create .create-ic svg {
  width: 100%;
  height: 100%;
}

.list-option.create .name {
  color: var(--accent-strong);
}

.save-hint {
  color: var(--text-muted);
  align-items: center;
  gap: 8px;
  padding: 12px 4px;
  font-size: 12.5px;
  display: flex;
}

.field-group {
  margin-bottom: 16px;
}

.field-group:last-child {
  margin-bottom: 0;
}

.field-label {
  color: var(--text);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.field-label .opt {
  color: var(--text-faint);
  text-transform: none;
  font-size: 10.5px;
  font-weight: 500;
}

.field-input, .field-textarea {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--paper);
  width: 100%;
  font-size: 13px;
  font-family: var(--font-inter),sans-serif;
  outline: none;
  padding: 9px 11px;
}

.field-input:focus, .field-textarea:focus {
  border-color: var(--accent-strong);
  background: #fff;
}

.field-textarea {
  resize: vertical;
  min-height: 58px;
  line-height: 1.5;
}

.field-count {
  color: var(--text-faint);
  text-align: right;
  margin-top: 5px;
  font-size: 10.5px;
}

.field-err {
  color: var(--danger);
  margin-top: 5px;
  font-size: 11.5px;
}

.seg-control {
  gap: 8px;
  display: flex;
}

.seg-option {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  cursor: pointer;
  color: var(--text-muted);
  text-align: center;
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 12px 6px;
  transition: border-color .12s, background .12s, color .12s;
  display: flex;
}

.seg-option svg {
  width: 17px;
  height: 17px;
}

.seg-option span {
  font-size: 11px;
  font-weight: 600;
}

.seg-option:hover {
  border-color: var(--accent-strong);
}

.seg-option.active {
  border-color: var(--accent);
  background: var(--accent-wash);
  color: var(--accent-strong);
}

.ex-filterbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  display: flex;
}

.ex-filterbar .ex-countline {
  margin: 0;
}

.sen-chips {
  flex-wrap: wrap;
}

.sen-chips .seg-option {
  color: var(--text-muted);
  flex-direction: row;
  flex: none;
  gap: 7px;
  padding: 5px 11px;
}

.sen-chips .seg-option span {
  font-size: 12px;
}

.sen-count {
  background: var(--paper);
  border: 1px solid var(--line);
  text-align: center;
  border-radius: 99px;
  min-width: 20px;
  padding: 1px 7px;
  font-size: 10px;
  font-weight: 700;
}

.sen-chips .seg-option.active {
  color: var(--accent-strong);
}

.sen-chips .seg-option.active .sen-count {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

.export-checks {
  grid-template-columns: 1fr 1fr;
  gap: 2px 16px;
  margin-top: 4px;
  display: grid;
}

.export-checks .filter-checkline {
  margin-top: 6px;
}

.export-estimate {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--paper);
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  margin-top: 14px;
  padding: 12px 14px;
  font-size: 13px;
  display: flex;
}

.export-estimate > span {
  color: var(--text-muted);
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  display: flex;
}

.export-estimate .row {
  color: var(--text-muted);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.export-estimate .row b {
  color: var(--ink);
  font-family: var(--font-mono),monospace;
  font-size: 13px;
}

.export-estimate .muted {
  color: var(--text-faint);
  font-size: 11.5px;
}

.export-estimate .err {
  color: var(--danger);
  font-size: 12.5px;
}

.export-estimate .skel {
  background: var(--line);
  border-radius: 4px;
  width: 72px;
  height: 13px;
  animation: 1.2s ease-in-out infinite kf-skel-pulse;
  display: inline-block;
}

@keyframes kf-skel-pulse {
  50% {
    opacity: .4;
  }
}

.modal-name-preview {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding: 10px 12px;
  display: flex;
}

.modal-name-preview .prev-icon {
  border-radius: var(--radius-sm);
  background: var(--accent-wash);
  width: 32px;
  height: 32px;
  color: var(--accent-strong);
  flex: none;
  justify-content: center;
  align-items: center;
  transition: background .12s, color .12s;
  display: flex;
}

.modal-name-preview .prev-icon svg {
  width: 15px;
  height: 15px;
}

.modal-name-preview .prev-icon.mixed {
  background: var(--accent);
  color: #fff;
}

.modal-name-preview .prev-text {
  color: var(--text-faint);
  font-size: 12.5px;
  font-weight: 600;
}

.modal-name-preview .prev-text.filled {
  color: var(--text);
}

.key-reveal-box {
  background: var(--accent-wash);
  border-radius: var(--radius-sm);
  border: 1px solid #c9cffe;
  margin-bottom: 6px;
  padding: 14px;
}

.key-reveal-box .warn {
  color: var(--accent-strong);
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
  font-size: 11.5px;
  font-weight: 600;
  display: flex;
}

.key-reveal-box .warn svg {
  flex: none;
  width: 14px;
  height: 14px;
}

.key-reveal-line {
  align-items: center;
  gap: 8px;
  display: flex;
}

.key-reveal-line .kf {
  font-family: var(--font-mono),monospace;
  background: var(--card);
  border: 1px solid var(--line);
  word-break: break-all;
  border-radius: 5px;
  flex: 1;
  padding: 8px 10px;
  font-size: 12px;
}

.slideover-overlay {
  z-index: 90;
  background: #14192259;
  display: none;
  position: fixed;
  inset: 0;
}

.slideover-overlay.show {
  display: block;
}

.slideover {
  background: var(--card);
  width: 440px;
  max-width: 92vw;
  height: 100vh;
  box-shadow: var(--shadow-lg);
  z-index: 95;
  flex-direction: column;
  transition: transform .22s;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
}

.slideover.show {
  transform: translateX(0);
}

.slide-head {
  border-bottom: 1px solid var(--line);
  align-items: flex-start;
  gap: 14px;
  padding: 20px;
  display: flex;
}

.slide-close {
  background: var(--paper);
  cursor: pointer;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-left: auto;
  display: flex;
}

.slide-close svg {
  width: 12px;
  height: 12px;
}

.slide-body {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
}

.slide-section {
  margin-bottom: 22px;
}

.slide-section h4 {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--text-faint);
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 700;
}

.slide-meta-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.slide-meta-grid div .l {
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: 10.5px;
}

.slide-meta-grid div .v {
  overflow-wrap: anywhere;
  margin-top: 2px;
  font-size: 12.5px;
  font-weight: 600;
}

.slide-contact-list {
  flex-direction: column;
  gap: 11px;
  display: flex;
}

.contact-row {
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  display: flex;
}

.contact-row svg {
  width: 15px;
  height: 15px;
  color: var(--text-muted);
  flex: none;
  margin-top: 1px;
}

.contact-row .cl {
  color: var(--text-faint);
  font-size: 11px;
}

.contact-row .cv {
  color: var(--text);
  word-break: break-all;
  margin-top: 1px;
  font-weight: 500;
}

.contact-row .cv a {
  color: var(--accent-strong);
  font-weight: 600;
  text-decoration: none;
}

.contact-row .cv a:hover {
  text-decoration: underline;
}

.contact-row .cv .badge {
  margin-left: 5px;
  transform: translateY(-1px);
}

.slide-people-list {
  flex-direction: column;
  display: flex;
}

.kp-row {
  border-top: 1px solid var(--line);
  align-items: center;
  gap: 11px;
  padding: 10px 0;
  display: flex;
}

.kp-row:first-child {
  border-top: none;
  padding-top: 2px;
}

.kp-row.click {
  cursor: pointer;
}

.kp-row.click:hover .kp-name {
  color: var(--accent-strong);
}

.kp-row .kp-av {
  color: #fff;
  width: 32px;
  height: 32px;
  font-size: 11.5px;
  font-weight: 700;
  font-family: var(--font-display),sans-serif;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.kp-row .kp-name {
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
}

.kp-row .kp-title {
  color: var(--text-faint);
  margin-top: 1px;
  font-size: 11.5px;
}

.kp-row .kp-go {
  color: var(--text-faint);
  flex: none;
  margin-left: auto;
}

.signal-events {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.signal-event {
  gap: 12px;
  padding-bottom: 16px;
  display: flex;
  position: relative;
}

.signal-event:not(:last-child):before {
  content: "";
  background: var(--line);
  width: 1px;
  position: absolute;
  top: 14px;
  bottom: 0;
  left: 5px;
}

.signal-event .pt {
  background: var(--accent-wash);
  border: 2px solid var(--accent);
  border-radius: 50%;
  flex: none;
  width: 11px;
  height: 11px;
  margin-top: 2px;
}

.signal-event .body b {
  font-size: 12.5px;
  display: block;
}

.signal-event .body span {
  color: var(--text-faint);
  font-size: 11px;
}

.toast-wrap {
  z-index: 200;
  flex-direction: column;
  gap: 8px;
  display: flex;
  position: fixed;
  top: 18px;
  right: 18px;
}

.toast {
  background: var(--ink);
  color: #fff;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  align-items: center;
  gap: 9px;
  min-width: 220px;
  padding: 11px 16px;
  font-size: 12.5px;
  font-weight: 500;
  animation: .18s toastIn;
  display: flex;
}

.toast svg {
  width: 14px;
  height: 14px;
  color: var(--accent);
  flex: none;
}

@keyframes toastIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-thumb {
  border: 2px solid var(--paper);
  background: #d2d8d5;
  border-radius: 20px;
}

::-webkit-scrollbar-track {
  background: var(--paper);
}

.jv-null {
  color: var(--text-faint);
  font-style: italic;
}

.jv-bool {
  color: var(--teal);
  font-size: 12px;
  font-weight: 600;
}

.jv-num {
  color: var(--accent);
  font-variant-numeric: tabular-nums;
}

.jv-url {
  color: var(--accent);
  word-break: break-all;
  text-decoration: underline;
}

.jv-more {
  color: var(--accent);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0 2px;
  font-size: 11px;
  font-weight: 600;
}

.jv-obj {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.jv-obj-head {
  cursor: pointer;
  color: var(--text-muted);
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: inline-flex;
}

.jv-obj-count {
  font-weight: 500;
}

.jv-caret {
  font-size: 10px;
  transition: transform .12s;
  display: inline-block;
}

.jv-caret.open {
  transform: rotate(90deg);
}

.jv-row {
  border-bottom: 1px solid var(--line);
  grid-template-columns: minmax(90px, 150px) 1fr;
  align-items: start;
  gap: 10px;
  padding: 5px 0;
  display: grid;
}

.jv-row:last-child {
  border-bottom: none;
}

.jv-row > dt {
  color: var(--text-muted);
  text-transform: capitalize;
  font-size: 11.5px;
  font-weight: 600;
}

.jv-row > dd {
  color: var(--text);
  min-width: 0;
  font-size: 13px;
}

.jv-chips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.jv-chip {
  background: var(--accent-wash);
  color: var(--accent-strong);
  border: 1px solid var(--accent-soft);
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 12px;
}

.jv-count {
  color: var(--text-muted);
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 600;
}

.jv-table-wrap {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}

.jv-table-scroll {
  max-height: 520px;
  overflow: auto;
}

.jv-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12.5px;
}

.jv-table thead th {
  background: var(--paper);
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-muted);
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
  z-index: 1;
  padding: 8px 12px;
  font-size: 10.5px;
  position: sticky;
  top: 0;
}

.jv-table tbody td {
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  color: var(--text);
  min-width: 80px;
  padding: 8px 12px;
}

.jv-table tbody tr:nth-child(2n) {
  background: #00000004;
}

.jv-table tbody tr:last-child td {
  border-bottom: none;
}

.explorer {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.explorer-head {
  border-bottom: 1px solid var(--line);
  background: var(--card);
  align-items: center;
  gap: 14px;
  padding: 18px 24px;
  display: flex;
}

.explorer-close {
  background: var(--paper);
  width: 30px;
  height: 30px;
  color: var(--text-muted);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.explorer-close:hover {
  background: var(--accent-wash);
  color: var(--accent);
}

.explorer-close svg {
  width: 15px;
  height: 15px;
}

.explorer-title-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 9px;
  display: flex;
}

.explorer-titlewrap {
  flex: 1;
  min-width: 0;
}

.explorer-title {
  color: var(--text);
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.explorer-cost {
  color: var(--text-muted);
  background: var(--accent-wash);
  border: 1px solid var(--accent-soft);
  white-space: nowrap;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 600;
}

.explorer-cost.free {
  background: var(--success-wash);
  border-color: var(--success);
  color: #1d7a4b;
}

.view-tabs {
  border-bottom: 1px solid var(--line);
  background: var(--card);
  flex: none;
  gap: 4px;
  padding: 10px 24px;
  display: flex;
  overflow-x: auto;
}

.view-tab {
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 1px solid #0000;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  font-size: 12.5px;
  font-weight: 500;
  display: inline-flex;
}

.view-tab:hover {
  background: var(--accent-wash);
  color: var(--accent-strong);
}

.view-tab.active {
  background: var(--accent);
  color: #fff;
}

.view-tab .costdot {
  opacity: .5;
  background: currentColor;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.explorer-body {
  flex: 1;
  min-height: 0;
  padding: 20px 24px 40px;
  overflow: auto;
}

.explorer-overlay {
  z-index: 40;
  padding: 18px;
  display: flex;
  position: absolute;
  inset: 0;
}

.explorer-overlay-backdrop {
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
  background: #10121c6b;
  position: absolute;
  inset: 0;
}

.explorer-window {
  z-index: 1;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 14px;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px -12px #10121c73;
}

.view-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 18px 20px;
}

.view-card h4 {
  color: var(--text);
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
}

.view-card .view-desc {
  color: var(--text-muted);
  margin-bottom: 14px;
  font-size: 12px;
}

.view-empty {
  text-align: center;
  color: var(--text-muted);
  padding: 40px 20px;
  font-size: 13px;
}

.load-state {
  min-height: 220px;
  color: var(--text-muted);
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  display: flex;
}

.spinner {
  border: 2px solid var(--accent-soft);
  border-top-color: var(--accent);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: .7s linear infinite spin;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.err-state {
  background: var(--danger-wash);
  border: 1px solid var(--danger);
  border-radius: var(--radius);
  color: #a4233a;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  font-size: 13px;
  display: flex;
}

.explorer-main {
  flex: 1;
  min-height: 0;
  display: flex;
}

.ex-nav {
  border-right: 1px solid var(--line);
  background: var(--card);
  flex: none;
  width: 218px;
  padding: 12px 10px 24px;
  overflow: auto;
}

.ex-nav-section {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--text-faint);
  padding: 4px 10px 8px;
  font-size: 10.5px;
  font-weight: 700;
}

.ex-nav-group {
  margin-top: 8px;
}

.ex-nav-group-label {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 6px 10px 4px;
  font-size: 10.5px;
  font-weight: 700;
}

.ex-nav-item {
  border-radius: var(--radius-sm);
  width: 100%;
  color: var(--text-muted);
  cursor: pointer;
  text-align: left;
  background: none;
  border: 1px solid #0000;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  font-size: 12.5px;
  font-weight: 500;
  display: flex;
}

.ex-nav-item:hover {
  background: var(--accent-wash);
  color: var(--accent-strong);
}

.ex-nav-item.active {
  background: var(--accent);
  color: #fff;
}

.ex-nav-item.active .ex-count {
  color: #fff;
  background: #ffffff40;
}

.ex-nav-item.sub {
  padding-left: 24px;
}

.ex-nav-item.dim {
  opacity: .5;
}

.ex-nav-item.dim:hover {
  opacity: 1;
}

.ex-nav-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ex-dot {
  opacity: .45;
  background: currentColor;
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
}

.ex-count {
  background: var(--paper);
  color: var(--text-muted);
  text-align: center;
  border-radius: 20px;
  flex: none;
  min-width: 18px;
  padding: 1px 7px;
  font-size: 10px;
  font-weight: 700;
}

.ex-nav-item .spinner {
  border-width: 1.5px;
  flex: none;
  width: 12px;
  height: 12px;
}

.ex-apipath {
  align-items: center;
  gap: 7px;
  margin-bottom: 16px;
  font-size: 11.5px;
  display: flex;
}

.ex-apipath .verb {
  font-family: var(--font-mono),monospace;
  color: var(--teal);
  background: var(--teal-wash);
  letter-spacing: .04em;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
}

.ex-apipath .path {
  font-family: var(--font-mono),monospace;
  color: var(--ink-2);
  font-weight: 600;
}

.ex-apipath .qp {
  font-family: var(--font-mono),monospace;
  color: var(--text-faint);
}

.ex-viewhead {
  margin-bottom: 14px;
}

.ex-viewhead h4 {
  color: var(--text);
  font-size: 15px;
  font-weight: 700;
}

.ex-viewhead p {
  color: var(--text-muted);
  margin-top: 3px;
  font-size: 12px;
}

.ex-countline {
  color: var(--text-muted);
  margin-bottom: 12px;
  font-size: 11.5px;
  font-weight: 600;
}

.ex-section {
  margin-bottom: 22px;
}

.ex-section-title {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-muted);
  margin: 0 0 10px;
  font-size: 11.5px;
  font-weight: 700;
}

.ex-cards {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 12px;
  display: grid;
}

.ex-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 13px 15px;
}

.ex-card-title {
  color: var(--text);
  word-break: break-word;
  margin-bottom: 8px;
  font-size: 13.5px;
  font-weight: 700;
}

.ex-card-rows {
  flex-direction: column;
  display: flex;
}

.ex-card-row {
  border-bottom: 1px solid var(--line);
  grid-template-columns: 112px 1fr;
  gap: 8px;
  padding: 4px 0;
  display: grid;
}

.ex-card-row:last-child {
  border-bottom: none;
}

.ex-card-row dt {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
}

.ex-card-row dd {
  color: var(--text);
  word-break: break-word;
  min-width: 0;
  font-size: 12.5px;
}

.ex-card-head {
  align-items: center;
  gap: 9px;
  min-width: 0;
  margin-bottom: 9px;
  display: flex;
}

.ex-card-head .ex-card-title {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}

.ex-card-thumb {
  object-fit: cover;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 6px;
  flex: none;
  width: 28px;
  height: 28px;
}

.ex-card-text {
  color: var(--text-muted);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
}

.ex-pill {
  text-transform: uppercase;
  letter-spacing: .03em;
  border: 1px solid var(--line);
  color: var(--text-muted);
  background: var(--paper);
  white-space: nowrap;
  border-radius: 99px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.ex-pill.ok {
  color: #0f7a4d;
  background: #06d6a01f;
  border-color: #06d6a04d;
}

.ex-pill.warn {
  color: #9a6a00;
  background: #ffb40924;
  border-color: #ffb40952;
}

.ex-pill.off {
  color: var(--text-faint);
  background: var(--paper);
  border-color: var(--line);
}

.ex-empty {
  text-align: center;
  color: var(--text-faint);
  border: 1px dashed var(--line);
  border-radius: var(--radius);
  background: var(--card);
  padding: 42px 18px;
  font-size: 13px;
}

.kw-wrap {
  padding: 2px;
}

.kw-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12.5px;
}

.kw-table th {
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-muted);
  border-bottom: 1px solid var(--line);
  padding: 7px 10px;
  font-size: 10.5px;
  font-weight: 700;
}

.kw-row td {
  border-bottom: 1px solid var(--line);
  color: var(--text);
  vertical-align: middle;
  padding: 8px 10px;
}

.kw-row:last-child td {
  border-bottom: none;
}

.kw-rank {
  background: var(--paper);
  border: 1px solid var(--line);
  min-width: 24px;
  height: 24px;
  color: var(--text);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.kw-rank.top {
  color: var(--accent-strong);
  background: #4b54f71a;
  border-color: #4b54f747;
}

.kw-kw {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 260px;
  font-weight: 600;
  overflow: hidden;
}

.kw-eng {
  color: var(--text-muted);
  white-space: nowrap;
}

.kw-url {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
}

.kw-url a {
  color: var(--accent-strong);
  text-decoration: none;
}

.kw-url a:hover {
  text-decoration: underline;
}

.ex-none {
  color: var(--text-faint);
  font-size: 11.5px;
  font-style: italic;
}

.ex-obj {
  color: var(--text);
  font-size: 12px;
}

.ts-cats {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
  display: grid;
}

.ts-cat {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 12px 14px;
}

.ts-cat-head {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--accent-strong);
  margin-bottom: 9px;
  font-size: 11px;
  font-weight: 700;
}

.ts-items {
  flex-direction: column;
  gap: 7px;
  display: flex;
}

.ts-item {
  color: var(--text);
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  display: flex;
}

.ts-item img {
  background: var(--paper);
  border-radius: 5px;
  flex: none;
}

.ts-dot {
  background: var(--accent-soft);
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}

.ts-name {
  word-break: break-word;
  min-width: 0;
}

.ts-count {
  color: var(--text-muted);
  text-transform: none;
  letter-spacing: 0;
  margin-left: 8px;
  font-size: 10.5px;
  font-weight: 600;
}

.rv-tiles {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
  margin-bottom: 18px;
  display: grid;
}

.rv-tile {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 13px 15px;
}

.rv-tile-v {
  color: var(--text);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
}

.rv-tile-l {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-muted);
  margin-top: 5px;
  font-size: 10.5px;
  font-weight: 600;
}

.rv-bars {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.rv-bar {
  grid-template-columns: 118px 1fr 92px;
  align-items: center;
  gap: 12px;
  display: grid;
}

.rv-bar-l {
  color: var(--text);
  font-size: 12.5px;
  font-weight: 500;
}

.rv-bar-track {
  background: var(--accent-wash);
  border-radius: 6px;
  height: 9px;
  overflow: hidden;
}

.rv-bar-fill {
  background: var(--accent);
  border-radius: 6px;
  min-width: 2px;
  height: 100%;
  transition: width .3s;
}

.rv-bar-fill.alt {
  background: #06d6a0;
}

.rv-bar-v {
  color: var(--text);
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.25;
  display: flex;
}

.rv-bar-sub {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 500;
}

.news-list {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.news-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 11px 14px;
  text-decoration: none;
  transition: border-color .12s, box-shadow .12s;
  display: block;
}

.news-card:hover {
  border-color: var(--accent-soft);
  box-shadow: var(--shadow-sm);
}

.news-card-h {
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.news-card-m {
  color: var(--text-muted);
  gap: 10px;
  margin-top: 4px;
  font-size: 11px;
  display: flex;
}

.soc-grid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
  display: grid;
}

.soc-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  flex-direction: column;
  gap: 10px;
  padding: 13px 15px;
  display: flex;
}

.soc-head {
  align-items: center;
  gap: 10px;
  display: flex;
}

.soc-head img {
  background: var(--paper);
  border-radius: 8px;
  flex: none;
}

.soc-initials {
  background: var(--accent);
  color: #fff;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  font-size: 15px;
  font-weight: 700;
  display: grid;
}

.soc-initials svg {
  width: 18px;
  height: 18px;
}

.soc-id {
  flex: 1;
  min-width: 0;
}

.soc-platform {
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
}

.soc-handle {
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.5px;
  display: block;
  overflow: hidden;
}

.soc-stats {
  text-align: right;
  color: var(--text-muted);
  flex-direction: column;
  gap: 1px;
  font-size: 10.5px;
  display: flex;
}

.soc-stats b {
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
}

.soc-noclaim {
  color: var(--text-faint);
  padding: 4px 0 2px;
  font-size: 11px;
  font-style: italic;
}

.pf {
  flex-direction: column;
  gap: 16px;
  max-width: 920px;
  display: flex;
}

.pf-lead {
  background: var(--card);
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.pf-lead svg {
  color: var(--accent);
  flex: none;
  width: 17px;
  height: 17px;
  margin-top: 2px;
}

.pf-lead p {
  color: var(--text);
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
}

.pf-facts {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  display: grid;
}

.pf-fact {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
  display: flex;
}

.pf-fact-ic {
  background: var(--accent-wash);
  width: 34px;
  height: 34px;
  color: var(--accent);
  border-radius: 9px;
  flex: none;
  place-items: center;
  display: grid;
}

.pf-fact-ic svg {
  width: 17px;
  height: 17px;
}

.pf-fact-txt {
  min-width: 0;
}

.pf-fact-label {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--text-faint);
  font-size: 10px;
  font-weight: 700;
}

.pf-fact-value {
  color: var(--text);
  word-break: break-word;
  margin-top: 1px;
  font-size: 13.5px;
  font-weight: 700;
}

.pf-cols {
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 16px;
  display: grid;
}

.pf-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.pf-card-head {
  border-bottom: 1px solid var(--line);
  background: var(--paper);
  align-items: center;
  gap: 8px;
  padding: 11px 15px;
  display: flex;
}

.pf-card-head svg {
  color: var(--accent);
  width: 16px;
  height: 16px;
}

.pf-card-head h4 {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-muted);
  font-size: 11.5px;
  font-weight: 700;
}

.pf-card-body {
  padding: 13px 15px;
}

.pf-classif-code {
  font-family: var(--font-mono),monospace;
  background: var(--card);
  border: 1px solid var(--line);
  color: var(--accent-strong);
  border-radius: 5px;
  margin-left: auto;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 600;
}

.pf-rows {
  flex-direction: column;
  display: flex;
}

.pf-row {
  border-bottom: 1px solid var(--line);
  color: var(--text);
  align-items: center;
  gap: 11px;
  padding: 9px 0;
  text-decoration: none;
  display: flex;
}

.pf-row:last-child {
  border-bottom: none;
}

.pf-ic {
  background: var(--accent-wash);
  width: 30px;
  height: 30px;
  color: var(--accent);
  border-radius: 8px;
  flex: none;
  place-items: center;
  display: grid;
}

.pf-ic svg {
  width: 15px;
  height: 15px;
}

.pf-row-txt {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.pf-row-label {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-faint);
  font-size: 10px;
  font-weight: 700;
}

.pf-row-value {
  color: var(--text);
  word-break: break-word;
  font-size: 13px;
}

.pf-row:hover .pf-row-value {
  color: var(--accent);
}

.pf-ids {
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 10px;
  display: grid;
}

.pf-id {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 7px;
  flex-direction: column;
  gap: 2px;
  padding: 8px 10px;
  display: flex;
}

.pf-id-label {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--text-faint);
  font-size: 10px;
  font-weight: 700;
}

.pf-id-value {
  font-family: var(--font-mono),monospace;
  color: var(--ink-2);
  word-break: break-all;
  font-size: 13px;
  font-weight: 600;
}

.pf-hier {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.pf-hier-lvl {
  align-items: center;
  gap: 10px;
  padding: 5px 0;
  display: flex;
  position: relative;
}

.pf-hier-lvl:not(:last-child):before {
  content: "";
  background: var(--line);
  width: 2px;
  position: absolute;
  top: 22px;
  bottom: -5px;
  left: 11px;
}

.pf-hier-idx {
  background: var(--accent-wash);
  width: 22px;
  height: 22px;
  color: var(--accent-strong);
  z-index: 1;
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 10px;
  font-weight: 700;
  display: grid;
}

.pf-hier-name {
  color: var(--text);
  font-size: 13px;
}

.pf-hier-lvl:first-child .pf-hier-name {
  font-weight: 700;
}

.pf-hier-lvl:last-child .pf-hier-name {
  color: var(--accent-strong);
  font-weight: 600;
}

.pf-socials {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
  display: grid;
}

.pf-social {
  border: 1px solid var(--line);
  color: var(--text);
  background: var(--card);
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  text-decoration: none;
  display: flex;
}

.pf-social:hover {
  border-color: var(--accent-soft);
  background: var(--accent-wash);
}

.pf-social-tile {
  background: var(--accent);
  color: #fff;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 14px;
  font-weight: 700;
  display: grid;
}

.pf-social-tile svg {
  width: 15px;
  height: 15px;
}

.pf-social-txt {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.pf-social-name {
  font-size: 13px;
  font-weight: 700;
}

.pf-social-handle {
  color: var(--text-muted);
  font-size: 11.5px;
}

.pf-social > svg {
  width: 14px;
  height: 14px;
  color: var(--text-faint);
  flex: none;
}

.pf-hint {
  color: var(--text-faint);
  margin: 0 0 10px;
  font-size: 11.5px;
}

.pf-feed .signal-event {
  color: inherit;
  text-decoration: none;
}

.pf-feed .signal-event:hover .body b {
  color: var(--accent);
}

.pf-feed .signal-event > svg {
  width: 14px;
  height: 14px;
  color: var(--text-faint);
  flex: none;
  margin-top: 2px;
  margin-left: auto;
}

.pf-feed .signal-event:last-child {
  padding-bottom: 0;
}

.pf-feed .ex-loadmore {
  margin: 14px auto 0;
}

.pf-card-body .load-state {
  min-height: 120px;
}

.chips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.suggest-grid {
  grid-template-columns: repeat(auto-fill, minmax(264px, 1fr));
  gap: 12px;
  display: grid;
}

.suggest-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.suggest-top {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.suggest-top img {
  background: var(--paper);
  border-radius: 8px;
  flex: none;
}

.suggest-initials {
  background: var(--accent-wash);
  width: 40px;
  height: 40px;
  color: var(--accent-strong);
  border-radius: 8px;
  flex: none;
  place-items: center;
  font-size: 15px;
  font-weight: 700;
  display: grid;
}

.suggest-id {
  flex: 1;
  min-width: 0;
}

.suggest-name {
  color: var(--text);
  word-break: break-word;
  font-size: 13.5px;
  font-weight: 700;
}

.suggest-name.suggest-open {
  cursor: pointer;
}

.suggest-name.suggest-open:hover {
  color: var(--accent-strong);
}

.suggest-legal {
  color: var(--text-muted);
  margin-top: 1px;
  font-size: 11.5px;
}

.suggest-loc {
  color: var(--text-faint);
  margin-top: 2px;
  font-size: 11.5px;
}

.suggest-follow {
  color: var(--success);
  background: var(--success-wash);
  border-radius: 20px;
  flex: none;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
}

.suggest-desc {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.5;
}

.suggest-contact {
  color: var(--text-faint);
  flex-wrap: wrap;
  gap: 4px 14px;
  margin-top: 8px;
  font-size: 11.5px;
  display: flex;
}

.suggest-contact span {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.suggest-contact svg {
  flex: none;
  width: 11px;
  height: 11px;
}

.suggest-view {
  align-self: flex-start;
  margin-top: auto;
}

.tag-grid {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.tag-block {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}

.tag-block-head {
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 10px;
  padding: 13px 18px;
  display: flex;
}

.tag-block-head h3 {
  font-size: 14px;
  font-weight: 700;
}

.tag-block-head .tag-desc {
  color: var(--text-muted);
  font-size: 12px;
}

.ep-row {
  border-bottom: 1px solid var(--line);
  cursor: pointer;
  align-items: center;
  gap: 12px;
  padding: 10px 18px;
  display: flex;
}

.ep-row:last-child {
  border-bottom: none;
}

.ep-row:hover {
  background: var(--accent-wash);
}

.ep-method {
  font-family: var(--font-mono),monospace;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  min-width: 52px;
  padding: 3px 7px;
  font-size: 10.5px;
  font-weight: 700;
}

.m-GET {
  background: #2f7d59;
}

.m-PUT {
  background: var(--accent);
}

.m-POST {
  background: #c47a1a;
}

.m-DELETE {
  background: #b14152;
}

.m-PATCH {
  background: var(--teal);
}

.ep-path {
  font-family: var(--font-mono),monospace;
  color: var(--text);
  font-size: 12.5px;
}

.ep-summary {
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 12px;
  overflow: hidden;
}

.cost-pill {
  white-space: nowrap;
  border-radius: 20px;
  padding: 2px 8px;
  font-size: 10.5px;
  font-weight: 600;
}

.cost-pill.free {
  background: var(--success-wash);
  color: #1d7a4b;
  border: 1px solid var(--success);
}

.cost-pill.paid {
  background: var(--accent-wash);
  color: var(--accent-strong);
  border: 1px solid var(--accent-soft);
}

.cost-pill.perView {
  background: var(--blue-wash);
  color: #1f4fb0;
  border: 1px solid var(--blue);
}

.ep-expand {
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  padding: 14px 18px;
}

.ep-params {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px 16px;
  margin-bottom: 12px;
  display: grid;
}

.ep-param {
  font-size: 12px;
}

.ep-param .pn {
  font-family: var(--font-mono),monospace;
  color: var(--accent-strong);
  font-weight: 600;
}

.ep-param .pd {
  color: var(--text-muted);
  margin-top: 2px;
  font-size: 11px;
  display: block;
}

.try-box {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  padding: 14px;
}

.try-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.try-head code {
  font-family: var(--font-mono),monospace;
  color: var(--text-muted);
  word-break: break-all;
  font-size: 12px;
}

.try-inputs {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
  display: flex;
}

.try-inputs .ti {
  align-items: center;
  gap: 8px;
  display: flex;
}

.try-inputs .ti label {
  font-family: var(--font-mono),monospace;
  min-width: 120px;
  color: var(--text-muted);
  font-size: 11.5px;
}

.try-inputs .ti input {
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 5px;
  flex: 1;
  padding: 6px 9px;
  font-size: 12.5px;
}

.try-inputs .ti input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-wash);
  outline: none;
}

.kf-chart {
  width: 100%;
}

.kpi-strip {
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
  gap: 10px;
  display: grid;
}

.kpi-tile {
  text-align: left;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  cursor: pointer;
  flex-direction: column;
  gap: 3px;
  padding: 12px 12px 13px;
  transition: border-color .12s, box-shadow .12s, transform 80ms;
  display: flex;
}

.kpi-tile:hover {
  border-color: var(--accent-soft);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px #14152a0f;
}

.kpi-ic {
  background: var(--accent-wash);
  width: 30px;
  height: 30px;
  color: var(--accent);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.kpi-ic svg {
  width: 16px;
  height: 16px;
}

.kpi-num {
  font-family: var(--font-mono),monospace;
  color: var(--ink);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
}

.kpi-label {
  color: var(--text-muted);
  font-size: 11px;
}

.insight-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  display: grid;
}

.insight-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  padding: 12px 14px;
}

.insight-head {
  align-items: center;
  gap: 7px;
  margin-bottom: 6px;
  display: flex;
}

.insight-head svg {
  width: 15px;
  height: 15px;
  color: var(--accent);
}

.insight-title {
  color: var(--text);
  font-size: 12.5px;
  font-weight: 600;
}

.insight-sub {
  font-family: var(--font-mono),monospace;
  color: var(--ink);
  margin-left: auto;
  font-size: 12.5px;
  font-weight: 700;
}

.insight-pending {
  justify-content: center;
  align-items: center;
  height: 168px;
  display: flex;
}

.insight-empty {
  height: 168px;
  color: var(--text-faint);
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.people-grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
  display: grid;
}

.person-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  cursor: pointer;
  text-align: left;
  align-items: flex-start;
  gap: 11px;
  padding: 12px;
  transition: border-color .12s, box-shadow .12s;
  display: flex;
  position: relative;
}

.person-card:hover {
  border-color: var(--accent-soft);
  box-shadow: 0 2px 8px #14152a0f;
}

.person-photo {
  object-fit: cover;
  background: var(--paper);
  border-radius: 50%;
  flex: none;
  width: 48px;
  height: 48px;
}

.person-initials {
  background: var(--accent-wash);
  color: var(--accent);
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}

.person-info {
  flex: 1;
  min-width: 0;
}

.person-name {
  color: var(--text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13.5px;
  font-weight: 600;
  overflow: hidden;
}

.person-role {
  color: var(--text-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 1px;
  font-size: 12px;
  overflow: hidden;
}

.person-sub {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
  display: flex;
}

.person-badge {
  background: var(--badge-violet-wash);
  color: var(--badge-violet);
  border: 1px solid var(--badge-violet-line);
  border-radius: 20px;
  padding: 1px 6px;
  font-size: 10px;
  font-weight: 600;
}

.person-since {
  color: var(--text-faint);
  font-size: 10.5px;
}

.person-loc {
  color: var(--text-faint);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 3px;
  font-size: 11px;
  overflow: hidden;
}

.person-li {
  color: #fff;
  background: #0a66c2;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  top: 10px;
  right: 11px;
}

.person-li svg {
  width: 12px;
  height: 12px;
}

.ppanel-backdrop {
  z-index: 60;
  background: #14152a6b;
  position: fixed;
  inset: 0;
}

.ppanel {
  background: var(--card);
  z-index: 61;
  width: 720px;
  max-width: 92vw;
  box-shadow: var(--shadow-lg);
  flex-direction: column;
  animation: .18s ppanelIn;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
}

@keyframes ppanelIn {
  from {
    opacity: .35;
    transform: translateX(14px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ppanel-close {
  background: var(--paper);
  width: 30px;
  height: 30px;
  color: var(--text-muted);
  cursor: pointer;
  z-index: 2;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 12px;
  right: 12px;
}

.ppanel-close:hover {
  background: var(--accent-wash);
  color: var(--accent);
}

.ppanel-close svg {
  width: 14px;
  height: 14px;
}

.ppanel-body {
  padding: 26px 30px 34px;
}

.ppanel-head {
  align-items: center;
  gap: 14px;
  padding-right: 34px;
  display: flex;
}

.ppanel-actions {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.ppanel-photo {
  object-fit: cover;
  background: var(--paper);
  border-radius: 14px;
  flex: none;
  width: 88px;
  height: 88px;
}

.ppanel-initials {
  background: var(--accent-wash);
  color: var(--accent);
  justify-content: center;
  align-items: center;
  font-size: 28px;
  font-weight: 700;
  display: flex;
}

.ppanel-title h3 {
  color: var(--ink);
  letter-spacing: -.01em;
  margin: 0;
  font-size: 19px;
  font-weight: 700;
}

.ppanel-role {
  color: var(--text-muted);
  margin-top: 2px;
  font-size: 13px;
}

.ppanel-sub {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 6px;
  display: flex;
}

.ppanel-sub span:not(.person-badge) {
  color: var(--text-faint);
  font-size: 11.5px;
}

.ppanel-loc {
  color: var(--text-faint);
  margin-top: 4px;
  font-size: 12px;
}

.ppanel-sec {
  margin-top: 22px;
}

.ppanel-sec h4 {
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--text-faint);
  margin: 0 0 9px;
  font-size: 11px;
  font-weight: 600;
}

.ppanel-rows {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.ppanel-row {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  font-size: 12.5px;
  display: flex;
}

.ppanel-k {
  color: var(--text-faint);
}

.ppanel-v {
  color: var(--text);
  text-align: right;
  word-break: break-word;
}

.ppanel-socials {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 6px;
  display: grid;
}

.ppanel-social {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--text);
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  font-size: 12.5px;
  text-decoration: none;
  display: flex;
}

.ppanel-social:hover {
  border-color: var(--accent-soft);
  background: var(--accent-wash);
}

.ppanel-social-tile {
  background: var(--accent);
  color: #fff;
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.ppanel-social-tile svg {
  width: 13px;
  height: 13px;
}

.ppanel-social-name {
  font-weight: 600;
}

.ppanel-handle {
  color: var(--text-faint);
  margin-left: auto;
  font-size: 11.5px;
}

.ppanel-roles {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.ppanel-roles:before {
  content: "";
  background: var(--line);
  width: 2px;
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 5px;
}

.ppanel-roles li {
  padding: 0 0 16px 22px;
  position: relative;
}

.ppanel-role-dot {
  background: var(--card);
  border: 3px solid var(--accent);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  left: 0;
}

.ppanel-role-name {
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
}

.ppanel-role-meta {
  color: var(--text-faint);
  gap: 10px;
  margin-top: 2px;
  font-size: 11px;
  display: flex;
}

.ppanel-role-co {
  color: var(--accent);
  font-weight: 600;
}

.ppanel-role-sal {
  color: var(--text-muted);
  font-size: 11px;
  font-family: var(--font-mono),monospace;
  align-items: center;
  gap: 4px;
  margin-top: 3px;
  display: flex;
}

.ppanel-role-sal svg {
  width: 11px;
  height: 11px;
}

.ppanel-company {
  border: 1px solid var(--line);
  background: var(--paper);
  border-radius: 20px;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  margin-top: 7px;
  padding: 4px 10px 4px 4px;
  display: inline-flex;
}

.ppanel-company img {
  object-fit: cover;
  border-radius: 50%;
  flex: none;
  width: 22px;
  height: 22px;
}

.ppanel-company-initials {
  background: var(--accent);
  color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.ppanel-company-name {
  color: var(--text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
}

.ppanel-osca {
  color: var(--text-faint);
  margin-top: 6px;
  font-size: 11px;
}

.ppanel-salary {
  color: var(--success);
  font-size: 12px;
  font-weight: 600;
  font-family: var(--font-mono),monospace;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  display: inline-flex;
}

.ppanel-salary svg {
  width: 12px;
  height: 12px;
}

@media (max-width: 760px) {
  .insight-grid {
    grid-template-columns: 1fr;
  }

  .ppanel {
    width: 100vw;
  }
}

.ex-loadmore {
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-width: 172px;
  margin: 16px auto 4px;
  padding: 8px 16px;
  display: flex;
}

.ex-loadmore .spinner {
  border-width: 1.5px;
  flex: none;
  width: 13px;
  height: 13px;
}

.su-page {
  background: var(--paper);
  height: 100vh;
  color: var(--text);
  display: flex;
  overflow-y: auto;
}

.su-brand {
  color: #fff;
  background: var(--accent);
  border-right: 1px solid #0000001f;
  flex-direction: column;
  flex: 1.15;
  justify-content: space-between;
  gap: 40px;
  min-width: 0;
  padding: 44px 48px;
  display: flex;
}

.su-brand-head {
  align-items: center;
  gap: 10px;
  display: flex;
}

.su-brand-mark {
  background: #fff;
  border-radius: 8px;
  flex: none;
  width: 34px;
  height: 34px;
  padding: 5px;
  overflow: hidden;
  box-shadow: 0 1px 3px #00000040;
}

.su-brand-mark img {
  width: 100%;
  height: 100%;
  display: block;
}

.su-brand-word {
  font-family: var(--font-display),sans-serif;
  letter-spacing: -.01em;
  font-size: 18px;
  font-weight: 700;
}

.su-brand-word sup {
  color: #ffffffb3;
  margin-left: 1px;
  font-size: 9px;
  font-weight: 600;
}

.su-hero h1 {
  letter-spacing: -.02em;
  color: #fff;
  max-width: 460px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.12;
}

.su-hero-sub {
  color: #ffffffbf;
  max-width: 430px;
  margin-top: 14px;
  font-size: 14.5px;
  line-height: 1.6;
}

.su-points {
  flex-direction: column;
  gap: 20px;
  max-width: 460px;
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.su-point {
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.su-point-tile {
  color: #fff;
  background: #ffffff24;
  border-radius: 9px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.su-point-tile svg {
  width: 16px;
  height: 16px;
}

.su-point-t {
  color: #fff;
  font-size: 13.5px;
  font-weight: 600;
  display: block;
}

.su-point-d {
  color: #ffffffb3;
  margin-top: 3px;
  font-size: 12.5px;
  line-height: 1.55;
  display: block;
}

.su-brand-foot {
  color: #fff9;
  font-size: 11px;
}

.su-main {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 420px;
  padding: 48px 28px;
  display: flex;
}

.su-compact-brand {
  display: none;
}

.su-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  width: 100%;
  max-width: 412px;
  box-shadow: var(--shadow-sm);
  padding: 30px 30px 26px;
}

.su-kicker {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--accent-strong);
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
}

.su-card h1 {
  letter-spacing: -.015em;
  color: var(--ink);
  font-size: 23px;
}

.su-sub {
  color: var(--text-muted);
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.5;
}

.su-field {
  margin-top: 16px;
}

.su-label {
  color: var(--text);
  margin-bottom: 6px;
  font-size: 12.5px;
  font-weight: 600;
  display: block;
}

.su-input {
  width: 100%;
  color: var(--text);
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  outline: none;
  padding: 9px 11px;
  font-size: 13px;
  transition: border-color .12s, box-shadow .12s;
}

.su-input::placeholder {
  color: var(--text-faint);
}

.su-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-wash);
}

.su-input.invalid {
  border-color: var(--danger);
}

.su-input.invalid:focus {
  box-shadow: 0 0 0 3px var(--danger-wash);
}

.su-pw-row {
  position: relative;
}

.su-pw-row .su-input {
  padding-right: 52px;
}

.su-pw-toggle {
  color: var(--text-muted);
  background: none;
  border: none;
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: 600;
  transition: color .12s, background .12s;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
}

.su-pw-toggle:hover {
  color: var(--text);
  background: var(--paper);
}

.su-err {
  color: var(--danger);
  margin-top: 5px;
  font-size: 11.5px;
}

.su-label-row {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 6px;
  display: flex;
}

.su-label-row .su-label {
  margin-bottom: 0;
}

.su-forgot {
  font-size: 11.5px;
  font-weight: 600;
}

.su-meter {
  align-items: center;
  gap: 3px;
  margin-top: 7px;
  display: flex;
}

.su-meter i {
  background: var(--line);
  border-radius: 2px;
  flex: 1;
  height: 3px;
}

.su-meter i.on.lv1 {
  background: var(--danger);
}

.su-meter i.on.lv2 {
  background: var(--gold);
}

.su-meter i.on.lv3 {
  background: var(--blue);
}

.su-meter i.on.lv4 {
  background: var(--success);
}

.su-meter-label {
  color: var(--text-faint);
  font-size: 10.5px;
  font-family: var(--font-mono),monospace;
  flex: none;
  margin-left: 8px;
}

.su-checkrow {
  color: var(--text-muted);
  align-items: flex-start;
  gap: 8px;
  margin-top: 16px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.su-checkrow input {
  width: 14px;
  height: 14px;
  accent-color: var(--accent);
  flex: none;
  margin-top: 2px;
}

.su-checkrow label {
  cursor: pointer;
}

.su-checkrow a {
  font-weight: 600;
}

.su-submit {
  justify-content: center;
  width: 100%;
  margin-top: 18px;
  padding: 10px 13px;
  font-size: 13px;
}

.su-submit .spinner {
  border-color: #fff #fff6 #fff6;
  width: 14px;
  height: 14px;
}

.su-alert {
  border-radius: var(--radius-sm);
  background: var(--danger-wash);
  color: var(--danger);
  margin-top: 16px;
  padding: 9px 11px;
  font-size: 12px;
  line-height: 1.5;
}

.su-alt {
  text-align: center;
  color: var(--text-muted);
  margin-top: 16px;
  font-size: 12.5px;
}

.su-alt a {
  font-weight: 600;
}

.su-done {
  text-align: center;
  padding: 38px 30px;
}

.su-done-icon {
  background: var(--teal-wash);
  width: 48px;
  height: 48px;
  color: var(--teal);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 0 auto 16px;
  display: flex;
}

.su-done-icon svg {
  width: 20px;
  height: 20px;
}

.su-done-icon-warn {
  background: var(--gold-wash);
  color: var(--gold-2);
}

.su-done-spinner {
  margin: 0 auto 16px;
  display: block;
}

.su-done h2 {
  letter-spacing: -.01em;
  color: var(--ink);
  font-size: 20px;
}

.su-done p {
  color: var(--text-muted);
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.6;
}

.su-done-mail {
  color: var(--accent-strong);
  font-size: 12.5px;
  font-weight: 600;
  font-family: var(--font-mono),monospace;
}

.su-done-back {
  margin-top: 20px;
  font-size: 12.5px;
  font-weight: 600;
  display: inline-block;
}

@media (max-width: 940px) {
  .su-brand {
    display: none;
  }

  .su-main {
    justify-content: flex-start;
    min-width: 0;
  }

  .su-compact-brand {
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    display: flex;
  }

  .su-compact-word {
    font-family: var(--font-display),sans-serif;
    color: var(--ink);
    font-size: 17px;
    font-weight: 700;
  }

  .su-compact-word sup {
    color: var(--text-faint);
    font-size: 8.5px;
    font-weight: 600;
  }
}

.status-main {
  background: var(--paper);
  min-height: 100vh;
  color: var(--text);
  place-items: center;
  padding: 24px;
  display: grid;
}

.status-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  width: 100%;
  max-width: 560px;
  box-shadow: var(--shadow-sm);
  padding: 28px;
}

.status-title {
  font-size: 28px;
  font-weight: 700;
}

.status-sub {
  color: var(--text-muted);
  margin: 4px 0 24px;
  font-size: 14px;
}

.status-section {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin: 20px 0 12px;
  font-size: 13px;
  font-weight: 600;
}

.status-grid {
  gap: 10px;
  display: grid;
}

.status-field {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 10px 14px;
  display: flex;
}

.status-label {
  color: var(--text-muted);
  font-size: 14px;
}

.status-val {
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 600;
}

.status-val.ok {
  color: var(--success);
}

.status-val.err {
  color: var(--danger);
}

.status-val.muted {
  color: var(--text-faint);
}

.status-val.val {
  color: var(--text);
}

.status-detail {
  color: var(--text-faint);
  font-size: 12px;
  font-weight: 400;
}

.status-muted {
  color: var(--text-muted);
}

.status-err-badge {
  color: var(--danger);
  font-weight: 600;
}

.err-main {
  background: var(--paper);
  min-height: 100vh;
  color: var(--text);
  place-items: center;
  padding: 24px;
  display: grid;
}

.err-card {
  text-align: center;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  width: 100%;
  max-width: 420px;
  box-shadow: var(--shadow-sm);
  padding: 36px 28px;
}

.err-title {
  font-size: 24px;
  font-weight: 700;
}

.err-sub {
  color: var(--text-muted);
  overflow-wrap: anywhere;
  margin: 8px 0 20px;
  font-size: 14px;
  line-height: 1.5;
}

.err-digest {
  color: var(--text-faint);
  margin-top: 12px;
  font-size: 11px;
  display: block;
}

.err-actions {
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
  display: flex;
}

.qb-page {
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  display: flex;
}

.qb {
  flex-direction: column;
  gap: 6px;
  max-width: 920px;
  max-height: 45vh;
  padding: 14px 22px 6px;
  display: flex;
  overflow-y: auto;
}

.qb-search {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  transition: border-color .12s;
  display: flex;
}

.qb-search svg {
  width: 15px;
  height: 15px;
  color: var(--text-faint);
  flex: none;
}

.qb-search input {
  color: var(--text);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-size: 13.5px;
}

.qb-search input::placeholder {
  color: var(--text-faint);
}

.qb-search:focus-within {
  border-color: var(--accent-strong);
}

.qb-row {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6px;
  padding: 7px 8px;
  display: flex;
}

.qb-row select, .qb-row input {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--paper);
  color: var(--text);
  outline: none;
  padding: 6px 8px;
  font-size: 12.5px;
}

.qb-row select:focus, .qb-row input:focus {
  border-color: var(--accent-strong);
  background: #fff;
}

.qb-field {
  flex: none;
  width: 150px;
  font-weight: 600;
}

.qb-op {
  width: 118px;
  color: var(--text-muted);
  flex: none;
}

.qb-val-input {
  flex: 1;
  min-width: 150px;
}

.qb-val-num {
  flex: none;
  width: 90px;
}

.qb-val-grow {
  flex: 1;
  min-width: 190px;
}

.qb-val-grow .mcombo {
  margin-bottom: 0;
}

.qb-exists {
  color: var(--text-faint);
  padding: 6px 2px;
  font-size: 12px;
}

.qb-radius {
  flex: 1;
  align-items: center;
  gap: 6px;
  min-width: 190px;
  display: flex;
}

.qb-radius .qb-val-num {
  width: 80px;
}

.qb-radius .postcode-status {
  flex: none;
}

.qb-any {
  color: var(--text-muted);
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 5px;
  padding-top: 7px;
  font-size: 11.5px;
  display: flex;
}

.qb-any input {
  cursor: pointer;
  width: auto;
  margin: 0;
  padding: 0;
}

.qb-x {
  color: var(--text-faint);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  flex: none;
  padding: 7px 3px;
  line-height: 1;
}

.qb-x:hover {
  color: var(--danger);
}

.qb-x svg {
  width: 13px;
  height: 13px;
}

.qb-extra {
  background: var(--paper);
  align-items: center;
}

.qb-extra-k {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-faint);
  flex: none;
  padding-left: 2px;
  font-size: 9.5px;
  font-weight: 700;
}

.qb-extra-v {
  min-width: 0;
  color: var(--text-muted);
  word-break: break-all;
  flex: 1;
  font-size: 11.5px;
}

.qb-chips-wrap input {
  width: 100%;
}

.qb-chips {
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 5px;
  display: flex;
}

.qb-chip {
  background: var(--accent-wash);
  color: var(--accent-strong);
  border: 1px solid var(--accent-soft);
  border-radius: 10px;
  align-items: center;
  gap: 3px;
  padding: 2px 3px 2px 8px;
  font-size: 11px;
  line-height: 1.4;
  display: inline-flex;
}

.qb-chip-x {
  color: inherit;
  cursor: pointer;
  opacity: .7;
  background: none;
  border: none;
  padding: 0 2px;
  font-size: 15px;
  line-height: 1;
}

.qb-add {
  align-self: flex-start;
  margin-top: 2px;
}

.qb-foot {
  gap: 8px;
  margin: 2px 22px 6px;
  display: flex;
}

.qb-page .saved-active-bar {
  margin: 12px 22px 0;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1r69per._.css.map*/