@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";
/* [next]/internal/font/google/plus_jakarta_sans_6cbc0d5f.module.css [app-client] (css) */
@font-face {
  font-family: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/0b1dc8ddaa74ba49-s.8624a701.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: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/e629b5bc06499d58-s.8e66b869.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: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/1a099d89ee94ee96-s.f6ed4c33.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: Plus Jakarta Sans;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../media/fba5a26ea33df6a3-s.p.1bbdebe6.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: Plus Jakarta Sans Fallback;
  src: local(Arial);
  ascent-override: 98.88%;
  descent-override: 21.15%;
  line-gap-override: 0.0%;
  size-adjust: 104.98%;
}

.plus_jakarta_sans_6cbc0d5f-module__dx4leq__className {
  font-family: Plus Jakarta Sans, Plus Jakarta Sans Fallback;
  font-style: normal;
}

.plus_jakarta_sans_6cbc0d5f-module__dx4leq__variable {
  --font-jakarta: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback";
}

/* [next]/internal/font/google/inter_35112f12.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.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.18a48cbc.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.7a40eb73.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.c995e352.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.76dcb0b2.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.7cd81963.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.3a6ba036.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.2a48534a.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.18a48cbc.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.7a40eb73.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.c995e352.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.76dcb0b2.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.7cd81963.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.3a6ba036.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.2a48534a.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.18a48cbc.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.7a40eb73.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.c995e352.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.76dcb0b2.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.7cd81963.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.3a6ba036.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.2a48534a.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.18a48cbc.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.7a40eb73.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.c995e352.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.76dcb0b2.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.7cd81963.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.3a6ba036.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: 800;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.2a48534a.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: 800;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.18a48cbc.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: 800;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.7a40eb73.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.c995e352.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: 800;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.76dcb0b2.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: 800;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.7cd81963.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: 800;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.3a6ba036.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_35112f12-module__FvZN3a__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_35112f12-module__FvZN3a__variable {
  --font-inter: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/space_mono_7618295e.module.css [app-client] (css) */
@font-face {
  font-family: Space Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/4ba802ed8e67eac5-s.e45fea2b.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: Space Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/d7a0600e467cf0bd-s.20ecb425.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: Space Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/dc0d9adbac686440-s.p.3b382e45.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: Space Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/b8f2b92a9960dd69-s.12167c5a.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: Space Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/28e60ca39c9ae554-s.7a4e9fcc.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: Space Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/8d05cfa5faa8406c-s.p.4adea45d.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: Space Mono Fallback;
  src: local(Arial);
  ascent-override: 81.58%;
  descent-override: 26.3%;
  line-gap-override: 0.0%;
  size-adjust: 137.28%;
}

.space_mono_7618295e-module__0uytZW__className {
  font-family: Space Mono, Space Mono Fallback;
  font-style: normal;
}

.space_mono_7618295e-module__0uytZW__variable {
  --font-space-mono: "Space Mono", "Space Mono Fallback";
}

/* [next]/internal/font/google/space_grotesk_78609157.module.css [app-client] (css) */
@font-face {
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/32687112bd2dd8db-s.cfdd66c2.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: Space Grotesk;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/28868e710e86be81-s.c30238d4.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: Space Grotesk;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/0c89a48fa5027cee-s.p.4564287c.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: Space Grotesk;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/32687112bd2dd8db-s.cfdd66c2.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: Space Grotesk;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/28868e710e86be81-s.c30238d4.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: Space Grotesk;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/0c89a48fa5027cee-s.p.4564287c.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: Space Grotesk;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/32687112bd2dd8db-s.cfdd66c2.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: Space Grotesk;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/28868e710e86be81-s.c30238d4.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: Space Grotesk;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/0c89a48fa5027cee-s.p.4564287c.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: Space Grotesk;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/32687112bd2dd8db-s.cfdd66c2.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: Space Grotesk;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/28868e710e86be81-s.c30238d4.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: Space Grotesk;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/0c89a48fa5027cee-s.p.4564287c.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: Space Grotesk Fallback;
  src: local(Arial);
  ascent-override: 89.71%;
  descent-override: 26.62%;
  line-gap-override: 0.0%;
  size-adjust: 109.69%;
}

.space_grotesk_78609157-module__11J4Jq__className {
  font-family: Space Grotesk, Space Grotesk Fallback;
  font-style: normal;
}

.space_grotesk_78609157-module__11J4Jq__variable {
  --font-space-grotesk: "Space Grotesk", "Space Grotesk Fallback";
}

/* [next]/internal/font/google/ibm_plex_mono_a608b83.module.css [app-client] (css) */
@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e390973e931a41c5-s.a82ecf4e.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/59b15b4bcd7b1eb5-s.afa48be3.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e532fa1b9921e1cd-s.764b43eb.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2fe89d53234c61d4-s.cb53f04b.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/99e609270109b47d-s.p.64b9304e.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/5e05ae5b48faa55e-s.6b5ea6af.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a7afbb44bec2bb18-s.1dcddae6.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/02263ebadd758ea4-s.8da66e7f.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/68757d6cddeff913-s.e6cd1753.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/effe91970fc4db64-s.p.19510058.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6ff74e33ebd7bca3-s.140490a3.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1a69062cfe6f77f8-s.b36ae37c.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9a4838fcda0d1bca-s.bf5f8a12.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2e95a7d252b9825a-s.10086973.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/23b7a97ae3b5c134-s.p.2902b61f.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/f53f4557ddd9f7a6-s.cc1c4de3.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/5256dd17dd2ccf14-s.dad649ff.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/fe48c93add1d142c-s.5dae4d58.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/5689d89b20a4bd5b-s.4a78f533.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: IBM Plex Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/a7e15459c1805da0-s.p.ec654d65.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: IBM Plex Mono Fallback;
  src: local(Arial);
  ascent-override: 76.16%;
  descent-override: 20.43%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.ibm_plex_mono_a608b83-module__6TgFEq__className {
  font-family: IBM Plex Mono, IBM Plex Mono Fallback;
  font-style: normal;
}

.ibm_plex_mono_a608b83-module__6TgFEq__variable {
  --font-ibm-plex-mono: "IBM Plex Mono", "IBM Plex Mono Fallback";
}

/* [next]/internal/font/google/bebas_neue_6aff30cd.module.css [app-client] (css) */
@font-face {
  font-family: Bebas Neue;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2039e8342bda6056-s.51680477.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: Bebas Neue;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/fabcf92ba1ccea36-s.p.19f28380.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: Bebas Neue Fallback;
  src: local(Arial);
  ascent-override: 117.32%;
  descent-override: 39.11%;
  line-gap-override: 0.0%;
  size-adjust: 76.72%;
}

.bebas_neue_6aff30cd-module__odDrFq__className {
  font-family: Bebas Neue, Bebas Neue Fallback;
  font-style: normal;
  font-weight: 400;
}

.bebas_neue_6aff30cd-module__odDrFq__variable {
  --font-bebas-neue: "Bebas Neue", "Bebas Neue Fallback";
}

/* [next]/internal/font/google/manrope_9d913e.module.css [app-client] (css) */
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/a342834df7752944-s.bb140f9f.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.50575af1.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.78d1a7ae.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.247c8473.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.18d7c7dc.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.71e1367e.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.bb140f9f.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.50575af1.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.78d1a7ae.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.247c8473.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.18d7c7dc.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.71e1367e.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.bb140f9f.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.50575af1.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.78d1a7ae.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.247c8473.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.18d7c7dc.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.71e1367e.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.bb140f9f.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.50575af1.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.78d1a7ae.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.247c8473.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.18d7c7dc.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.71e1367e.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_9d913e-module__l9GTqq__className {
  font-family: Manrope, Manrope Fallback;
  font-style: normal;
}

.manrope_9d913e-module__l9GTqq__variable {
  --font-manrope: "Manrope", "Manrope Fallback";
}

/* [next]/internal/font/google/jetbrains_mono_68d574a.module.css [app-client] (css) */
@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.690580e8.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: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.303a03d6.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0b4edfe7.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: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.bff0868b.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: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.719084df.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: JetBrains Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.102b7f24.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: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.690580e8.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: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.303a03d6.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0b4edfe7.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: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.bff0868b.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: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.719084df.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: JetBrains Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.102b7f24.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: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/04c5164763c40239-s.690580e8.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: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/26f284dcc38c84c0-s.303a03d6.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/7e7f32a39836f228-s.0b4edfe7.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: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/fa39153a3fc630ba-s.bff0868b.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: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6a5386fd6038edbe-s.719084df.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: JetBrains Mono;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/051742360c26797e-s.p.102b7f24.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: JetBrains Mono Fallback;
  src: local(Arial);
  ascent-override: 75.79%;
  descent-override: 22.29%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.jetbrains_mono_68d574a-module__ggYvfa__className {
  font-family: JetBrains Mono, JetBrains Mono Fallback;
  font-style: normal;
}

.jetbrains_mono_68d574a-module__ggYvfa__variable {
  --font-jetbrains-mono: "JetBrains Mono", "JetBrains Mono Fallback";
}

/* [project]/docuhaul-v2/apps/web/app/globals.css [app-client] (css) */
*, :before, :after, ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

*, :before, :after {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  line-height: 1.5;
  font-family: var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

body {
  line-height: inherit;
  margin: 0;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-family: var(--font-ibm-plex-mono), IBM Plex Mono, ui-monospace, monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: #0000;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button, [role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.inset-1 {
  inset: .25rem;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.-left-\[19px\] {
  left: -19px;
}

.-left-\[20px\] {
  left: -20px;
}

.bottom-0 {
  bottom: 0;
}

.bottom-1 {
  bottom: .25rem;
}

.bottom-2 {
  bottom: .5rem;
}

.bottom-5 {
  bottom: 1.25rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-\[120px\] {
  bottom: 120px;
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0;
}

.left-0\.5 {
  left: .125rem;
}

.left-1\.5 {
  left: .375rem;
}

.left-1\/2 {
  left: 50%;
}

.left-3 {
  left: .75rem;
}

.left-3\.5 {
  left: .875rem;
}

.left-5 {
  left: 1.25rem;
}

.right-0 {
  right: 0;
}

.right-2 {
  right: .5rem;
}

.right-2\.5 {
  right: .625rem;
}

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.right-6 {
  right: 1.5rem;
}

.top-0 {
  top: 0;
}

.top-0\.5 {
  top: .125rem;
}

.top-1 {
  top: .25rem;
}

.top-1\/2 {
  top: 50%;
}

.top-2 {
  top: .5rem;
}

.top-2\.5 {
  top: .625rem;
}

.top-5 {
  top: 1.25rem;
}

.top-\[-3px\] {
  top: -3px;
}

.top-\[110px\] {
  top: 110px;
}

.top-\[18px\] {
  top: 18px;
}

.top-\[calc\(100\%\+8px\)\] {
  top: calc(100% + 8px);
}

.top-full {
  top: 100%;
}

.isolate {
  isolation: isolate;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-\[1000\] {
  z-index: 1000;
}

.z-\[100\] {
  z-index: 100;
}

.z-\[200\] {
  z-index: 200;
}

.z-\[2\] {
  z-index: 2;
}

.z-\[500\] {
  z-index: 500;
}

.z-\[60\] {
  z-index: 60;
}

.z-\[70\] {
  z-index: 70;
}

.z-\[9999\] {
  z-index: 9999;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-7 {
  grid-column: span 7 / span 7;
}

.col-span-9 {
  grid-column: span 9 / span 9;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.mx-1 {
  margin-left: .25rem;
  margin-right: .25rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-0\.5 {
  margin-top: .125rem;
  margin-bottom: .125rem;
}

.my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.-mb-px {
  margin-bottom: -1px;
}

.mb-0\.5 {
  margin-bottom: .125rem;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-1\.5 {
  margin-bottom: .375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mb-2\.5 {
  margin-bottom: .625rem;
}

.mb-3 {
  margin-bottom: .75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-\[12px\] {
  margin-bottom: 12px;
}

.mb-\[16px\] {
  margin-bottom: 16px;
}

.mb-\[18px\] {
  margin-bottom: 18px;
}

.mb-\[20px\] {
  margin-bottom: 20px;
}

.ml-1 {
  margin-left: .25rem;
}

.ml-1\.5 {
  margin-left: .375rem;
}

.ml-2 {
  margin-left: .5rem;
}

.ml-3 {
  margin-left: .75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mr-2 {
  margin-right: .5rem;
}

.mt-0\.5 {
  margin-top: .125rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-1\.5 {
  margin-top: .375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-auto {
  margin-top: auto;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-0\.5 {
  height: .125rem;
}

.h-1 {
  height: .25rem;
}

.h-1\.5 {
  height: .375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: .5rem;
}

.h-2\.5 {
  height: .625rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: .75rem;
}

.h-3\.5 {
  height: .875rem;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-72 {
  height: 18rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[120px\] {
  height: 120px;
}

.h-\[12px\] {
  height: 12px;
}

.h-\[180px\] {
  height: 180px;
}

.h-\[220px\] {
  height: 220px;
}

.h-\[2px\] {
  height: 2px;
}

.h-\[320px\] {
  height: 320px;
}

.h-\[420px\] {
  height: 420px;
}

.h-\[640px\] {
  height: 640px;
}

.h-\[72px\] {
  height: 72px;
}

.h-\[calc\(100vh-2\.5rem\)\] {
  height: calc(100vh - 2.5rem);
}

.h-\[calc\(100vh-80px\)\] {
  height: calc(100vh - 80px);
}

.h-fit {
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.max-h-32 {
  max-height: 8rem;
}

.max-h-44 {
  max-height: 11rem;
}

.max-h-48 {
  max-height: 12rem;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-72 {
  max-height: 18rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-96 {
  max-height: 24rem;
}

.max-h-\[60vh\] {
  max-height: 60vh;
}

.max-h-\[80vh\] {
  max-height: 80vh;
}

.max-h-\[90vh\] {
  max-height: 90vh;
}

.max-h-\[92vh\] {
  max-height: 92vh;
}

.max-h-full {
  max-height: 100%;
}

.min-h-0 {
  min-height: 0;
}

.min-h-\[200px\] {
  min-height: 200px;
}

.min-h-\[300px\] {
  min-height: 300px;
}

.min-h-\[40px\] {
  min-height: 40px;
}

.min-h-\[42px\] {
  min-height: 42px;
}

.min-h-\[60vh\] {
  min-height: 60vh;
}

.min-h-\[96px\] {
  min-height: 96px;
}

.min-h-screen {
  min-height: 100vh;
}

.w-0\.5 {
  width: .125rem;
}

.w-1 {
  width: .25rem;
}

.w-1\.5 {
  width: .375rem;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.3333%;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: .5rem;
}

.w-2\.5 {
  width: .625rem;
}

.w-2\/3 {
  width: 66.6667%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: .75rem;
}

.w-3\.5 {
  width: .875rem;
}

.w-32 {
  width: 8rem;
}

.w-4 {
  width: 1rem;
}

.w-40 {
  width: 10rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-52 {
  width: 13rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

.w-\[110px\] {
  width: 110px;
}

.w-\[120px\] {
  width: 120px;
}

.w-\[180px\] {
  width: 180px;
}

.w-\[220px\] {
  width: 220px;
}

.w-\[260px\] {
  width: 260px;
}

.w-\[340px\] {
  width: 340px;
}

.w-\[360px\] {
  width: 360px;
}

.w-\[380px\] {
  width: 380px;
}

.w-\[min\(720px\,calc\(100\%-3rem\)\)\] {
  width: min(720px, 100% - 3rem);
}

.w-fit {
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-px {
  width: 1px;
}

.min-w-0 {
  min-width: 0;
}

.min-w-\[100px\] {
  min-width: 100px;
}

.min-w-\[120px\] {
  min-width: 120px;
}

.min-w-\[130px\] {
  min-width: 130px;
}

.min-w-\[140px\] {
  min-width: 140px;
}

.min-w-\[160px\] {
  min-width: 160px;
}

.min-w-\[200px\] {
  min-width: 200px;
}

.min-w-\[240px\] {
  min-width: 240px;
}

.min-w-\[30px\] {
  min-width: 30px;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-\[1280px\] {
  max-width: 1280px;
}

.max-w-\[1320px\] {
  max-width: 1320px;
}

.max-w-\[1480px\] {
  max-width: 1480px;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[320px\] {
  max-width: 320px;
}

.max-w-\[460px\] {
  max-width: 460px;
}

.max-w-\[480px\] {
  max-width: 480px;
}

.max-w-\[50px\] {
  max-width: 50px;
}

.max-w-\[560px\] {
  max-width: 560px;
}

.max-w-\[680px\] {
  max-width: 680px;
}

.max-w-\[70\%\] {
  max-width: 70%;
}

.max-w-\[720px\] {
  max-width: 720px;
}

.max-w-\[90\%\] {
  max-width: 90%;
}

.max-w-\[920px\] {
  max-width: 920px;
}

.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1;
}

.flex-\[2\] {
  flex: 2;
}

.flex-none {
  flex: none;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0, .shrink-0 {
  flex-shrink: 0;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-top-right {
  transform-origin: 100% 0;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0\.5 {
  --tw-translate-x: .125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1 {
  --tw-translate-x: .25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-3\.5 {
  --tw-translate-x: .875rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-5 {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.01\] {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}

.animate-bounce {
  animation: 1s infinite bounce;
}

@keyframes ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

.animate-ping {
  animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

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

.animate-spin {
  animation: 1s linear infinite spin;
}

.cursor-grab {
  cursor: grab;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.select-none {
  -webkit-user-select: none;
  user-select: none;
}

.resize {
  resize: both;
}

.list-decimal {
  list-style-type: decimal;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-\[1fr_auto_auto_auto\] {
  grid-template-columns: 1fr auto auto auto;
}

.grid-cols-\[80px_1fr_1fr_72px_64px_60px_120px\] {
  grid-template-columns: 80px 1fr 1fr 72px 64px 60px 120px;
}

.flex-col {
  flex-direction: column;
}

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

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-0\.5 {
  gap: .125rem;
}

.gap-1 {
  gap: .25rem;
}

.gap-1\.5 {
  gap: .375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-2\.5 {
  gap: .625rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[10px\] {
  gap: 10px;
}

.gap-\[14px\] {
  gap: 14px;
}

.gap-\[18px\] {
  gap: 18px;
}

.gap-\[4px\] {
  gap: 4px;
}

.gap-px {
  gap: 1px;
}

.gap-x-12 {
  -moz-column-gap: 3rem;
  column-gap: 3rem;
}

.gap-x-3 {
  -moz-column-gap: .75rem;
  column-gap: .75rem;
}

.gap-x-8 {
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.gap-y-0 {
  row-gap: 0;
}

.gap-y-1\.5 {
  row-gap: .375rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.125rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.space-y-\[10px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(10px * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1));
}

.divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}

.divide-slate-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(248 250 252 / var(--tw-divide-opacity, 1));
}

.divide-slate-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-divide-opacity, 1));
}

.self-start {
  align-self: flex-start;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.rounded {
  border-radius: .25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-\[12px\] {
  border-radius: 12px;
}

.rounded-\[14px\] {
  border-radius: 14px;
}

.rounded-\[18px\] {
  border-radius: 18px;
}

.rounded-\[2px\] {
  border-radius: 2px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: .5rem;
}

.rounded-md {
  border-radius: .375rem;
}

.rounded-sm {
  border-radius: .125rem;
}

.rounded-xl {
  border-radius: .75rem;
}

.rounded-r-lg {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.rounded-t {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

.rounded-t-md {
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem;
}

.rounded-t-sm {
  border-top-left-radius: .125rem;
  border-top-right-radius: .125rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-r {
  border-right-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-dashed {
  border-style: dashed;
}

.border-none {
  border-style: none;
}

.border-\[var\(--a1\)\] {
  border-color: var(--a1);
}

.border-amber-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}

.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}

.border-brand-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}

.border-brand-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.border-emerald-100 {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}

.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}

.border-emerald-300 {
  --tw-border-opacity: 1;
  border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}

.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.border-green-700\/50 {
  border-color: #15803d80;
}

.border-indigo-100 {
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1));
}

.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}

.border-indigo-500 {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}

.border-purple-400 {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}

.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}

.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}

.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}

.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.border-slate-50 {
  --tw-border-opacity: 1;
  border-color: rgb(248 250 252 / var(--tw-border-opacity, 1));
}

.border-slate-600 {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

.border-slate-700 {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}

.border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: #0000;
}

.border-violet-600 {
  --tw-border-opacity: 1;
  border-color: rgb(124 58 237 / var(--tw-border-opacity, 1));
}

.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}

.border-t-transparent {
  border-top-color: #0000;
}

.bg-\[rgba\(15\,23\,42\,0\.05\)\] {
  background-color: #0f172a0d;
}

.bg-\[var\(--a1\)\] {
  background-color: var(--a1);
}

.bg-\[var\(--a1g\)\] {
  background-color: var(--a1g);
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.bg-amber-50\/40 {
  background-color: #fffbeb66;
}

.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-amber-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

.bg-black\/50 {
  background-color: #00000080;
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}

.bg-brand-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}

.bg-brand-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.bg-brand-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.bg-brand-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.bg-brand-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.bg-current {
  background-color: currentColor;
}

.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-green-500\/20 {
  background-color: #22c55e33;
}

.bg-green-900\/30 {
  background-color: #14532d4d;
}

.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(199 210 254 / var(--tw-bg-opacity, 1));
}

.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}

.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}

.bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));
}

.bg-pink-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}

.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.bg-red-50\/40 {
  background-color: #fef2f266;
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.bg-red-900\/40 {
  background-color: #7f1d1d66;
}

.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}

.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}

.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}

.bg-sky-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
}

.bg-sky-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1));
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.bg-slate-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.bg-slate-50\/50 {
  background-color: #f8fafc80;
}

.bg-slate-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.bg-slate-700\/60 {
  background-color: #33415599;
}

.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.bg-slate-900\/40 {
  background-color: #0f172a66;
}

.bg-slate-900\/50 {
  background-color: #0f172a80;
}

.bg-slate-900\/55 {
  background-color: #0f172a8c;
}

.bg-slate-900\/60 {
  background-color: #0f172a99;
}

.bg-slate-900\/80 {
  background-color: #0f172acc;
}

.bg-slate-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}

.bg-teal-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}

.bg-transparent {
  background-color: #0000;
}

.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}

.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}

.bg-violet-500\/40 {
  background-color: #8b5cf666;
}

.bg-violet-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/60 {
  background-color: #fff9;
}

.bg-white\/70 {
  background-color: #ffffffb3;
}

.bg-white\/75 {
  background-color: #ffffffbf;
}

.bg-white\/80 {
  background-color: #fffc;
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

.bg-opacity-60 {
  --tw-bg-opacity: .6;
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-\[var\(--a1\)\] {
  --tw-gradient-from: var(--a1) var(--tw-gradient-from-position);
  --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: #eff6ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: #3b82f600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brand-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: #eff6ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brand-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: #3b82f600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-400 {
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: #34d39900 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-500 {
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: #6366f100 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-100 {
  --tw-gradient-from: #f1f5f9 var(--tw-gradient-from-position);
  --tw-gradient-to: #f1f5f900 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-indigo-100 {
  --tw-gradient-to: #e0e7ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #e0e7ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-\[var\(--a1d\)\] {
  --tw-gradient-to: var(--a1d) var(--tw-gradient-to-position);
}

.to-blue-500 {
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}

.to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}

.to-brand-400 {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}

.to-emerald-600 {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}

.to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}

.to-sky-50 {
  --tw-gradient-to: #f0f9ff var(--tw-gradient-to-position);
}

.to-slate-100 {
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}

.bg-\[length\:200\%_100\%\] {
  background-size: 200% 100%;
}

.fill-blue-500 {
  fill: #3b82f6;
}

.fill-none {
  fill: none;
}

.fill-red-500 {
  fill: #ef4444;
}

.fill-sky-500 {
  fill: #0ea5e9;
}

.fill-slate-400 {
  fill: #94a3b8;
}

.fill-violet-500 {
  fill: #8b5cf6;
}

.stroke-amber-500 {
  stroke: #f59e0b;
}

.stroke-blue-500 {
  stroke: #3b82f6;
}

.stroke-emerald-500 {
  stroke: #10b981;
}

.stroke-red-500 {
  stroke: #ef4444;
}

.stroke-sky-500 {
  stroke: #0ea5e9;
}

.stroke-slate-200 {
  stroke: #e2e8f0;
}

.stroke-slate-400 {
  stroke: #94a3b8;
}

.stroke-violet-500 {
  stroke: #8b5cf6;
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.p-0 {
  padding: 0;
}

.p-0\.5 {
  padding: .125rem;
}

.p-1 {
  padding: .25rem;
}

.p-1\.5 {
  padding: .375rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-2 {
  padding: .5rem;
}

.p-2\.5 {
  padding: .625rem;
}

.p-3 {
  padding: .75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-3\.5 {
  padding-left: .875rem;
  padding-right: .875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.py-3\.5 {
  padding-top: .875rem;
  padding-bottom: .875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-1 {
  padding-bottom: .25rem;
}

.pb-1\.5 {
  padding-bottom: .375rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-2 {
  padding-bottom: .5rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-\[10px\] {
  padding-bottom: 10px;
}

.pb-\[14px\] {
  padding-bottom: 14px;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pr-1 {
  padding-right: .25rem;
}

.pr-2 {
  padding-right: .5rem;
}

.pr-3 {
  padding-right: .75rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pt-0\.5 {
  padding-top: .125rem;
}

.pt-1 {
  padding-top: .25rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-2 {
  padding-top: .5rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-3 {
  padding-top: .75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.align-top {
  vertical-align: top;
}

.font-mono {
  font-family: var(--font-ibm-plex-mono), IBM Plex Mono, ui-monospace, monospace;
}

.font-sans {
  font-family: var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[12\.5px\] {
  font-size: 12.5px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[13\.5px\] {
  font-size: 13.5px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[14\.5px\] {
  font-size: 14.5px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[17px\] {
  font-size: 17px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[22px\] {
  font-size: 22px;
}

.text-\[26px\] {
  font-size: 26px;
}

.text-\[30px\] {
  font-size: 30px;
}

.text-\[34px\] {
  font-size: 34px;
}

.text-\[40px\] {
  font-size: 40px;
}

.text-\[44px\] {
  font-size: 44px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-\[clamp\(20px\,2\.2vw\,28px\)\] {
  font-size: clamp(20px, 2.2vw, 28px);
}

.text-\[clamp\(30px\,4vw\,44px\)\] {
  font-size: clamp(30px, 4vw, 44px);
}

.text-\[clamp\(34px\,4vw\,56px\)\] {
  font-size: clamp(34px, 4vw, 56px);
}

.text-\[clamp\(40px\,6\.4vw\,84px\)\] {
  font-size: clamp(40px, 6.4vw, 84px);
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-\[0\.96\] {
  line-height: .96;
}

.leading-\[1\.02\] {
  line-height: 1.02;
}

.leading-\[1\.05\] {
  line-height: 1.05;
}

.leading-\[1\.1\] {
  line-height: 1.1;
}

.leading-\[1\.4\] {
  line-height: 1.4;
}

.leading-\[1\.55\] {
  line-height: 1.55;
}

.leading-\[1\.65\] {
  line-height: 1.65;
}

.leading-\[1\.6\] {
  line-height: 1.6;
}

.leading-none {
  line-height: 1;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-\[0\.16em\] {
  letter-spacing: .16em;
}

.tracking-\[0\.18em\] {
  letter-spacing: .18em;
}

.tracking-\[3px\] {
  letter-spacing: 3px;
}

.tracking-tight {
  letter-spacing: -.025em;
}

.tracking-wide {
  letter-spacing: .025em;
}

.tracking-wider {
  letter-spacing: .05em;
}

.tracking-widest {
  letter-spacing: .1em;
}

.text-\[color\:var\(--lv4-text-muted\)\] {
  color: var(--lv4-text-muted);
}

.text-\[var\(--a1\)\] {
  color: var(--a1);
}

.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.text-amber-900 {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

.text-brand-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.text-brand-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-brand-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-dh-accent {
  color: var(--dh-accent);
}

.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}

.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}

.text-emerald-900 {
  --tw-text-opacity: 1;
  color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.text-rose-600 {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}

.text-sky-600 {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}

.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}

.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.text-slate-400\/70 {
  color: #94a3b8b3;
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.text-teal-600 {
  --tw-text-opacity: 1;
  color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}

.text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}

.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}

.text-violet-800 {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}

.text-yellow-900 {
  --tw-text-opacity: 1;
  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}

.underline {
  text-decoration-line: underline;
}

.line-through {
  text-decoration-line: line-through;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.accent-indigo-600 {
  accent-color: #4f46e5;
}

.accent-violet-600 {
  accent-color: #7c3aed;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-25 {
  opacity: .25;
}

.opacity-40 {
  opacity: .4;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-70 {
  opacity: .7;
}

.opacity-75 {
  opacity: .75;
}

.opacity-80 {
  opacity: .8;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px #00000040;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_1px_var\(--a1\)\] {
  --tw-shadow: 0 0 0 1px var(--a1);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_10px_rgba\(249\,115\,22\,0\.4\)\] {
  --tw-shadow: 0 0 10px #f9731666;
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 #0000000d;
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-blue-50 {
  --tw-shadow-color: #eff6ff;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-emerald-500\/30 {
  --tw-shadow-color: #10b9814d;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-indigo-500\/30 {
  --tw-shadow-color: #6366f14d;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.outline {
  outline-style: solid;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-\[var\(--a1g\)\] {
  --tw-ring-color: var(--a1g);
}

.ring-amber-400\/30 {
  --tw-ring-color: #fbbf244d;
}

.ring-red-500\/30 {
  --tw-ring-color: #ef44444d;
}

.ring-slate-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity, 1));
}

.ring-slate-900 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1));
}

.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-all {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-opacity {
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-shadow {
  transition-property: box-shadow;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-transform {
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.duration-150 {
  transition-duration: .15s;
}

.duration-200 {
  transition-duration: .2s;
}

.duration-500 {
  transition-duration: .5s;
}

.duration-700 {
  transition-duration: .7s;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

.animate-in {
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
  animation-name: enter;
  animation-duration: .15s;
}

.fade-in {
  --tw-enter-opacity: 0;
}

.zoom-in-95 {
  --tw-enter-scale: .95;
}

.duration-150 {
  animation-duration: .15s;
}

.duration-200 {
  animation-duration: .2s;
}

.duration-500 {
  animation-duration: .5s;
}

.duration-700 {
  animation-duration: .7s;
}

.ease-in-out {
  animation-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.ease-out {
  animation-timing-function: cubic-bezier(0, 0, .2, 1);
}

.running {
  animation-play-state: running;
}

.paused {
  animation-play-state: paused;
}

.text-balance {
  text-wrap: balance;
}

:root {
  --dh-page: #eef2f7;
  --dh-card: #fff;
  --dh-sidebar: #fff;
  --dh-topbar: #fff;
  --dh-input: #f8fafc;
  --dh-hover: #f1f5f9;
  --dh-active: #dbeafe;
  --dh-text: #0f172a;
  --dh-text-sub: #475569;
  --dh-text-muted: #64748b;
  --dh-border: #e2e8f0;
  --dh-border-focus: #3b82f6;
  --dh-accent: #3b82f6;
  --dh-accent-light: #dbeafe;
  --dh-accent-text: #1d4ed8;
  --dh-green: #10b981;
  --dh-green-bg: #d1fae5;
  --dh-red: #ef4444;
  --dh-red-bg: #fee2e2;
  --dh-amber: #f59e0b;
  --dh-amber-bg: #fef3c7;
  --dh-purple: #8b5cf6;
  --dh-purple-bg: #ede9fe;
  --dh-shadow: 0 1px 3px #0f172a0a, 0 1px 2px #0f172a08;
  --dh-shadow-md: 0 8px 24px #0f172a0f, 0 2px 6px #0f172a0a;
}

html.dark {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --dh-page: #06101e;
  --dh-card: #0d1b30;
  --dh-sidebar: #080e1c;
  --dh-topbar: #0d1b30;
  --dh-input: #111f38;
  --dh-hover: #111f38;
  --dh-active: #3b82f62e;
  --dh-text: #f0f6ff;
  --dh-text-sub: #b6c7dd;
  --dh-text-muted: #7a9cc4;
  --dh-border: #1a2f50;
  --dh-border-focus: #3b82f6;
  --dh-accent: #60a5fa;
  --dh-accent-light: #60a5fa2e;
  --dh-accent-text: #93c5fd;
  --dh-green: #34d399;
  --dh-green-bg: #34d3991f;
  --dh-red: #f87171;
  --dh-red-bg: #f871711f;
  --dh-amber: #fbbf24;
  --dh-amber-bg: #fbbf241f;
  --dh-purple: #a78bfa;
  --dh-purple-bg: #a78bfa24;
  --dh-shadow: 0 4px 20px #0006;
  --dh-shadow-md: 0 12px 40px #0009;
}

*, :before, :after {
  box-sizing: border-box;
}

body {
  font-family: "Outfit", var(--font-jakarta), ui-sans-serif, system-ui, sans-serif;
  background: var(--dh-page);
  color: var(--dh-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 1.5;
}

.font-mono, code, pre, kbd, .mono {
  font-family: Fira Code, ui-monospace, Cascadia Code, Source Code Pro, monospace;
}

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

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: var(--dh-border);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--dh-text-muted);
}

input[type="checkbox"], input[type="radio"], input[type="range"] {
  accent-color: var(--a1);
}

@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }

  100% {
    background-position: 400px 0;
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

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

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes pulseDot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .5;
    transform: scale(.75);
  }
}

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

.dh-slide-up {
  animation: .22s forwards slideUp;
}

.dh-fade-in {
  animation: .18s forwards fadeIn;
}

.dh-pulse-dot {
  animation: 2s infinite pulseDot;
}

.dh-spin {
  animation: .8s linear infinite dhSpin;
  display: inline-block;
}

@keyframes lv2-float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes lv2-float-slow {
  0%, 100% {
    transform: translateY(0)translateX(0);
  }

  50% {
    transform: translateY(-14px)translateX(6px);
  }
}

@keyframes lv2-pulse-ring {
  0% {
    opacity: .7;
    transform: scale(.6);
  }

  100% {
    opacity: 0;
    transform: scale(2.2);
  }
}

@keyframes lv2-shimmer {
  0% {
    background-position: -800px 0;
  }

  100% {
    background-position: 800px 0;
  }
}

@keyframes lv2-route-dash {
  to {
    stroke-dashoffset: -200px;
  }
}

@keyframes lv2-grid-drift {
  0% {
    transform: translate(0);
  }

  100% {
    transform: translate(40px, 40px);
  }
}

@keyframes lv2-blob-drift {
  0%, 100% {
    transform: translate(0)scale(1);
  }

  33% {
    transform: translate(40px, -30px)scale(1.05);
  }

  66% {
    transform: translate(-30px, 20px)scale(.95);
  }
}

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

@keyframes lv2-marquee {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-50%);
  }
}

@keyframes lv2-progress {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@keyframes lv2-flow-dot {
  0% {
    offset-distance: 0%;
  }

  100% {
    offset-distance: 100%;
  }
}

@keyframes lv2-signal-ring {
  0% {
    opacity: .8;
    transform: scale(.5);
  }

  100% {
    opacity: 0;
    transform: scale(2.4);
  }
}

.lv2-float {
  animation: 4s ease-in-out infinite lv2-float;
}

.lv2-float-slow {
  animation: 6s ease-in-out infinite lv2-float-slow;
}

.lv2-spin-slow {
  animation: 8s linear infinite lv2-spin-slow;
}

.lv2-blob {
  animation: 14s ease-in-out infinite lv2-blob-drift;
}

.lv2-grid-drift {
  animation: 18s linear infinite lv2-grid-drift;
}

.lv2-route-dash {
  animation: 3s linear infinite lv2-route-dash;
}

.lv2-pulse-ring {
  animation: 2.2s ease-out infinite lv2-pulse-ring;
}

.lv2-shimmer {
  background: linear-gradient(90deg, #0000 0%, #ffffff80 50%, #0000 100%) 0 0 / 800px 100%;
  animation: 2.4s linear infinite lv2-shimmer;
}

.lv2-marquee {
  animation: 22s linear infinite lv2-marquee;
}

.lv2-progress {
  animation: 2.4s ease-in-out infinite lv2-progress;
}

.lv2-signal {
  animation: 2.4s ease-out infinite lv2-signal-ring;
}

.lv2-grid-bg {
  background-image: linear-gradient(to right, #4f46e50f 1px, #0000 1px), linear-gradient(#4f46e50f 1px, #0000 1px);
  background-size: 40px 40px;
}

.lv2-starfield {
  background-image: radial-gradient(1px 1px at 20% 30%, #ffffff8c 1px, #0000 1px), radial-gradient(1px 1px at 70% 60%, #fff6 1px, #0000 1px), radial-gradient(1.5px 1.5px at 40% 80%, #93c5fd80 1px, #0000 1px), radial-gradient(1px 1px at 85% 15%, #ffffff73 1px, #0000 1px), radial-gradient(1px 1px at 10% 70%, #a5b4fc73 1px, #0000 1px), radial-gradient(1px 1px at 55% 45%, #ffffff59 1px, #0000 1px);
  background-size: 400px 400px;
}

.lv2-mask-fade-r {
  -webkit-mask-image: linear-gradient(to right, #000 70%, #0000 100%);
  mask-image: linear-gradient(to right, #000 70%, #0000 100%);
}

.lv2-mask-fade-b {
  -webkit-mask-image: linear-gradient(#0000 0%, #000 18% 82%, #0000 100%);
  mask-image: linear-gradient(#0000 0%, #000 18% 82%, #0000 100%);
}

@keyframes lv2-reveal {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

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

.lv2-reveal-in {
  animation: .7s cubic-bezier(.2, .7, .2, 1) both lv2-reveal;
}

.lv2-glow-card {
  isolation: isolate;
  position: relative;
}

.lv2-glow-card:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%), #4f46e524, transparent 60%);
  opacity: 0;
  z-index: 0;
  transition: opacity .25s;
  position: absolute;
  inset: 0;
}

.lv2-glow-card:hover:before {
  opacity: 1;
}

.lv2-glow-card > * {
  z-index: 1;
  position: relative;
}

.dh-skeleton {
  background: linear-gradient(90deg, var(--dh-hover) 25%, var(--dh-border) 50%, var(--dh-hover) 75%);
  background-size: 800px 100%;
  border-radius: 6px;
  animation: 1.6s infinite shimmer;
}

input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  font-family: "Outfit", var(--font-jakarta), sans-serif;
  color: var(--dh-text);
  background: var(--dh-input);
  border: 1.5px solid var(--dh-border);
  border-radius: 10px;
  outline: none;
  padding: 9px 12px;
  font-size: 14px;
  transition: border-color .15s, box-shadow .15s;
}

input:not([type="checkbox"]):not([type="radio"]):focus, select:focus, textarea:focus {
  border-color: var(--dh-border-focus);
  box-shadow: 0 0 0 3px #3b82f61f;
}

html.dark .bg-white {
  background-color: var(--dh-card) !important;
}

html.dark .bg-slate-50, html.dark .bg-slate-100 {
  background-color: var(--dh-hover) !important;
}

html.dark .bg-slate-900 {
  background-color: var(--dh-card) !important;
}

html.dark .bg-slate-800 {
  background-color: var(--dh-hover) !important;
}

html.dark [class*="bg-slate-900\\/"], html.dark [class*="bg-slate-800\\/"] {
  background-color: #111f3899 !important;
}

html.dark .border-slate-50, html.dark .border-slate-100, html.dark .border-slate-200, html.dark .border-slate-700, html.dark .border-slate-800, html.dark .divide-slate-50 > * + *, html.dark .divide-slate-100 > * + *, html.dark .divide-slate-200 > * + * {
  border-color: var(--dh-border) !important;
}

html.dark .text-slate-900, html.dark .text-slate-800 {
  color: var(--dh-text) !important;
}

html.dark .text-slate-700, html.dark .text-slate-600 {
  color: var(--dh-text-sub) !important;
}

html.dark .text-slate-500, html.dark .text-slate-400 {
  color: var(--dh-text-muted) !important;
}

html.dark tr:hover > td, html.dark .hover\:bg-slate-50:hover {
  background-color: var(--dh-hover) !important;
}

html.dark input[class*="border-slate"], html.dark select[class*="border-slate"] {
  background: var(--dh-input) !important;
  border-color: var(--dh-border) !important;
  color: var(--dh-text) !important;
}

:root {
  --lv4-bg: #eceef4;
  --lv4-bg-elev: #f7f9fd;
  --lv4-card: #f7f9fd;
  --lv4-border: #0f172a;
  --lv4-border-soft: #dce2ed;
  --lv4-text: #101828;
  --lv4-text-muted: #667085;
  --lv4-yellow: #e7e14b;
  --lv4-blue: #2563eb;
  --lv4-blue-soft: #eff6ff;
  --lv4-grid: #dce2ed;
  --lv4-btn: #0d1733;
  --lv4-btn-text: #fff;
}

html.dark, .dark {
  --lv4-bg: #0b1020;
  --lv4-bg-elev: #0f172a;
  --lv4-card: #0f172a;
  --lv4-border: #1e293b;
  --lv4-border-soft: #1e293b;
  --lv4-text: #e2e8f0;
  --lv4-text-muted: #94a3b8;
  --lv4-yellow: #e7e14b;
  --lv4-blue: #60a5fa;
  --lv4-blue-soft: #1e293b;
  --lv4-grid: #1e293b;
  --lv4-btn: #e2e8f0;
  --lv4-btn-text: #0b1020;
}

html, body {
  background: var(--lv4-bg);
  color: var(--lv4-text);
}

@keyframes lv4-pulse-dot {
  0%, 100% {
    opacity: .95;
    transform: scale(1);
  }

  50% {
    opacity: .3;
    transform: scale(1.6);
  }
}

@keyframes lv4-progress {
  from {
    width: 0%;
  }

  to {
    width: 64%;
  }
}

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

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

.lv4-pulse-dot {
  transform-origin: center;
  animation: 2.2s ease-in-out infinite lv4-pulse-dot;
}

.lv4-fade-up {
  animation: .5s both lv4-fade-up;
}

.lv4-progress {
  animation: 2.6s ease-out forwards lv4-progress;
}

.lv4-grid-bg {
  background-image: linear-gradient(to right, var(--lv4-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--lv4-grid) 1px, transparent 1px);
  background-size: 56px 56px;
}

.lv4-mockup-grid {
  background-image: linear-gradient(to right, var(--lv4-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--lv4-grid) 1px, transparent 1px);
  background-size: 28px 28px;
}

@keyframes lv4-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(1.6);
  }
}

.lv4-feature-card {
  background: var(--lv4-card);
  border: 1px solid var(--lv4-border);
  border-radius: 8px;
  padding: 28px 24px;
  transition: transform .2s, border-color .2s;
}

.lv4-feature-card:hover {
  border-color: var(--lv4-yellow);
  transform: translateY(-2px);
}

.lv4-footer-link {
  transition: color .15s;
}

.lv4-footer-link:hover {
  color: var(--lv4-text);
}

.lv4-h1 {
  font-family: var(--font-space-mono), ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--lv4-text);
  font-size: 32px;
  font-weight: 400;
  line-height: 1.15;
}

.lv4-h2 {
  font-family: var(--font-space-mono), ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  color: var(--lv4-text);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}

.lv4-h3 {
  font-family: var(--font-space-mono), ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--lv4-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}

.lv4-label {
  font-family: var(--font-space-mono), ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--lv4-text-muted);
  font-size: 10px;
  font-weight: 700;
}

.lv4-numeric {
  font-family: var(--font-space-mono), ui-monospace, monospace;
  color: var(--lv4-text);
  font-weight: 700;
}

.lv4-body {
  font-family: var(--font-inter), "Inter", ui-sans-serif, system-ui, sans-serif;
  color: var(--lv4-text);
}

.lv4-body-muted {
  font-family: var(--font-inter), "Inter", ui-sans-serif, system-ui, sans-serif;
  color: var(--lv4-text-muted);
}

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

.lv4-page-title {
  text-transform: none !important;
  letter-spacing: .05em !important;
  color: var(--txt) !important;
  margin: 0 !important;
  font-family: Bebas Neue, sans-serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}

.lv4-subtitle {
  color: var(--txt3) !important;
  font-family: Manrope, sans-serif !important;
  font-size: 13px !important;
}

.lv4-card {
  background: var(--lv4-card);
  border: 1px solid var(--lv4-border-soft);
  border-radius: 8px;
  box-shadow: 0 1px 2px #0000000a;
}

.lv4-card-lg {
  background: var(--lv4-card);
  border: 1px solid var(--lv4-border-soft);
  border-radius: 12px;
  box-shadow: 0 1px 2px #0000000a;
}

.lv4-panel {
  background: var(--lv4-card);
  border: 1px solid var(--lv4-border-soft);
  border-radius: 8px;
}

.lv4-btn-primary {
  background: var(--a1);
  color: #fff;
  font-family: var(--font-space-mono), ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 1px solid var(--a1);
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  font-size: 11px;
  font-weight: 700;
  transition: opacity .15s, background .15s, border-color .15s;
  display: inline-flex;
}

.lv4-btn-primary:hover:not(:disabled) {
  background: var(--a1d);
  border-color: var(--a1d);
  opacity: 1;
}

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

.lv4-btn-md {
  padding: 12px 22px;
  font-size: 12px;
}

.lv4-btn-outline {
  color: var(--lv4-text);
  font-family: var(--font-space-mono), ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 1px solid var(--lv4-border);
  cursor: pointer;
  background: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  font-size: 11px;
  font-weight: 700;
  transition: background .15s;
  display: inline-flex;
}

.lv4-btn-outline:hover:not(:disabled) {
  background: var(--lv4-bg-elev);
}

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

.lv4-btn-ghost {
  color: var(--lv4-text);
  font-family: var(--font-space-mono), ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 11px;
  font-weight: 700;
  transition: background .15s;
  display: inline-flex;
}

.lv4-btn-ghost:hover:not(:disabled) {
  background: var(--lv4-bg-elev);
}

.lv4-btn-danger {
  color: #fff;
  background: #b91c1c;
  border-color: #b91c1c;
}

html.dark .lv4-btn-danger {
  color: #0b1020;
  background: #f87171;
  border-color: #f87171;
}

.lv4-pill {
  font-family: var(--font-space-mono), ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: 2px;
  white-space: nowrap;
  background: var(--lv4-bg-elev);
  color: var(--lv4-text-muted);
  border: 1px solid var(--lv4-border-soft);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.lv4-pill-info {
  background: var(--lv4-blue-soft);
  color: var(--lv4-blue);
  border-color: #0000;
}

.lv4-pill-warn {
  color: #92400e;
  background: #fef3c7;
  border-color: #0000;
}

html.dark .lv4-pill-warn {
  color: #fbbf24;
  background: #1e293b;
}

.lv4-pill-success {
  color: #047857;
  background: #ecfdf5;
  border-color: #0000;
}

html.dark .lv4-pill-success {
  color: #34d399;
  background: #1e293b;
}

.lv4-pill-danger {
  color: #b91c1c;
  background: #fef2f2;
  border-color: #0000;
}

html.dark .lv4-pill-danger {
  color: #f87171;
  background: #1e293b;
}

.lv4-table {
  width: 100%;
  font-family: var(--font-inter), "Inter", sans-serif;
  font-size: 13px;
}

.lv4-table thead tr {
  background: var(--lv4-bg);
}

.lv4-table thead th {
  font-family: var(--font-space-mono), ui-monospace, monospace;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--lv4-text-muted);
  text-align: left;
  white-space: nowrap;
  padding: 12px 16px;
  font-size: 10px;
  font-weight: 700;
}

.lv4-table tbody td {
  color: var(--lv4-text);
  border-bottom: 1px solid var(--lv4-border-soft);
  white-space: nowrap;
  padding: 12px 16px;
}

.lv4-table tbody tr:hover {
  background: var(--lv4-bg-elev);
}

.lv4-input {
  background: var(--lv4-bg-elev);
  width: 100%;
  color: var(--lv4-text);
  border: 1px solid var(--lv4-border-soft);
  font-family: var(--font-inter), "Inter", sans-serif;
  border-radius: 4px;
  outline: none;
  padding: 8px 12px;
  font-size: 13px;
  transition: border-color .15s, box-shadow .15s;
}

.lv4-input:focus {
  border-color: var(--lv4-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--lv4-blue) 18%, transparent);
}

.lv4-drawer {
  background: var(--lv4-card);
  border-left: 1px solid var(--lv4-border-soft);
}

.lv4-drawer-header {
  background: var(--lv4-card);
  border-bottom: 1px solid var(--lv4-border-soft);
}

.lv4-icon-tile {
  background: var(--lv4-blue-soft);
  width: 32px;
  height: 32px;
  color: var(--lv4-text);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.lv4-dot {
  border-radius: 999px;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.lv4-dot-blue {
  background: var(--lv4-blue);
}

.lv4-dot-text {
  background: var(--lv4-text);
}

.lv4-dot-yellow {
  background: var(--lv4-yellow);
}

.lv4-dot-muted {
  background: var(--lv4-text-muted);
}

:root {
  --lh-primary: #2563eb;
  --lh-electric: #3b82f6;
  --lh-light: #60a5fa;
  --lh-soft: #93c5fd;
  --lh-ice: #dbeafe;
  --lh-white: #fff;
  --lh-bg: #eef2f7;
  --lh-bg-deep: #e2e8f0;
  --lh-text: #0f172a;
  --lh-text-sub: #475569;
  --lh-text-mute: #64748b;
  --lh-border: #0f172a14;
  --lh-border-2: #0f172a1f;
  --lh-glow: #2563eb59;
  --lh-shadow-sm: 0 1px 2px #0f172a0a, 0 4px 12px #0f172a0a;
  --lh-shadow: 0 8px 24px #0f172a0f, 0 2px 6px #0f172a0a;
  --lh-shadow-lg: 0 24px 60px #0f172a1a, 0 8px 16px #0f172a0f;
  --lh-font-display: var(--font-space-grotesk), "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --lh-font-body: var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;
  --lh-font-mono: var(--font-ibm-plex-mono), "IBM Plex Mono", ui-monospace, monospace;
}

.lh-root {
  background: var(--lh-bg);
  color: var(--lh-text);
  font-family: var(--lh-font-body);
}

.lh-root, .lh-root * {
  box-sizing: border-box;
}

.lh-display {
  font-family: var(--lh-font-display);
  letter-spacing: -.02em;
}

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

.lh-root .lh-card, .lh-root .lh-card * {
  color: var(--lh-text);
}

.lh-card {
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  border: 1px solid var(--lh-border);
  box-shadow: var(--lh-shadow);
  background: #ffffffc7;
  border-radius: 28px;
  transition: transform .22s, box-shadow .22s, border-color .22s;
}

.lh-card:hover {
  box-shadow: var(--lh-shadow-lg);
  border-color: var(--lh-border-2);
  transform: translateY(-2px);
}

.lh-card-solid {
  background: var(--lh-white);
  border: 1px solid var(--lh-border);
  box-shadow: var(--lh-shadow);
  border-radius: 28px;
}

.lh-card-flat {
  background: var(--lh-white);
  border: 1px solid var(--lh-border);
  border-radius: 20px;
}

.lh-pill {
  font-family: var(--lh-font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--lh-primary);
  background: #2563eb14;
  border: 1px solid #2563eb29;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 11px;
  display: inline-flex;
}

.lh-btn-primary {
  background: linear-gradient(180deg, var(--lh-electric) 0%, var(--lh-primary) 100%);
  color: #fff;
  font-family: var(--lh-font-display);
  cursor: pointer;
  border: 1px solid #2563eb99;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 600;
  transition: transform .18s, box-shadow .18s, filter .18s;
  display: inline-flex;
  box-shadow: 0 8px 24px #2563eb52, inset 0 1px #ffffff40;
}

.lh-btn-primary:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
  box-shadow: 0 12px 32px #2563eb6b;
}

.lh-btn-ghost {
  color: var(--lh-text);
  font-family: var(--lh-font-display);
  border: 1px solid var(--lh-border-2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer;
  background: #fff9;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 600;
  transition: background .18s;
  display: inline-flex;
}

.lh-btn-ghost:hover {
  background: #fff;
}

.lh-map-stage {
  border: 1px solid var(--lh-border);
  box-shadow: var(--lh-shadow-lg);
  background: #f4f7fb;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
}

.lh-map-stage .leaflet-control-attribution {
  font-size: 9px;
  background: #fff9 !important;
}

.lh-route-layer {
  pointer-events: none;
  z-index: 400;
  position: absolute;
  inset: 0;
}

.lh-route {
  fill: none;
  stroke: var(--lh-electric);
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-dasharray: 2 6;
  opacity: .85;
  filter: drop-shadow(0 0 4px #3b82f659);
  animation: 14s linear infinite lh-dash;
}

.lh-route-glow {
  fill: none;
  stroke: var(--lh-light);
  stroke-width: 6px;
  opacity: .1;
  filter: blur(6px);
}

.lh-route-faint {
  fill: none;
  stroke: var(--lh-primary);
  stroke-width: 1px;
  stroke-dasharray: 1 4;
  opacity: .3;
  animation: 22s linear infinite lh-dash;
}

.lh-particle {
  fill: var(--lh-primary);
  filter: drop-shadow(0 0 6px #2563eba6);
}

.lh-pin {
  fill: var(--lh-white);
  stroke: var(--lh-primary);
  stroke-width: 2px;
}

.lh-pin-pulse {
  fill: var(--lh-primary);
  opacity: .18;
  transform-origin: center;
  animation: 2.6s ease-out infinite lh-pulse-ring;
}

@keyframes lh-dash {
  to {
    stroke-dashoffset: -400px;
  }
}

@keyframes lh-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }
}

@keyframes lh-pulse-ring {
  0% {
    opacity: .6;
    transform: scale(.6);
  }

  100% {
    opacity: 0;
    transform: scale(2.6);
  }
}

@keyframes lh-float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

@keyframes lh-float-slow {
  0%, 100% {
    transform: translateY(0)translateX(0);
  }

  50% {
    transform: translateY(-12px)translateX(4px);
  }
}

@keyframes lh-fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

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

@keyframes lh-shimmer {
  0% {
    background-position: -600px 0;
  }

  100% {
    background-position: 600px 0;
  }
}

@keyframes lh-particle-move {
  to {
    offset-distance: 100%;
  }
}

@keyframes lh-truck-roll {
  0% {
    offset-distance: 0%;
  }

  100% {
    offset-distance: 100%;
  }
}

@keyframes lh-marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@keyframes lh-grid-drift {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 60px 60px;
  }
}

@keyframes lh-spark {
  0%, 100% {
    opacity: .6;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.15);
  }
}

.lh-float {
  animation: 5s ease-in-out infinite lh-float;
}

.lh-float-slow {
  animation: 7s ease-in-out infinite lh-float-slow;
}

.lh-fade-up {
  animation: .7s cubic-bezier(.2, .7, .2, 1) both lh-fade-up;
}

.lh-spark {
  animation: 2.4s ease-in-out infinite lh-spark;
}

.lh-grid-bg {
  background-image: linear-gradient(to right, #0f172a0d 1px, #0000 1px), linear-gradient(#0f172a0d 1px, #0000 1px);
  background-position: 0 0;
  background-size: 60px 60px;
  animation: 40s linear infinite lh-grid-drift;
}

.lh-dot-world {
  background-image: radial-gradient(#2563eb33 1.2px, #0000 1.2px);
  background-size: 22px 22px;
}

.lh-marquee-track {
  will-change: transform;
  gap: 48px;
  animation: 30s linear infinite lh-marquee;
  display: inline-flex;
}

.lh-kpi {
  background: var(--lh-white);
  border: 1px solid var(--lh-border);
  box-shadow: var(--lh-shadow-sm);
  border-radius: 20px;
  padding: 18px 20px;
}

.lh-kpi-label {
  font-family: var(--lh-font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--lh-text-mute);
  font-size: 10px;
}

.lh-kpi-value {
  font-family: var(--lh-font-display);
  letter-spacing: -.02em;
  color: var(--lh-text);
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.lh-anchor {
  scroll-margin-top: 96px;
}

@media (prefers-reduced-motion: reduce) {
  .lh-route, .lh-route-faint, .lh-float, .lh-float-slow, .lh-spark, .lh-marquee-track, .lh-pin-pulse, .lh-pill-dot {
    animation: none !important;
  }
}

.lh-num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "cv11" 1, "ss01" 1;
}

.lh-glass {
  -webkit-backdrop-filter: blur(20px) saturate(170%);
  background: linear-gradient(#ffffffd1 0%, #ffffff9e 100%);
  border: 1px solid #0f172a0f;
  border-radius: 24px;
  box-shadow: inset 0 1px #ffffffe6, inset 0 0 0 1px #fff9, 0 16px 40px #0f172a14, 0 4px 12px #0f172a0a;
}

.lh-glass-tight {
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  background: #ffffffb3;
  border: 1px solid #0f172a0f;
  border-radius: 16px;
  box-shadow: inset 0 1px #fffc, 0 6px 18px #0f172a0f;
}

.lh-tick {
  font-family: var(--lh-font-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  color: var(--lh-text);
}

.lh-tag {
  height: 18px;
  font-family: var(--lh-font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--lh-text-sub);
  background: #0f172a0d;
  border-radius: 4px;
  align-items: center;
  gap: 4px;
  padding: 0 6px;
  font-size: 9px;
  display: inline-flex;
}

.lh-tag-blue {
  color: #1d4ed8;
  background: #2563eb1a;
}

.lh-tag-green {
  color: #047857;
  background: #10b9811a;
}

.lh-tag-amber {
  color: #92400e;
  background: #f59e0b1a;
}

.lh-tag-red {
  color: #b91c1c;
  background: #ef44441a;
}

.lh-tag-violet {
  color: #4338ca;
  background: #6366f11a;
}

.lh-aurora {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.lh-aurora:before, .lh-aurora:after {
  content: "";
  filter: blur(80px);
  opacity: .55;
  border-radius: 50%;
  position: absolute;
}

.lh-aurora:before {
  background: radial-gradient(circle, #60a5fa8c, #0000 60%);
  width: 720px;
  height: 720px;
  animation: 22s ease-in-out infinite lh-blob-a;
  top: -240px;
  left: -160px;
}

.lh-aurora:after {
  background: radial-gradient(circle, #2563eb73, #0000 60%);
  width: 640px;
  height: 640px;
  animation: 28s ease-in-out infinite lh-blob-b;
  top: 80px;
  right: -180px;
}

@keyframes lh-blob-a {
  0%, 100% {
    transform: translate(0)scale(1);
  }

  50% {
    transform: translate(60px, 40px)scale(1.08);
  }
}

@keyframes lh-blob-b {
  0%, 100% {
    transform: translate(0)scale(1);
  }

  50% {
    transform: translate(-50px, 30px)scale(1.05);
  }
}

.lh-soft-grid {
  background-image: radial-gradient(#0f172a12 1px, #0000 1px);
  background-position: 0 0;
  background-size: 22px 22px;
}

.lh-spark-path {
  fill: none;
  stroke: var(--lh-primary);
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lh-spark-fill {
  fill: url("#lh-spark-grad");
  opacity: .5;
}

.lh-ticker-track {
  will-change: transform;
  gap: 36px;
  animation: 38s linear infinite lh-marquee;
  display: inline-flex;
}

.lh-chip {
  font-family: var(--lh-font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--lh-text-sub);
  background: #0f172a0a;
  border: 1px solid #0f172a0f;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  font-size: 10px;
  display: inline-flex;
}

.lh-cmd {
  background: #ffffffd9;
  border: 1px solid #0f172a1a;
  border-radius: 14px;
  box-shadow: 0 24px 60px #0f172a2e;
}

.lh-cmd-row {
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  display: flex;
}

.lh-cmd-row:hover, .lh-cmd-row[data-active="true"] {
  background: #2563eb12;
}

.lh-cmd-key {
  min-width: 18px;
  height: 18px;
  font-family: var(--lh-font-mono);
  color: var(--lh-text);
  background: #0f172a0f;
  border: 1px solid #0f172a14;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  font-size: 10px;
  display: inline-flex;
}

.lh-live-dot {
  background: #10b981;
  border-radius: 999px;
  width: 6px;
  height: 6px;
  animation: 1.6s ease-in-out infinite lh-pulse;
  display: inline-block;
  box-shadow: 0 0 0 4px #10b9812e;
}

.lh-figure {
  font-family: var(--lh-font-display);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

:root {
  --neu-bg: #e8ecf2;
  --neu-bg-deep: #dee3ec;
  --neu-text: #2d3748;
  --neu-text-sub: #5b6b82;
  --neu-text-mute: #8b9bb4;
  --neu-accent: #4f7ce5;
  --neu-accent-2: #6f9bff;
  --neu-success: #1fb875;
  --neu-danger: #e55353;
  --neu-warn: #e5a21f;
  --neu-shadow-light: #fffffff2;
  --neu-shadow-dark: #a3b1c68c;
}

.neu-root {
  background: var(--neu-bg);
  color: var(--neu-text);
  font-family: var(--lh-font-body);
  min-height: 100vh;
}

.neu-root * {
  box-sizing: border-box;
}

.neu-card {
  background: var(--neu-bg);
  box-shadow: 8px 8px 20px var(--neu-shadow-dark), -8px -8px 20px var(--neu-shadow-light);
  border-radius: 22px;
}

.neu-card-sm {
  background: var(--neu-bg);
  box-shadow: 5px 5px 12px var(--neu-shadow-dark), -5px -5px 12px var(--neu-shadow-light);
  border-radius: 16px;
}

.neu-inset {
  background: var(--neu-bg);
  box-shadow: inset 4px 4px 8px var(--neu-shadow-dark), inset -4px -4px 8px var(--neu-shadow-light);
  border-radius: 14px;
}

.neu-icon-btn {
  background: var(--neu-bg);
  width: 42px;
  height: 42px;
  color: var(--neu-text);
  cursor: pointer;
  box-shadow: 5px 5px 12px var(--neu-shadow-dark), -5px -5px 12px var(--neu-shadow-light);
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  transition: box-shadow .18s, color .18s;
  display: inline-flex;
}

.neu-icon-btn:hover {
  color: var(--neu-accent);
}

.neu-icon-btn:active, .neu-icon-btn[aria-pressed="true"] {
  box-shadow: inset 4px 4px 8px var(--neu-shadow-dark), inset -4px -4px 8px var(--neu-shadow-light);
  color: var(--neu-accent);
}

.neu-pill-btn {
  background: var(--neu-bg);
  color: var(--neu-text);
  cursor: pointer;
  font-family: var(--lh-font-display);
  box-shadow: 5px 5px 12px var(--neu-shadow-dark), -5px -5px 12px var(--neu-shadow-light);
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  transition: box-shadow .18s, color .18s;
  display: inline-flex;
}

.neu-pill-btn:hover {
  color: var(--neu-accent);
}

.neu-pill-btn-primary {
  background: linear-gradient(135deg, var(--neu-accent), var(--neu-accent-2));
  color: #fff;
  box-shadow: 5px 5px 12px var(--neu-shadow-dark), -2px -2px 6px #ffffff80, inset 1px 1px 0 #ffffff40;
}

.neu-tag {
  background: var(--neu-bg);
  font-family: var(--lh-font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--neu-text-sub);
  box-shadow: inset 2px 2px 4px var(--neu-shadow-dark), inset -2px -2px 4px var(--neu-shadow-light);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 10px;
  display: inline-flex;
}

.neu-tag-success {
  color: var(--neu-success);
}

.neu-tag-danger {
  color: var(--neu-danger);
}

.neu-tag-warn {
  color: var(--neu-warn);
}

.neu-tag-accent {
  color: var(--neu-accent);
}

.neu-switch {
  background: var(--neu-bg);
  width: 48px;
  height: 26px;
  box-shadow: inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light);
  cursor: pointer;
  border-radius: 999px;
  position: relative;
}

.neu-switch:after {
  content: "";
  background: linear-gradient(135deg, var(--neu-accent), var(--neu-accent-2));
  width: 20px;
  height: 20px;
  box-shadow: 2px 2px 5px var(--neu-shadow-dark);
  border-radius: 999px;
  transition: transform .2s;
  position: absolute;
  top: 3px;
  left: 3px;
}

.neu-switch[data-on="true"]:after {
  transform: translateX(22px);
}

.neu-input {
  background: var(--neu-bg);
  width: 100%;
  color: var(--neu-text);
  font-family: var(--lh-font-body);
  box-shadow: inset 3px 3px 6px var(--neu-shadow-dark), inset -3px -3px 6px var(--neu-shadow-light);
  border: none;
  border-radius: 14px;
  outline: none;
  padding: 12px 16px;
  font-size: 13px;
}

.neu-input::placeholder {
  color: var(--neu-text-mute);
}

.neu-nav-item {
  font-family: var(--lh-font-display);
  color: var(--neu-text-sub);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  font-size: 13px;
  font-weight: 500;
  transition: color .16s, box-shadow .2s;
  display: flex;
}

.neu-nav-item:hover {
  color: var(--neu-text);
}

.neu-nav-item[aria-current="page"] {
  color: var(--neu-accent);
  box-shadow: inset 4px 4px 8px var(--neu-shadow-dark), inset -4px -4px 8px var(--neu-shadow-light);
}

.neu-avatar {
  background: linear-gradient(135deg, var(--neu-accent), var(--neu-accent-2));
  color: #fff;
  width: 36px;
  height: 36px;
  font-family: var(--lh-font-display);
  box-shadow: 3px 3px 8px var(--neu-shadow-dark), -2px -2px 6px var(--neu-shadow-light);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.neu-num {
  font-family: var(--lh-font-display);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.neu-mono {
  font-family: var(--lh-font-mono);
  font-variant-numeric: tabular-nums;
}

.neu-dot {
  border-radius: 999px;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.neu-dot-on {
  background: var(--neu-success);
  box-shadow: 0 0 0 4px #1fb87529;
}

.neu-dot-off {
  background: var(--neu-danger);
  box-shadow: 0 0 0 4px #e5535329;
}

.neu-dot-warn {
  background: var(--neu-warn);
  box-shadow: 0 0 0 4px #e5a21f29;
}

:root {
  --lh-primary: #4f7ce5;
  --lh-electric: #6f9bff;
  --lh-light: #8ab1ff;
  --lh-soft: #c7d5f5;
  --lh-ice: #dde6fa;
  --lh-bg: #e8ecf2;
  --lh-bg-deep: #dce2ec;
  --lh-text: #2d3748;
  --lh-text-sub: #5b6b82;
  --lh-text-mute: #8b9bb4;
  --lh-border: #0f172a0a;
  --lh-border-2: #0f172a0f;
  --lh-glow: #4f7ce54d;
  --lh-shadow-soft-light: #fffffff2;
  --lh-shadow-soft-dark: #a3b1c68c;
  --lh-shadow-sm: 5px 5px 12px var(--lh-shadow-soft-dark), -5px -5px 12px var(--lh-shadow-soft-light);
  --lh-shadow: 8px 8px 22px var(--lh-shadow-soft-dark), -8px -8px 22px var(--lh-shadow-soft-light);
  --lh-shadow-lg: 14px 14px 36px var(--lh-shadow-soft-dark), -14px -14px 36px var(--lh-shadow-soft-light);
}

.lh-root {
  background: var(--lh-bg);
  color: var(--lh-text);
}

.lh-hair {
  border-color: #0f172a0d !important;
}

.lh-glass {
  background: var(--lh-bg);
  box-shadow: var(--lh-shadow);
  -webkit-backdrop-filter: none;
  border: none;
  border-radius: 26px;
}

.lh-glass-tight {
  background: var(--lh-bg);
  box-shadow: var(--lh-shadow-sm);
  -webkit-backdrop-filter: none;
  border: none;
  border-radius: 18px;
}

.lh-card {
  background: var(--lh-bg);
  box-shadow: var(--lh-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: none;
  border-radius: 26px;
}

.lh-card:hover {
  box-shadow: var(--lh-shadow-lg);
  transform: translateY(-2px);
}

.lh-card-solid {
  background: var(--lh-bg);
  box-shadow: var(--lh-shadow);
  border: none;
  border-radius: 26px;
}

.lh-card-flat {
  background: var(--lh-bg);
  box-shadow: inset 4px 4px 9px var(--lh-shadow-soft-dark), inset -4px -4px 9px var(--lh-shadow-soft-light);
  border: none;
  border-radius: 18px;
}

.lh-pill {
  background: var(--lh-bg);
  font-family: var(--lh-font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--lh-primary);
  box-shadow: inset 3px 3px 6px var(--lh-shadow-soft-dark), inset -3px -3px 6px var(--lh-shadow-soft-light);
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  font-size: 11px;
  display: inline-flex;
}

.lh-pill-dot {
  background: var(--lh-primary);
  border-radius: 999px;
  width: 6px;
  height: 6px;
  animation: 1.6s ease-in-out infinite lh-pulse;
  box-shadow: 0 0 0 4px #4f7ce52e;
}

.lh-chip {
  background: var(--lh-bg);
  color: var(--lh-text-sub);
  font-family: var(--lh-font-mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  box-shadow: inset 2px 2px 5px var(--lh-shadow-soft-dark), inset -2px -2px 5px var(--lh-shadow-soft-light);
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 10px;
  display: inline-flex;
}

.lh-tag {
  background: var(--lh-bg);
  height: 20px;
  color: var(--lh-text-sub);
  font-family: var(--lh-font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  box-shadow: inset 2px 2px 4px var(--lh-shadow-soft-dark), inset -2px -2px 4px var(--lh-shadow-soft-light);
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-size: 9px;
  display: inline-flex;
}

.lh-tag-blue {
  color: var(--lh-primary);
}

.lh-tag-green {
  color: var(--lh-success, #1fb875);
}

.lh-tag-amber {
  color: #c28618;
}

.lh-tag-red {
  color: #d14545;
}

.lh-tag-violet {
  color: #5c6bd8;
}

.lh-btn-primary {
  background: linear-gradient(135deg, var(--lh-primary), var(--lh-electric));
  color: #fff;
  font-family: var(--lh-font-display);
  cursor: pointer;
  box-shadow: 6px 6px 14px var(--lh-shadow-soft-dark), -6px -6px 14px var(--lh-shadow-soft-light), inset 1px 1px 0 #ffffff47;
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 14px 26px;
  font-size: 14px;
  font-weight: 600;
  transition: transform .18s, filter .18s, box-shadow .18s;
  display: inline-flex;
}

.lh-btn-primary:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
}

.lh-btn-primary:active {
  transform: translateY(0);
  box-shadow: inset 4px 4px 9px #1c337a4d, inset -4px -4px 9px #7a98e680;
}

.lh-btn-ghost {
  background: var(--lh-bg);
  color: var(--lh-text);
  font-family: var(--lh-font-display);
  cursor: pointer;
  box-shadow: 5px 5px 12px var(--lh-shadow-soft-dark), -5px -5px 12px var(--lh-shadow-soft-light);
  border: none;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 14px 26px;
  font-size: 14px;
  font-weight: 600;
  transition: color .18s;
  display: inline-flex;
}

.lh-btn-ghost:hover {
  color: var(--lh-primary);
}

.lh-btn-ghost:active {
  box-shadow: inset 4px 4px 9px var(--lh-shadow-soft-dark), inset -4px -4px 9px var(--lh-shadow-soft-light);
}

.lh-map-stage {
  background: var(--lh-bg);
  box-shadow: var(--lh-shadow-lg);
  border: none;
  border-radius: 32px;
  overflow: hidden;
}

.lh-map-stage .leaflet-container {
  background: var(--lh-bg) !important;
}

.lh-kpi {
  background: var(--lh-bg);
  box-shadow: var(--lh-shadow-sm);
  border: none;
  border-radius: 22px;
  padding: 18px 20px;
}

.lh-cmd {
  background: var(--lh-bg);
  box-shadow: var(--lh-shadow);
  border: none;
  border-radius: 18px;
}

.lh-cmd-row[data-active="true"], .lh-cmd-row:hover {
  background: var(--lh-bg);
  box-shadow: inset 3px 3px 6px var(--lh-shadow-soft-dark), inset -3px -3px 6px var(--lh-shadow-soft-light);
}

.lh-cmd-key {
  background: var(--lh-bg);
  color: var(--lh-text);
  box-shadow: inset 2px 2px 4px var(--lh-shadow-soft-dark), inset -2px -2px 4px var(--lh-shadow-soft-light);
  border: none;
}

.lh-radial-glow {
  background: radial-gradient(60% 60% at 50% 30%, #4f7ce514 0%, #0000 70%);
}

.lh-aurora {
  opacity: .55;
}

.lh-aurora:before {
  background: radial-gradient(circle, #8fa8e680, #0000 60%);
}

.lh-aurora:after {
  background: radial-gradient(circle, #6a87dc66, #0000 60%);
}

.lh-glass table {
  background: none;
}

.lh-glass tbody tr:hover {
  background: #0f172a05;
}

.lh-soft-grid {
  background-image: radial-gradient(#5b6b8214 1px, #0000 1px);
  background-size: 22px 22px;
}

.lh-grid-bg {
  background-image: linear-gradient(to right, #5b6b820f 1px, #0000 1px), linear-gradient(#5b6b820f 1px, #0000 1px);
}

.lh-soft {
  background: var(--lh-bg);
  box-shadow: var(--lh-shadow-sm);
  border: none;
}

.lh-soft-inset {
  background: var(--lh-bg);
  box-shadow: inset 3px 3px 6px var(--lh-shadow-soft-dark), inset -3px -3px 6px var(--lh-shadow-soft-light);
  border: none;
}

.lh-grad-text {
  background: linear-gradient(135deg, #2d3748 0%, #3954a8 50%, #4f7ce5 100%);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
}

@keyframes lh-pulse-soft {
  0%, 100% {
    box-shadow: 0 0 0 4px #4f7ce52e;
  }

  50% {
    box-shadow: 0 0 0 6px #4f7ce54d;
  }
}

.lh-pill-dot {
  animation: 1.8s ease-in-out infinite lh-pulse-soft;
}

.lh-live-dot {
  background: #1fb875;
  border-radius: 999px;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #1fb8752e;
}

:root {
  --da-bg: #f4f7fb;
  --da-surface: #fff;
  --da-surface-2: #f8fafc;
  --da-border: #e2e8f0;
  --da-border-soft: #edf1f7;
  --da-text: #0f172a;
  --da-text-sub: #64748b;
  --da-text-mute: #94a3b8;
  --da-accent: #3b82f6;
  --da-accent-2: #2563eb;
  --da-accent-soft: #dbeafe;
  --da-success: #10b981;
  --da-success-soft: #d1fae5;
  --da-warn: #f59e0b;
  --da-warn-soft: #fef3c7;
  --da-danger: #ef4444;
  --da-danger-soft: #fee2e2;
  --da-violet: #8b5cf6;
  --da-violet-soft: #ede9fe;
  --da-shadow-sm: 0 1px 3px #0f172a0a, 0 1px 2px #0f172a08;
  --da-shadow: 0 8px 24px #0f172a0f, 0 2px 6px #0f172a0a;
  --da-shadow-lg: 0 24px 48px #0f172a1a, 0 8px 16px #0f172a0d;
}

.dh-admin-root {
  background: var(--da-bg);
  color: var(--da-text);
  font-family: var(--lh-font-body);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  font-size: 14px;
  line-height: 1.5;
}

.dh-admin-root * {
  box-sizing: border-box;
}

.da-side {
  background: var(--da-surface);
  box-shadow: var(--da-shadow);
  border-radius: 28px;
}

.da-side-item {
  color: var(--da-text-sub);
  font-family: var(--lh-font-display);
  cursor: pointer;
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  font-size: 13px;
  font-weight: 500;
  transition: background .16s, color .16s, box-shadow .2s;
  display: flex;
}

.da-side-item:hover {
  background: var(--da-surface-2);
  color: var(--da-text);
}

.da-side-item[aria-current="page"] {
  background: var(--da-accent-soft);
  color: var(--da-accent-2);
  box-shadow: 0 0 0 1px #3b82f629, 0 6px 14px #3b82f62e;
}

.da-topbar {
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  box-shadow: var(--da-shadow-sm);
  background: #ffffffb8;
  border: 1px solid #e2e8f0b3;
  border-radius: 20px;
}

.da-card {
  background: var(--da-surface);
  border: 1px solid var(--da-border-soft);
  box-shadow: var(--da-shadow-sm);
  border-radius: 24px;
  transition: transform .2s, box-shadow .2s;
}

.da-card:hover {
  box-shadow: var(--da-shadow);
  transform: translateY(-2px);
}

.da-card-static {
  background: var(--da-surface);
  border: 1px solid var(--da-border-soft);
  box-shadow: var(--da-shadow-sm);
  border-radius: 24px;
}

.da-btn-primary {
  color: #fff;
  font-family: var(--lh-font-display);
  cursor: pointer;
  background: linear-gradient(#3b82f6 0%, #2563eb 100%);
  border: 1px solid #2563eb99;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  transition: transform .16s, box-shadow .16s, filter .16s;
  display: inline-flex;
  box-shadow: 0 8px 18px #3b82f64d, inset 0 1px #ffffff4d;
}

.da-btn-primary:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
  box-shadow: 0 12px 22px #3b82f65c;
}

.da-btn-ghost {
  background: var(--da-surface);
  color: var(--da-text);
  border: 1px solid var(--da-border);
  font-family: var(--lh-font-display);
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  transition: background .16s, color .16s;
  display: inline-flex;
}

.da-btn-ghost:hover {
  background: var(--da-surface-2);
  color: var(--da-accent-2);
}

.da-icon-btn {
  background: var(--da-surface);
  border: 1px solid var(--da-border);
  width: 36px;
  height: 36px;
  color: var(--da-text-sub);
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  transition: background .16s, color .16s;
  display: inline-flex;
}

.da-icon-btn:hover {
  background: var(--da-surface-2);
  color: var(--da-accent-2);
}

.da-pill {
  height: 22px;
  font-family: var(--lh-font-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  background: var(--da-surface-2);
  color: var(--da-text-sub);
  border: 1px solid var(--da-border-soft);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.da-pill-blue {
  background: var(--da-accent-soft);
  color: var(--da-accent-2);
  border-color: #0000;
}

.da-pill-green {
  background: var(--da-success-soft);
  color: #047857;
  border-color: #0000;
}

.da-pill-amber {
  background: var(--da-warn-soft);
  color: #92400e;
  border-color: #0000;
}

.da-pill-red {
  background: var(--da-danger-soft);
  color: #b91c1c;
  border-color: #0000;
}

.da-pill-violet {
  background: var(--da-violet-soft);
  color: #5b21b6;
  border-color: #0000;
}

.da-pill-dot {
  background: currentColor;
  border-radius: 999px;
  width: 6px;
  height: 6px;
  animation: 1.6s ease-in-out infinite lh-pulse;
  box-shadow: 0 0 0 4px #0000000f;
}

.da-num {
  font-family: var(--lh-font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  color: var(--da-text);
  font-weight: 700;
}

.da-mono {
  font-family: var(--lh-font-mono);
  font-variant-numeric: tabular-nums;
}

.da-label {
  font-family: var(--lh-font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--da-text-mute);
  font-size: 10px;
}

.da-input {
  background: var(--da-surface-2);
  border: 1px solid var(--da-border);
  width: 100%;
  color: var(--da-text);
  font-family: var(--lh-font-body);
  border-radius: 12px;
  outline: none;
  padding: 9px 12px;
  font-size: 13px;
  transition: border-color .16s, box-shadow .16s;
}

.da-input::placeholder {
  color: var(--da-text-mute);
}

.da-input:focus {
  border-color: var(--da-accent);
  box-shadow: 0 0 0 3px #3b82f62e;
}

.da-table {
  border-collapse: collapse;
  width: 100%;
  color: var(--da-text);
  font-size: 13px;
}

.da-table thead th {
  text-align: left;
  font-family: var(--lh-font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--da-text-mute);
  border-bottom: 1px solid var(--da-border-soft);
  background: var(--da-surface-2);
  padding: 14px 18px;
  font-size: 10px;
}

.da-table tbody td {
  border-bottom: 1px solid var(--da-border-soft);
  vertical-align: middle;
  padding: 14px 18px;
}

.da-table tbody tr:nth-child(2n) {
  background: var(--da-surface-2);
}

.da-table tbody tr:hover {
  background: var(--da-accent-soft);
}

.da-table tbody tr:hover td {
  color: var(--da-text);
}

.da-grid-bg {
  background-image: linear-gradient(to right, #0f172a0a 1px, #0000 1px), linear-gradient(#0f172a0a 1px, #0000 1px);
  background-size: 56px 56px;
}

.da-donut {
  --da-donut-blue: 56;
  --da-donut-violet: 24;
  --da-donut-green: 14;
  --da-donut-amber: 6;
}

.da-glow {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.da-glow:before {
  content: "";
  filter: blur(60px);
  background: radial-gradient(circle, #3b82f61a, #0000 60%);
  width: 520px;
  height: 520px;
  position: absolute;
  top: -120px;
  left: 40%;
}

.dh-admin-root ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.dh-admin-root ::-webkit-scrollbar-thumb {
  background: var(--da-border);
  border-radius: 999px;
}

.dh-admin-root ::-webkit-scrollbar-thumb:hover {
  background: var(--da-text-mute);
}

html:not(.dark) .dh-admin-skin {
  --lv4-bg: #f4f7fb;
  --lv4-bg-elev: #fff;
  --lv4-card: #fff;
  --lv4-border: #e2e8f0;
  --lv4-border-soft: #edf1f7;
  --lv4-text: #0f172a;
  --lv4-text-muted: #64748b;
  --lv4-blue: #3b82f6;
  --lv4-blue-soft: #dbeafe;
  --lv4-grid: #0f172a0d;
  --lv4-btn: #0f172a;
  --lv4-btn-text: #fff;
  --dh-page: #f4f7fb;
  --dh-card: #fff;
  --dh-sidebar: #fff;
  --dh-topbar: #fff;
  --dh-input: #f8fafc;
  --dh-hover: #f1f5f9;
  --dh-active: #dbeafe;
  --dh-text: #0f172a;
  --dh-text-sub: #475569;
  --dh-text-muted: #64748b;
  --dh-border: #e2e8f0;
  --dh-border-focus: #3b82f6;
  --dh-accent: #3b82f6;
  --dh-accent-light: #dbeafe;
  --dh-accent-text: #1d4ed8;
  --dh-shadow: 0 1px 3px #0f172a0a, 0 1px 2px #0f172a08;
  --dh-shadow-md: 0 8px 24px #0f172a0f, 0 2px 6px #0f172a0a;
  background: radial-gradient(60% 60% at 50% -10%, #3b82f60f 0%, transparent 60%), var(--lv4-bg);
}

html:not(.dark) .dh-admin-skin .da-sidebar-root {
  border-radius: 28px;
  height: calc(100vh - 36px);
  margin: 18px 0 18px 18px;
  overflow: hidden;
  box-shadow: 0 24px 48px #0f172a14, 0 4px 14px #0f172a0a;
  background: var(--dh-card) !important;
  border-right: none !important;
}

html:not(.dark) .dh-admin-skin .da-sidebar-root > div:first-of-type {
  border-bottom-color: var(--lv4-border-soft) !important;
}

html:not(.dark) .dh-admin-skin .da-sidebar-root a[style*="border-left"] {
  border-left: none !important;
  border-radius: 12px !important;
  margin: 2px 8px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

html:not(.dark) .dh-admin-skin .da-sidebar-root a[style*="var(--lv4-bg-elev)"] {
  background: var(--dh-accent-light) !important;
  color: var(--dh-accent-text) !important;
  box-shadow: 0 4px 14px #3b82f62e, inset 0 0 0 1px #3b82f629 !important;
}

html:not(.dark) .dh-admin-skin .da-topbar-root {
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border-radius: 20px;
  margin: 18px 18px 0;
  padding: 0 18px;
  box-shadow: 0 4px 14px #0f172a0a;
  background: #ffffffb8 !important;
  border: 1px solid #e2e8f0b3 !important;
  height: 60px !important;
}

html:not(.dark) .dh-admin-skin main {
  padding: 22px 22px 28px !important;
}

html:not(.dark) .dh-admin-skin h1, html:not(.dark) .dh-admin-skin h2, html:not(.dark) .dh-admin-skin h3 {
  letter-spacing: -.018em;
  color: var(--lv4-text);
  font-family: var(--font-space-grotesk), "Space Grotesk", ui-sans-serif, system-ui, sans-serif !important;
}

html:not(.dark) .dh-admin-skin .dh-card, html:not(.dark) .dh-admin-skin .dh-card-md, html:not(.dark) .dh-admin-skin .lv4-card, html:not(.dark) .dh-admin-skin .lv4-card-lg, html:not(.dark) .dh-admin-skin .lv4-panel {
  transition: transform .2s, box-shadow .2s;
  background: var(--lv4-card) !important;
  border: 1px solid var(--lv4-border) !important;
  border-radius: 24px !important;
  box-shadow: 0 8px 24px #0f172a0f, 0 2px 6px #0f172a0a !important;
}

html:not(.dark) .dh-admin-skin .dh-card:hover, html:not(.dark) .dh-admin-skin .lv4-card:hover, html:not(.dark) .dh-admin-skin .lv4-card-lg:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px #0f172a14, 0 4px 10px #0f172a0d !important;
}

html:not(.dark) .dh-admin-skin .lv4-btn-primary {
  color: #fff !important;
  letter-spacing: .06em !important;
  background: linear-gradient(#3b82f6 0%, #2563eb 100%) !important;
  border-color: #2563eb99 !important;
  border-radius: 12px !important;
  padding: 11px 18px !important;
  font-size: 11px !important;
  box-shadow: 0 8px 18px #3b82f640, inset 0 1px #ffffff4d !important;
}

html:not(.dark) .dh-admin-skin .lv4-btn-primary:hover {
  filter: brightness(1.04);
  box-shadow: 0 12px 22px #3b82f652, inset 0 1px #ffffff4d !important;
}

html:not(.dark) .dh-admin-skin .lv4-btn-outline, html:not(.dark) .dh-admin-skin .lv4-btn-ghost {
  border: 1px solid var(--lv4-border) !important;
  border-radius: 12px !important;
}

html:not(.dark) .dh-admin-skin .lv4-pill {
  background: var(--dh-active) !important;
  color: var(--dh-accent-text) !important;
  letter-spacing: .1em !important;
  border: none !important;
  border-radius: 999px !important;
}

html:not(.dark) .dh-admin-skin .lv4-pill-info {
  background: var(--dh-accent-light) !important;
  color: var(--dh-accent-text) !important;
}

html:not(.dark) .dh-admin-skin .lv4-pill-success {
  color: #047857 !important;
  background: #d1fae5 !important;
}

html:not(.dark) .dh-admin-skin .lv4-pill-warn {
  color: #92400e !important;
  background: #fef3c7 !important;
}

html:not(.dark) .dh-admin-skin .lv4-pill-danger {
  color: #b91c1c !important;
  background: #fee2e2 !important;
}

html:not(.dark) .dh-admin-skin .lv4-table thead th, html:not(.dark) .dh-admin-skin table thead th {
  background: var(--lv4-bg) !important;
  color: var(--lv4-text-muted) !important;
  border-bottom: 1px solid var(--lv4-border) !important;
}

html:not(.dark) .dh-admin-skin .lv4-table tbody tr:nth-child(2n) td, html:not(.dark) .dh-admin-skin table tbody tr:nth-child(2n) td {
  background: var(--lv4-bg) !important;
}

html:not(.dark) .dh-admin-skin .lv4-table tbody tr:hover td, html:not(.dark) .dh-admin-skin table tbody tr:hover td {
  background: var(--dh-accent-light) !important;
}

html:not(.dark) .dh-admin-skin .lv4-table tbody td, html:not(.dark) .dh-admin-skin table tbody td {
  border-bottom: 1px solid var(--lv4-border-soft) !important;
}

html:not(.dark) .dh-admin-skin input:not([type="checkbox"]):not([type="radio"]), html:not(.dark) .dh-admin-skin select, html:not(.dark) .dh-admin-skin textarea, html:not(.dark) .dh-admin-skin .lv4-input {
  background: var(--dh-input) !important;
  border: 1px solid var(--lv4-border) !important;
  color: var(--lv4-text) !important;
  border-radius: 12px !important;
}

html:not(.dark) .dh-admin-skin input:focus, html:not(.dark) .dh-admin-skin select:focus, html:not(.dark) .dh-admin-skin textarea:focus, html:not(.dark) .dh-admin-skin .lv4-input:focus {
  border-color: var(--dh-accent) !important;
  box-shadow: 0 0 0 3px #3b82f62e !important;
}

html:not(.dark) .dh-admin-skin [role="dialog"] > div, html:not(.dark) .dh-admin-skin .lv4-drawer {
  background: var(--lv4-card) !important;
  border: 1px solid var(--lv4-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 60px #0f172a29, 0 8px 20px #0f172a14 !important;
}

html:not(.dark) .dh-admin-skin .bg-white, html:not(.dark) .dh-admin-skin .bg-slate-50, html:not(.dark) .dh-admin-skin .bg-slate-100 {
  background-color: var(--lv4-card) !important;
}

html:not(.dark) .dh-admin-skin ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html:not(.dark) .dh-admin-skin ::-webkit-scrollbar-thumb {
  background: var(--lv4-border);
  border-radius: 999px;
}

html:not(.dark) .dh-admin-skin ::-webkit-scrollbar-thumb:hover {
  background: var(--lv4-text-muted);
}

.dh-admin-skin {
  --bn-a1: #f97316;
  --bn-a1d: #c45c0a;
  --bn-a1g: #f9731621;
  --bn-a1s: #f9731659;
  --bn-tr: all .22s cubic-bezier(.4, 0, .2, 1);
  --bn-cyan: #22d3ee;
  --bn-ok: #22c55e;
  --bn-warn: #f59e0b;
  --bn-err: #ef4444;
  --bn-info: #3b82f6;
  --bn-font-display: var(--font-bebas-neue), "Bebas Neue", ui-sans-serif, system-ui, sans-serif;
  --bn-font-body: var(--font-manrope), "Manrope", ui-sans-serif, system-ui, sans-serif;
  --bn-font-mono: var(--font-jetbrains-mono), "JetBrains Mono", ui-monospace, "Fira Code", monospace;
}

.dh-admin-skin[data-accent="orange"] {
  --bn-a1: #f97316;
  --bn-a1d: #c45c0a;
  --bn-a1g: #f9731621;
  --bn-a1s: #f9731659;
}

.dh-admin-skin[data-accent="blue"] {
  --bn-a1: #3b82f6;
  --bn-a1d: #1d4ed8;
  --bn-a1g: #3b82f621;
  --bn-a1s: #3b82f659;
}

.dh-admin-skin[data-accent="violet"] {
  --bn-a1: #8b5cf6;
  --bn-a1d: #6d28d9;
  --bn-a1g: #8b5cf621;
  --bn-a1s: #8b5cf659;
}

.dh-admin-skin[data-accent="green"] {
  --bn-a1: #22c55e;
  --bn-a1d: #16a34a;
  --bn-a1g: #22c55e21;
  --bn-a1s: #22c55e59;
}

.dh-admin-skin[data-accent="rose"] {
  --bn-a1: #f43f5e;
  --bn-a1d: #be123c;
  --bn-a1g: #f43f5e21;
  --bn-a1s: #f43f5e59;
}

.dh-admin-skin[data-accent="cyan"] {
  --bn-a1: #22d3ee;
  --bn-a1d: #0891b2;
  --bn-a1g: #22d3ee21;
  --bn-a1s: #22d3ee59;
}

.dh-admin-skin, .dh-admin-skin[data-theme="light"] {
  --bn-bg: #eef2f7;
  --bn-bg2: #e4eaf1;
  --bn-bg3: #dae1ea;
  --bn-surf: #fff;
  --bn-surf2: #f8fafc;
  --bn-surf3: #f1f5f9;
  --bn-b0: #e2e8f0;
  --bn-b1: #cbd5e1;
  --bn-b2: #94a3b8;
  --bn-txt: #0f172a;
  --bn-txt2: #64748b;
  --bn-txt3: #94a3b8;
  --bn-row-hover: #00000005;
  --bn-shadow: 0 2px 10px #0f172a14;
  --bn-shadow-lg: 0 8px 30px #0f172a1f;
  --bn-overlay: #0f172a80;
  --lv4-bg: var(--bn-bg);
  --lv4-bg-elev: var(--bn-surf2);
  --lv4-card: var(--bn-surf);
  --lv4-border: var(--bn-b0);
  --lv4-border-soft: var(--bn-b0);
  --lv4-text: var(--bn-txt);
  --lv4-text-muted: var(--bn-txt2);
  --lv4-blue: var(--bn-a1);
  --lv4-blue-soft: var(--bn-a1g);
  --lv4-grid: #0f172a0d;
  --lv4-btn: var(--bn-txt);
  --lv4-btn-text: #fff;
  --dh-page: var(--bn-bg);
  --dh-card: var(--bn-surf);
  --dh-sidebar: var(--bn-surf);
  --dh-topbar: var(--bn-surf);
  --dh-input: var(--bn-surf2);
  --dh-hover: var(--bn-surf2);
  --dh-active: var(--bn-a1g);
  --dh-text: var(--bn-txt);
  --dh-text-sub: var(--bn-txt2);
  --dh-text-muted: var(--bn-txt3);
  --dh-border: var(--bn-b0);
  --dh-accent: var(--bn-a1);
  --dh-accent-light: var(--bn-a1g);
  --dh-accent-text: var(--bn-a1d);
  --dh-shadow: var(--bn-shadow);
  --dh-shadow-md: var(--bn-shadow-lg);
  background: radial-gradient(60% 60% at 50% -10%, var(--bn-a1g) 0%, transparent 60%), var(--bn-bg) !important;
}

.dh-admin-skin[data-theme="dark"] {
  --bn-bg: #06101e;
  --bn-bg2: #080e1c;
  --bn-bg3: #0a1628;
  --bn-surf: #0d1b30;
  --bn-surf2: #111f38;
  --bn-surf3: #162040;
  --bn-b0: #1a2f50;
  --bn-b1: #2a4570;
  --bn-b2: #3a5580;
  --bn-txt: #f0f6ff;
  --bn-txt2: #7a9cc4;
  --bn-txt3: #3e5a7a;
  --bn-row-hover: #ffffff06;
  --bn-shadow: 0 4px 20px #0006;
  --bn-shadow-lg: 0 12px 40px #0009;
  --bn-overlay: #000000b3;
}

.dh-admin-skin {
  font-family: var(--bn-font-body);
  color: var(--bn-txt);
}

.dh-admin-skin h1, .dh-admin-skin h2, .dh-admin-skin h3 {
  font-family: var(--bn-font-display);
  letter-spacing: .04em;
  color: var(--bn-txt);
}

.dh-admin-skin .mono, .dh-admin-skin .font-mono, .dh-admin-skin code, .dh-admin-skin pre, .dh-admin-skin kbd, .dh-admin-skin .lv4-h1, .dh-admin-skin .lv4-h2, .dh-admin-skin .lv4-h3, .dh-admin-skin .lv4-page-title, .dh-admin-skin .lv4-label, .dh-admin-skin .lv4-mono, .dh-admin-skin .lv4-numeric {
  font-family: var(--bn-font-mono);
}

.dh-admin-skin .da-sidebar-root {
  overflow: hidden;
  background: var(--bn-bg2) !important;
  border: 1px solid var(--bn-b0) !important;
  height: calc(100vh - 28px) !important;
  box-shadow: var(--bn-shadow-lg) !important;
  border-radius: 14px !important;
  margin: 14px 0 14px 14px !important;
}

.dh-admin-skin .da-sidebar-root a[style*="border-left"] {
  position: relative;
  font-family: var(--bn-font-body) !important;
  color: var(--bn-txt2) !important;
  transition: var(--bn-tr) !important;
  border-left: none !important;
  border-radius: 9px !important;
  margin: 1px 8px !important;
  padding: 8px 10px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
}

.dh-admin-skin .da-sidebar-root a[style*="var(--lv4-bg-elev)"] {
  background: var(--bn-a1g) !important;
  color: var(--bn-a1) !important;
  box-shadow: none !important;
}

.dh-admin-skin .da-sidebar-root a[style*="var(--lv4-bg-elev)"]:before {
  content: "";
  background: var(--bn-a1);
  border-radius: 0 2px 2px 0;
  width: 3px;
  position: absolute;
  top: 20%;
  bottom: 20%;
  left: 0;
}

.dh-admin-skin .da-sidebar-root a:hover {
  background: var(--bn-surf2) !important;
  color: var(--bn-txt) !important;
}

.dh-admin-skin .da-topbar-root {
  background: var(--bn-surf) !important;
  border: 1px solid var(--bn-b0) !important;
  -webkit-backdrop-filter: none !important;
  height: 56px !important;
  box-shadow: var(--bn-shadow) !important;
  border-radius: 14px !important;
  margin: 14px 14px 0 !important;
  padding: 0 16px !important;
}

.dh-admin-skin main {
  background: none !important;
  padding: 18px 14px 24px !important;
}

.dh-admin-skin .dh-card, .dh-admin-skin .dh-card-md, .dh-admin-skin .lv4-card, .dh-admin-skin .lv4-card-lg, .dh-admin-skin .lv4-panel, .dh-admin-skin .bg-white {
  color: var(--bn-txt);
  background: var(--bn-surf) !important;
  border: 1px solid var(--bn-b0) !important;
  box-shadow: var(--bn-shadow) !important;
  border-radius: 14px !important;
}

.dh-admin-skin .dh-card:hover, .dh-admin-skin .lv4-card:hover, .dh-admin-skin .lv4-card-lg:hover {
  border-color: var(--bn-b1) !important;
  box-shadow: var(--bn-shadow-lg) !important;
  transform: none !important;
}

.dh-admin-skin .lv4-page-title, .dh-admin-skin h1.lv4-page-title {
  letter-spacing: .05em !important;
  text-transform: none !important;
  color: var(--txt) !important;
  font-family: Bebas Neue, sans-serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}

.dh-admin-skin .lv4-subtitle {
  font-family: var(--bn-font-body) !important;
  color: var(--bn-txt2) !important;
  font-size: 13px !important;
}

.dh-admin-skin .lv4-btn-primary {
  background: var(--bn-a1) !important;
  border-color: var(--bn-a1) !important;
  color: #fff !important;
  font-family: var(--bn-font-body) !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  height: 36px !important;
  box-shadow: 0 3px 12px var(--bn-a1s) !important;
  transition: var(--bn-tr) !important;
  border-radius: 9px !important;
  padding: 0 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.dh-admin-skin .lv4-btn-primary:hover {
  transform: translateY(-1px);
  background: var(--bn-a1d) !important;
  box-shadow: 0 5px 16px var(--bn-a1s) !important;
}

.dh-admin-skin .lv4-btn-outline, .dh-admin-skin .lv4-btn-ghost {
  border: 1px solid var(--bn-b1) !important;
  color: var(--bn-txt2) !important;
  font-family: var(--bn-font-body) !important;
  text-transform: none !important;
  letter-spacing: .02em !important;
  height: 36px !important;
  transition: var(--bn-tr) !important;
  background: none !important;
  border-radius: 9px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.dh-admin-skin .lv4-btn-outline:hover, .dh-admin-skin .lv4-btn-ghost:hover {
  border-color: var(--bn-a1) !important;
  color: var(--bn-a1) !important;
  background: var(--bn-a1g) !important;
}

.dh-admin-skin .lv4-pill {
  font-family: var(--bn-font-mono) !important;
  background: var(--bn-surf2) !important;
  color: var(--bn-txt2) !important;
  border: 1px solid var(--bn-b0) !important;
  letter-spacing: .06em !important;
  border-radius: 999px !important;
  padding: 3px 9px !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
}

.dh-admin-skin .lv4-pill-info {
  background: var(--bn-a1g) !important;
  color: var(--bn-a1) !important;
  border-color: var(--bn-a1s) !important;
}

.dh-admin-skin .lv4-pill-success {
  color: #22c55e !important;
  background: #22c55e1a !important;
  border-color: #22c55e40 !important;
}

.dh-admin-skin .lv4-pill-warn {
  color: #f59e0b !important;
  background: #f59e0b1a !important;
  border-color: #f59e0b40 !important;
}

.dh-admin-skin .lv4-pill-danger {
  color: #ef4444 !important;
  background: #ef44441a !important;
  border-color: #ef444440 !important;
}

.dh-admin-skin table {
  border-collapse: collapse;
  background: var(--bn-surf);
  width: 100%;
}

.dh-admin-skin .lv4-table thead th, .dh-admin-skin table thead th {
  font-family: var(--bn-font-mono) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--bn-txt3) !important;
  background: var(--bn-surf2) !important;
  border-bottom: 1px solid var(--bn-b0) !important;
  padding: 11px 16px !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
}

.dh-admin-skin .lv4-table tbody tr, .dh-admin-skin table tbody tr {
  border-left: 3px solid #0000;
  animation: .35s both bn-row-in;
  border-bottom: 1px solid var(--bn-b0) !important;
  transition: background .15s, border-left-color .15s !important;
}

.dh-admin-skin .lv4-table tbody tr:hover td, .dh-admin-skin table tbody tr:hover td {
  background: var(--bn-row-hover) !important;
}

.dh-admin-skin .lv4-table tbody tr:hover, .dh-admin-skin table tbody tr:hover {
  border-left-color: var(--bn-a1) !important;
}

.dh-admin-skin .lv4-table tbody td, .dh-admin-skin table tbody td {
  font-family: var(--bn-font-body) !important;
  color: var(--bn-txt) !important;
  padding: 10px 16px !important;
  font-size: 12.5px !important;
}

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

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

.dh-admin-skin .lv4-table tbody tr:first-child {
  animation-delay: 40ms;
}

.dh-admin-skin .lv4-table tbody tr:nth-child(2) {
  animation-delay: 80ms;
}

.dh-admin-skin .lv4-table tbody tr:nth-child(3) {
  animation-delay: .12s;
}

.dh-admin-skin .lv4-table tbody tr:nth-child(4) {
  animation-delay: .16s;
}

.dh-admin-skin .lv4-table tbody tr:nth-child(5) {
  animation-delay: .2s;
}

.dh-admin-skin .lv4-table tbody tr:nth-child(6) {
  animation-delay: .24s;
}

.dh-admin-skin .lv4-table tbody tr:nth-child(7) {
  animation-delay: .28s;
}

.dh-admin-skin .lv4-table tbody tr:nth-child(8) {
  animation-delay: .32s;
}

.dh-admin-skin .lv4-table tbody tr:nth-child(9) {
  animation-delay: .36s;
}

.dh-admin-skin .lv4-table tbody tr:nth-child(10) {
  animation-delay: .4s;
}

.dh-admin-skin input:not([type="checkbox"]):not([type="radio"]), .dh-admin-skin select, .dh-admin-skin textarea, .dh-admin-skin .lv4-input {
  background: var(--bn-surf2) !important;
  border: 1px solid var(--bn-b0) !important;
  color: var(--bn-txt) !important;
  font-family: var(--bn-font-body) !important;
  height: 36px !important;
  transition: var(--bn-tr) !important;
  border-radius: 9px !important;
  padding: 0 12px !important;
  font-size: 12.5px !important;
}

.dh-admin-skin input:focus, .dh-admin-skin select:focus, .dh-admin-skin textarea:focus, .dh-admin-skin .lv4-input:focus {
  border-color: var(--bn-a1) !important;
  box-shadow: 0 0 0 3px var(--bn-a1g) !important;
}

.dh-admin-skin input::-moz-placeholder {
  color: var(--bn-txt3) !important;
}

.dh-admin-skin textarea::-moz-placeholder {
  color: var(--bn-txt3) !important;
}

.dh-admin-skin input::placeholder, .dh-admin-skin textarea::placeholder {
  color: var(--bn-txt3) !important;
}

.dh-admin-skin .tb-search, .dh-admin-skin .filter-search {
  max-width: 480px;
  transition: var(--bn-tr);
  flex: 1;
  align-items: center;
  gap: 8px;
  display: flex;
  background: var(--bn-surf2) !important;
  border: 1px solid var(--bn-b0) !important;
  height: 36px !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  padding: 0 12px !important;
}

.dh-admin-skin .tb-search:focus-within, .dh-admin-skin .filter-search:focus-within {
  border-color: var(--bn-a1) !important;
  box-shadow: 0 0 0 3px var(--bn-a1g) !important;
}

.dh-admin-skin .tb-search > svg, .dh-admin-skin .filter-search > svg {
  stroke: var(--bn-txt3);
  fill: none;
  stroke-width: 1.8px;
  stroke-linecap: round;
  flex-shrink: 0;
  width: 14px !important;
  height: 14px !important;
}

.dh-admin-skin .tb-search > input, .dh-admin-skin .filter-search > input, .dh-admin-skin .tb-search input[type="text"], .dh-admin-skin .tb-search input[type="search"], .dh-admin-skin .filter-search input[type="text"], .dh-admin-skin .filter-search input[type="search"] {
  letter-spacing: .04em;
  text-transform: none;
  flex: 1;
  box-shadow: none !important;
  height: auto !important;
  font-family: var(--bn-font-body) !important;
  color: var(--bn-txt) !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  outline: none !important;
  padding: 0 !important;
  font-size: 12px !important;
}

.dh-admin-skin .tb-search > input:focus, .dh-admin-skin .filter-search > input:focus {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.dh-admin-skin .tb-search > input::-moz-placeholder {
  letter-spacing: .04em;
  color: var(--bn-txt3) !important;
}

.dh-admin-skin .filter-search > input::-moz-placeholder {
  letter-spacing: .04em;
  color: var(--bn-txt3) !important;
}

.dh-admin-skin .tb-search > input::placeholder, .dh-admin-skin .filter-search > input::placeholder {
  letter-spacing: .04em;
  color: var(--bn-txt3) !important;
}

.dh-admin-skin .tb-search > div:last-child {
  background: var(--bn-surf3);
  border: 1px solid var(--bn-b0);
  border-radius: 4px;
  flex-shrink: 0;
  padding: 1px 5px;
  font-family: var(--bn-font-mono) !important;
  color: var(--bn-txt3) !important;
  font-size: 10px !important;
  position: static !important;
  transform: none !important;
}

.dh-admin-skin [role="dialog"], .dh-admin-skin [role="dialog"] > div, .dh-admin-skin .lv4-drawer, .dh-admin-skin [data-state="open"][class*="fixed"][class*="right-0"], .dh-admin-skin [class*="DrawerContent"], .dh-admin-skin [class*="SheetContent"], .dh-admin-skin [class*="DialogContent"] {
  background-color: var(--bn-surf) !important;
  border-color: var(--bn-b0) !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 24px 64px #0000008c !important;
}

.dh-admin-skin [role="dialog"] > div {
  border: 1px solid var(--bn-b0) !important;
  border-radius: 16px !important;
}

.dh-admin-skin .lv4-drawer-header {
  background-color: var(--bn-surf2) !important;
  border-bottom: 1px solid var(--bn-b0) !important;
  font-family: var(--bn-font-display) !important;
}

.dh-admin-skin [class*="bg-white/"], .dh-admin-skin [class*="bg-slate-900/"], .dh-admin-skin [class*="bg-slate-800/"], .dh-admin-skin [class*="bg-zinc-900/"], .dh-admin-skin [class*="bg-zinc-800/"], .dh-admin-skin [class*="bg-gray-900/"], .dh-admin-skin [class*="bg-gray-800/"] {
  background-color: var(--bn-surf) !important;
}

.dh-admin-skin [class*="bg-slate-50/"], .dh-admin-skin [class*="bg-slate-100/"], .dh-admin-skin [class*="bg-zinc-50/"], .dh-admin-skin [class*="bg-zinc-100/"], .dh-admin-skin [role="dialog"] [class*="bg-slate-"], .dh-admin-skin [role="dialog"] [class*="bg-zinc-"], .dh-admin-skin [role="dialog"] [class*="bg-gray-"], .dh-admin-skin [class*="DialogContent"] [class*="bg-slate-"], .dh-admin-skin [class*="SheetContent"] [class*="bg-slate-"], .dh-admin-skin [class*="DrawerContent"] [class*="bg-slate-"] {
  background-color: var(--bn-surf2) !important;
}

.dh-admin-skin [data-state="open"][class*="bg-black/"], .dh-admin-skin [class*="DialogOverlay"], .dh-admin-skin [class*="SheetOverlay"], .dh-admin-skin [class*="DrawerOverlay"], .dh-admin-skin .fixed.inset-0[class*="bg-black"] {
  -webkit-backdrop-filter: blur(4px) !important;
  background-color: #06101eb8 !important;
}

.dh-admin-skin .da-topbar-root {
  position: relative;
  z-index: 15 !important;
}

.dh-admin-skin [role="dialog"], .dh-admin-skin [class*="DialogContent"], .dh-admin-skin [class*="SheetContent"], .dh-admin-skin [class*="DrawerContent"] {
  z-index: 100 !important;
}

.dh-admin-skin [class*="DialogOverlay"], .dh-admin-skin [class*="SheetOverlay"], .dh-admin-skin [class*="DrawerOverlay"], .dh-admin-skin .fixed.inset-0[class*="bg-black"] {
  z-index: 90 !important;
}

.dh-admin-skin .bn-settings-pop, .dh-admin-skin .dropdown-menu.open {
  z-index: 200 !important;
}

.dh-admin-skin .lv4-numeric {
  font-family: var(--bn-font-mono) !important;
  color: var(--bn-txt) !important;
  font-weight: 600 !important;
}

.dh-admin-skin .da-sidebar-root span.uppercase[style*="letter-spacing"] {
  font-family: var(--bn-font-display) !important;
  letter-spacing: .08em !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.dh-admin-skin [data-sonner-toast] {
  background: var(--bn-surf2) !important;
  color: var(--bn-txt) !important;
  border: 1px solid var(--bn-b0) !important;
  border-radius: 12px !important;
}

.dh-admin-skin ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.dh-admin-skin ::-webkit-scrollbar-thumb {
  background: var(--bn-b0);
  border-radius: 3px;
}

.dh-admin-skin ::-webkit-scrollbar-thumb:hover {
  background: var(--bn-a1);
}

.dh-admin-skin {
  background: var(--bn-bg) !important;
}

.dh-admin-skin .bg-blue-50, .dh-admin-skin .bg-blue-100, .dh-admin-skin [class*="bg-blue-500/10"], .dh-admin-skin [class*="bg-blue-900/30"], .dh-admin-skin .bg-violet-50, .dh-admin-skin .bg-violet-100, .dh-admin-skin .bg-purple-50, .dh-admin-skin .bg-purple-100, .dh-admin-skin .bg-indigo-50, .dh-admin-skin .bg-indigo-100 {
  background-color: var(--bn-a1g) !important;
}

.dh-admin-skin .bg-violet-500, .dh-admin-skin .bg-violet-600, .dh-admin-skin .bg-violet-700, .dh-admin-skin .bg-purple-500, .dh-admin-skin .bg-purple-600, .dh-admin-skin .bg-purple-700, .dh-admin-skin .bg-indigo-500, .dh-admin-skin .bg-indigo-600, .dh-admin-skin .bg-indigo-700 {
  background-color: var(--bn-a1) !important;
  color: #fff !important;
}

.dh-admin-skin .hover\:bg-violet-700:hover, .dh-admin-skin .hover\:bg-purple-700:hover, .dh-admin-skin .hover\:bg-indigo-700:hover {
  background-color: var(--bn-a1d) !important;
}

.dh-admin-skin .bg-emerald-50, .dh-admin-skin .bg-emerald-100, .dh-admin-skin .bg-green-50, .dh-admin-skin .bg-green-100, .dh-admin-skin [class*="bg-emerald-500/15"], .dh-admin-skin [class*="bg-emerald-500/10"] {
  background-color: #22c55e1f !important;
}

.dh-admin-skin .text-emerald-400, .dh-admin-skin .text-emerald-500, .dh-admin-skin .text-emerald-600, .dh-admin-skin .text-green-500, .dh-admin-skin .text-green-600 {
  color: #22c55e !important;
}

.dh-admin-skin .bg-red-50, .dh-admin-skin .bg-red-100, .dh-admin-skin [class*="bg-red-500/15"], .dh-admin-skin [class*="bg-red-500/10"] {
  background-color: #ef44441f !important;
}

.dh-admin-skin .text-red-400, .dh-admin-skin .text-red-500, .dh-admin-skin .text-red-600 {
  color: var(--bn-err) !important;
}

.dh-admin-skin .bg-amber-50, .dh-admin-skin .bg-amber-100, .dh-admin-skin [class*="bg-amber-500/15"], .dh-admin-skin [class*="bg-amber-500/10"] {
  background-color: #f59e0b1f !important;
}

.dh-admin-skin .text-amber-400, .dh-admin-skin .text-amber-500, .dh-admin-skin .text-amber-600 {
  color: var(--bn-warn) !important;
}

.dh-admin-skin .bg-sky-50, .dh-admin-skin .bg-sky-100, .dh-admin-skin [class*="bg-sky-500/15"], .dh-admin-skin [class*="bg-sky-500/10"] {
  background-color: #22d3ee1f !important;
}

.dh-admin-skin .text-sky-400, .dh-admin-skin .text-sky-500, .dh-admin-skin .text-sky-600 {
  color: var(--bn-cyan) !important;
}

.dh-admin-skin .bg-slate-50, .dh-admin-skin .bg-slate-100 {
  background-color: var(--bn-surf2) !important;
}

.dh-admin-skin .bg-slate-200 {
  background-color: var(--bn-b0) !important;
}

.dh-admin-skin .bg-slate-700, .dh-admin-skin .bg-slate-800, .dh-admin-skin .bg-slate-900 {
  background-color: var(--bn-surf) !important;
}

.dh-admin-skin .text-slate-300, .dh-admin-skin .text-slate-400, .dh-admin-skin .text-slate-500 {
  color: var(--bn-txt3) !important;
}

.dh-admin-skin .text-slate-600, .dh-admin-skin .text-slate-700 {
  color: var(--bn-txt2) !important;
}

.dh-admin-skin .text-slate-800, .dh-admin-skin .text-slate-900, .dh-admin-skin .text-slate-100 {
  color: var(--bn-txt) !important;
}

.dh-admin-skin .border-slate-100, .dh-admin-skin .border-slate-200, .dh-admin-skin .border-slate-300, .dh-admin-skin .border-slate-700, .dh-admin-skin .border-slate-800, .dh-admin-skin .divide-slate-50 > * + *, .dh-admin-skin .divide-slate-100 > * + *, .dh-admin-skin .divide-slate-200 > * + *, .dh-admin-skin .divide-slate-800 > * + * {
  border-color: var(--bn-b0) !important;
}

.dh-admin-skin .shadow-sm, .dh-admin-skin .shadow, .dh-admin-skin .shadow-md, .dh-admin-skin .shadow-lg {
  box-shadow: var(--bn-shadow) !important;
}

.dh-admin-skin .shadow-xl, .dh-admin-skin .shadow-2xl {
  box-shadow: var(--bn-shadow-lg) !important;
}

.dh-admin-skin .rounded-xl {
  border-radius: 14px !important;
}

.dh-admin-skin .rounded-2xl {
  border-radius: 16px !important;
}

.dh-admin-skin .ring-violet-500, .dh-admin-skin .ring-purple-500, .dh-admin-skin .ring-indigo-500, .dh-admin-skin .ring-emerald-500 {
  --tw-ring-color: var(--bn-a1) !important;
}

.dh-admin-skin .bg-blue-500, .dh-admin-skin .bg-blue-600, .dh-admin-skin .bg-blue-700, .dh-admin-skin .bg-brand-500, .dh-admin-skin .bg-brand-600, .dh-admin-skin .bg-brand-700 {
  background-color: var(--bn-a1) !important;
  color: #fff !important;
}

.dh-admin-skin .text-blue-300, .dh-admin-skin .text-blue-600, .dh-admin-skin .text-blue-700, .dh-admin-skin .text-blue-800, .dh-admin-skin .text-brand-600, .dh-admin-skin .text-brand-700 {
  color: var(--bn-a1) !important;
}

.dh-admin-skin .border-blue-200, .dh-admin-skin .border-blue-500\/30, .dh-admin-skin .border-brand-500 {
  border-color: var(--bn-a1s) !important;
}

.dh-admin-skin [class*="bg-gradient-to"][class*="from-blue"], .dh-admin-skin [class*="bg-gradient-to"][class*="from-brand"], .dh-admin-skin [class*="bg-gradient-to"][class*="from-indigo"] {
  background-image: linear-gradient(135deg, var(--bn-a1), var(--bn-a1d)) !important;
  background-color: var(--bn-a1) !important;
}

.dh-admin-skin button[class*="bg-blue"], .dh-admin-skin button[class*="bg-brand"], .dh-admin-skin a[class*="bg-blue"][class*="text-white"] {
  background: var(--bn-a1) !important;
  border-color: var(--bn-a1) !important;
  box-shadow: 0 3px 12px var(--bn-a1s) !important;
}

.dh-admin-skin button[class*="bg-blue"]:hover, .dh-admin-skin button[class*="bg-brand"]:hover {
  background: var(--bn-a1d) !important;
}

.dh-admin-skin .bg-sky-500 {
  background-color: var(--bn-cyan) !important;
}

.dh-admin-skin .bg-emerald-500 {
  background-color: var(--bn-ok) !important;
}

.dh-admin-skin .bg-amber-500 {
  background-color: var(--bn-warn) !important;
}

.dh-admin-skin .bg-red-500 {
  background-color: var(--bn-err) !important;
}

.dh-admin-skin .ring-blue-500, .dh-admin-skin .ring-brand-500 {
  --tw-ring-color: var(--bn-a1) !important;
}

.dh-admin-skin .focus\:ring-blue-500:focus, .dh-admin-skin .focus\:ring-brand-500:focus {
  --tw-ring-color: var(--bn-a1) !important;
  box-shadow: 0 0 0 3px var(--bn-a1g) !important;
}

@media (max-width: 1279px) {
  .dh-admin-skin main > div[class*="grid-cols-"][class*="lg:grid-cols-3"], .dh-admin-skin main > div[class*="grid"][class*="xl:grid-cols-"] {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 1023px) {
  .dh-admin-skin .da-sidebar-root {
    width: 64px !important;
    height: calc(100vh - 20px) !important;
    margin: 10px 0 10px 10px !important;
  }

  .dh-admin-skin .da-sidebar-root a[style*="border-left"] {
    justify-content: center !important;
    gap: 0 !important;
    padding: 8px !important;
  }

  .dh-admin-skin .da-sidebar-root a span:not(:first-child), .dh-admin-skin .da-sidebar-root .sb-section, .dh-admin-skin .da-sidebar-root span.uppercase[style*="letter-spacing"], .dh-admin-skin .da-sidebar-root .sb-user-info {
    display: none !important;
  }

  .dh-admin-skin .da-topbar-root {
    margin: 10px 10px 0 !important;
    padding: 0 12px !important;
  }

  .dh-admin-skin main {
    padding: 14px 10px 20px !important;
  }
}

@media (max-width: 767px) {
  .dh-admin-skin .da-sidebar-root {
    z-index: 100;
    width: 220px !important;
    transition: left .25s !important;
    position: fixed !important;
    left: -100% !important;
  }

  .dh-admin-skin .da-sidebar-root.is-open {
    left: 0 !important;
  }

  .dh-admin-skin .da-topbar-root {
    height: 50px !important;
    margin: 8px !important;
  }

  .dh-admin-skin main {
    padding: 12px 10px 18px !important;
  }

  .dh-admin-skin .grid.grid-cols-2, .dh-admin-skin .grid[class*="md:grid-cols-3"], .dh-admin-skin .grid[class*="md:grid-cols-4"], .dh-admin-skin .grid[class*="md:grid-cols-6"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .dh-admin-skin .lv4-page-title, .dh-admin-skin h1.lv4-page-title {
    font-size: 28px !important;
  }

  .dh-admin-skin .lv4-card table, .dh-admin-skin .dh-card table, .dh-admin-skin table {
    white-space: nowrap;
    display: block;
    overflow-x: auto;
  }
}

@media (max-width: 479px) {
  .dh-admin-skin .grid.grid-cols-2, .dh-admin-skin .grid[class*="md:grid-cols-"] {
    grid-template-columns: 1fr !important;
  }

  .dh-admin-skin .lv4-page-title, .dh-admin-skin h1.lv4-page-title {
    font-size: 24px !important;
  }
}

.dh-admin-skin .da-sidebar-root {
  background: var(--bn-bg2) !important;
  border: 1px solid var(--bn-b0) !important;
  border-radius: 14px !important;
}

.dh-admin-skin [style*="var(--lv4-blue-soft)"][style*="var(--lv4-blue)"]:not(button) {
  color: #22c55e !important;
  background: #22c55e1a !important;
  border: 1px solid #22c55e40 !important;
}

.dh-admin-skin {
  --bg: var(--bn-bg);
  --bg2: var(--bn-bg2);
  --bg3: var(--bn-bg3);
  --surf: var(--bn-surf);
  --surf2: var(--bn-surf2);
  --surf3: var(--bn-surf3);
  --b0: var(--bn-b0);
  --b1: var(--bn-b1);
  --b2: var(--bn-b2);
  --txt: var(--bn-txt);
  --txt2: var(--bn-txt2);
  --txt3: var(--bn-txt3);
  --a1: var(--bn-a1);
  --a1d: var(--bn-a1d);
  --a1g: var(--bn-a1g);
  --a1s: var(--bn-a1s);
  --cyan: var(--bn-cyan);
  --ok: var(--bn-ok);
  --warn: var(--bn-warn);
  --err: var(--bn-err);
  --info: var(--bn-info);
  --shadow: var(--bn-shadow);
  --shadow-lg: var(--bn-shadow-lg);
  --row-hover: var(--bn-row-hover);
  --overlay: var(--bn-overlay);
  --tr: all .22s cubic-bezier(.4, 0, .2, 1);
  --modal-bg: var(--bn-surf);
  --modal-border: var(--bn-b0);
  --modal-header-bg: var(--bn-surf2);
  --modal-radius: 16px;
  --modal-shadow: 0 24px 64px #0000008c;
  --input-bg: var(--bn-surf2);
  --input-border: var(--bn-b0);
  --dropdown-bg: var(--bn-surf);
  --dropdown-item-hover: var(--bn-surf2);
}

.dh-admin-skin .accordion {
  border: 1px solid var(--bn-b0);
  background: var(--bn-surf);
  box-shadow: var(--bn-shadow);
  border-radius: 12px;
  overflow: hidden;
}

.dh-admin-skin .accordion-item {
  border-bottom: 1px solid var(--bn-b0);
}

.dh-admin-skin .accordion-item:last-child {
  border-bottom: none;
}

.dh-admin-skin .accordion-header {
  cursor: pointer;
  background: var(--bn-surf);
  transition: var(--tr);
  color: var(--bn-txt);
  font-size: 13px;
  font-weight: 600;
  font-family: var(--bn-font-body);
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  display: flex;
}

.dh-admin-skin .accordion-header:hover {
  background: var(--bn-surf2);
}

.dh-admin-skin .accordion-header svg {
  width: 14px;
  height: 14px;
  stroke: var(--bn-txt3);
  fill: none;
  stroke-width: 2px;
  transition: transform .3s;
}

.dh-admin-skin .accordion-item.active .accordion-header svg {
  stroke: var(--bn-a1);
  transform: rotate(180deg);
}

.dh-admin-skin .accordion-content {
  background: var(--bn-surf2);
  max-height: 0;
  transition: max-height .3s;
  overflow: hidden;
}

.dh-admin-skin .accordion-item.active .accordion-content {
  max-height: 400px;
}

.dh-admin-skin .accordion-content-inner {
  color: var(--bn-txt2);
  border-top: 1px solid var(--bn-b0);
  padding: 16px 20px;
  font-size: 12.5px;
  line-height: 1.6;
}

.dh-admin-skin .alert {
  border-radius: 10px;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
  padding: 14px 16px;
  display: flex;
}

.dh-admin-skin .alert-info {
  background: var(--bn-a1g);
  border: 1px solid var(--bn-a1s);
}

.dh-admin-skin .alert-info .alert-icon {
  color: var(--bn-a1);
}

.dh-admin-skin .alert-success {
  background: #22c55e1a;
  border: 1px solid #22c55e40;
}

.dh-admin-skin .alert-success .alert-icon {
  color: #22c55e;
}

.dh-admin-skin .alert-warn {
  background: #f59e0b1a;
  border: 1px solid #f59e0b40;
}

.dh-admin-skin .alert-warn .alert-icon {
  color: #f59e0b;
}

.dh-admin-skin .alert-err {
  background: #ef44441a;
  border: 1px solid #ef444440;
}

.dh-admin-skin .alert-err .alert-icon {
  color: var(--bn-err);
}

.dh-admin-skin .alert-icon svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  width: 18px;
  height: 18px;
}

.dh-admin-skin .alert-body {
  flex: 1;
}

.dh-admin-skin .alert-title {
  color: var(--bn-txt);
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 700;
}

.dh-admin-skin .alert-desc {
  color: var(--bn-txt2);
  font-size: 12px;
  line-height: 1.4;
}

.dh-admin-skin .card {
  background: var(--bn-surf);
  border: 1px solid var(--bn-b0);
  box-shadow: var(--bn-shadow);
  transition: var(--tr);
  border-radius: 16px;
  overflow: hidden;
}

.dh-admin-skin .card:hover {
  box-shadow: var(--bn-shadow-lg);
  border-color: var(--bn-a1s);
  transform: translateY(-3px);
}

.dh-admin-skin .card-header {
  border-bottom: 1px solid var(--bn-b0);
  color: var(--bn-txt);
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  font-weight: 700;
  display: flex;
}

.dh-admin-skin .card-body {
  color: var(--bn-txt2);
  padding: 20px;
  font-size: 13px;
  line-height: 1.5;
}

.dh-admin-skin .card-footer {
  border-top: 1px solid var(--bn-b0);
  background: var(--bn-surf2);
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
  display: flex;
}

.dh-admin-skin .tabs {
  border-bottom: 1px solid var(--bn-b0);
  gap: 20px;
  margin-bottom: 20px;
  display: flex;
}

.dh-admin-skin .tab {
  color: var(--bn-txt3);
  cursor: pointer;
  transition: var(--tr);
  font-size: 13px;
  font-weight: 600;
  font-family: var(--bn-font-body);
  border-bottom: 2px solid #0000;
  padding: 10px 4px;
}

.dh-admin-skin .tab:hover {
  color: var(--bn-txt);
}

.dh-admin-skin .tab.active {
  color: var(--bn-a1);
  border-bottom-color: var(--bn-a1);
}

.dh-admin-skin .tab-content {
  color: var(--bn-txt2);
  font-size: 13px;
  line-height: 1.5;
  display: none;
}

.dh-admin-skin .tab-content.active {
  animation: .3s bn-fade;
  display: block;
}

@keyframes bn-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.dh-admin-skin .dropdown-wrap {
  display: inline-block;
  position: relative;
}

.dh-admin-skin .dropdown-menu {
  background: var(--bn-surf);
  border: 1px solid var(--bn-b0);
  opacity: 0;
  visibility: hidden;
  min-width: 200px;
  transition: var(--tr);
  z-index: 100;
  border-radius: 10px;
  margin-top: 8px;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(-10px);
  box-shadow: 0 24px 64px #0000002e;
}

.dh-admin-skin .dropdown-menu.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dh-admin-skin .dropdown-item {
  color: var(--bn-txt);
  cursor: pointer;
  transition: var(--tr);
  font-size: 12.5px;
  font-family: var(--bn-font-body);
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  display: flex;
}

.dh-admin-skin .dropdown-item:hover {
  background: var(--bn-surf2);
  color: var(--bn-a1);
}

.dh-admin-skin .dropdown-item svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 2px;
  width: 14px;
  height: 14px;
}

.dh-admin-skin .dropdown-divider {
  background: var(--bn-b0);
  height: 1px;
  margin: 4px 0;
}

.dh-admin-skin .spinner {
  border: 2.5px solid var(--bn-b1);
  border-top-color: var(--bn-a1);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: .8s linear infinite bn-spin;
}

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

.dh-admin-skin .status-badge {
  font-family: var(--bn-font-mono);
  letter-spacing: .06em;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-size: 9.5px;
  font-weight: 600;
  display: inline-flex;
}

.dh-admin-skin .s-avail {
  color: #22c55e;
  background: #22c55e1a;
  border: 1px solid #22c55e40;
}

.dh-admin-skin .s-unavl {
  color: #f97316;
  background: #f973161a;
  border: 1px solid #f9731640;
}

.dh-admin-skin .s-ontrip {
  color: #22d3ee;
  background: #22d3ee1a;
  border: 1px solid #22d3ee40;
}

.dh-admin-skin .s-offduty {
  color: #94a3b8;
  background: #94a3b81a;
  border: 1px solid #94a3b833;
}

.dh-admin-skin .status-dot {
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.dh-admin-skin .s-avail .status-dot {
  background: #22c55e;
  animation: 2.5s infinite bn-sdot;
}

.dh-admin-skin .s-ontrip .status-dot {
  background: #22d3ee;
  animation: 2s infinite bn-sdot;
}

@keyframes bn-sdot {
  0%, 100% {
    box-shadow: 0 0;
  }

  50% {
    box-shadow: 0 0 0 3px #0000;
  }
}

.dh-admin-skin .live-pill {
  background: #22c55e14;
  border: 1px solid #22c55e33;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  display: inline-flex;
}

.dh-admin-skin .live-dot {
  background: #22c55e;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 2s ease-in-out infinite bn-pulse-live;
}

@keyframes bn-pulse-live {
  0%, 100% {
    box-shadow: 0 0 #22c55e66;
  }

  50% {
    box-shadow: 0 0 0 4px #22c55e00;
  }
}

.dh-admin-skin .live-txt {
  font-family: var(--bn-font-mono);
  color: #22c55e;
  letter-spacing: .06em;
  font-size: 9px;
  font-weight: 600;
}

.dh-admin-skin .icon-btn {
  background: var(--bn-surf2);
  border: 1px solid var(--bn-b0);
  cursor: pointer;
  width: 36px;
  height: 36px;
  transition: var(--tr);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.dh-admin-skin .icon-btn:hover {
  background: var(--bn-surf3);
  border-color: var(--bn-a1);
  transform: translateY(-1px);
}

.dh-admin-skin .icon-btn:hover svg {
  stroke: var(--bn-a1);
}

.dh-admin-skin .icon-btn svg {
  width: 16px;
  height: 16px;
  stroke: var(--bn-txt2);
  fill: none;
  stroke-width: 1.7px;
  stroke-linecap: round;
  transition: stroke .18s;
}

.dh-admin-skin .icon-btn .badge {
  background: var(--bn-err);
  border: 1.5px solid var(--bn-surf);
  min-width: 17px;
  height: 17px;
  font-family: var(--bn-font-mono);
  color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 3px;
  font-size: 8px;
  font-weight: 600;
  display: inline-flex;
  position: absolute;
  top: -4px;
  right: -4px;
}

.dh-admin-skin .toggle-switch {
  background: var(--bn-b1);
  cursor: pointer;
  border: none;
  border-radius: 999px;
  flex-shrink: 0;
  width: 40px;
  height: 22px;
  transition: background .22s;
  position: relative;
}

.dh-admin-skin .toggle-switch.on {
  background: var(--bn-a1);
}

.dh-admin-skin .toggle-switch:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: transform .22s cubic-bezier(.34, 1.56, .64, 1);
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 1px 4px #00000040;
}

.dh-admin-skin .toggle-switch.on:after {
  transform: translateX(18px);
}

.dh-admin-skin .btn-primary {
  background: var(--bn-a1);
  color: #fff;
  height: 36px;
  transition: var(--tr);
  box-shadow: 0 3px 12px var(--bn-a1s);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  font-family: var(--bn-font-body);
  cursor: pointer;
  border: none;
  border-radius: 9px;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  display: inline-flex;
}

.dh-admin-skin .btn-primary:hover {
  background: var(--bn-a1d);
  box-shadow: 0 5px 16px var(--bn-a1s);
  transform: translateY(-1px);
}

.dh-admin-skin .btn-ghost {
  border: 1px solid var(--bn-b1);
  height: 36px;
  color: var(--bn-txt2);
  transition: var(--tr);
  white-space: nowrap;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  font-family: var(--bn-font-body);
  background: none;
  border-radius: 9px;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  display: inline-flex;
}

.dh-admin-skin .btn-ghost:hover {
  border-color: var(--bn-a1);
  color: var(--bn-a1);
  background: var(--bn-a1g);
  transform: translateY(-1px);
}

.dh-admin-skin .btn-danger {
  background: var(--bn-err);
  color: #fff;
  cursor: pointer;
  height: 36px;
  transition: var(--tr);
  border: none;
  border-radius: 9px;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.dh-admin-skin .btn-danger:hover {
  background: #dc2626;
  transform: translateY(-1px);
}

.dh-admin-skin .btn-cancel {
  border: 1px solid var(--bn-b1);
  height: 36px;
  color: var(--bn-txt2);
  cursor: pointer;
  transition: var(--tr);
  font-size: 12px;
  font-weight: 600;
  font-family: var(--bn-font-body);
  background: none;
  border-radius: 9px;
  padding: 0 14px;
}

.dh-admin-skin .btn-cancel:hover {
  border-color: var(--bn-b2);
  color: var(--bn-txt);
  background: var(--bn-surf2);
}

.dh-admin-skin .bn-settings-pop {
  background: var(--bn-surf);
  border: 1px solid var(--bn-b0);
  z-index: 9999;
  box-sizing: border-box;
  border-radius: 16px;
  width: 220px;
  padding: 16px;
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  overflow: visible;
  box-shadow: 0 10px 30px #0000001f;
}

.dh-admin-skin .bn-settings-pop .settings-section-title {
  font-family: var(--bn-font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--bn-txt3);
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 9px;
  font-weight: 600;
  display: flex;
}

.dh-admin-skin .bn-settings-pop .settings-section-title:after {
  content: "";
  background: var(--bn-b0);
  flex: 1;
  height: 1px;
}

.dh-admin-skin .bn-settings-pop .settings-section {
  margin-bottom: 18px;
}

.dh-admin-skin .bn-settings-pop .settings-section:last-child {
  margin-bottom: 0;
}

.dh-admin-skin .bn-settings-pop .accent-grid {
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
  display: grid;
}

.dh-admin-skin .bn-settings-pop .accent-swatch {
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  height: 32px;
  transition: all .2s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
}

.dh-admin-skin .bn-settings-pop .accent-swatch:hover {
  transform: scale(1.08);
}

.dh-admin-skin .bn-settings-pop .accent-swatch.selected {
  box-shadow: 0 0 0 3px var(--bn-a1);
  border-color: #fff;
}

.dh-admin-skin .bn-settings-pop .accent-swatch svg {
  stroke: #fff;
  fill: none;
  stroke-width: 3px;
  stroke-linecap: round;
  opacity: 0;
  width: 12px;
  height: 12px;
}

.dh-admin-skin .bn-settings-pop .accent-swatch.selected svg {
  opacity: 1;
}

.dh-admin-skin .bn-settings-pop .theme-cards {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.dh-admin-skin .bn-settings-pop .theme-card {
  cursor: pointer;
  width: 72px;
  height: 110px;
  transition: var(--tr);
  background: var(--bn-surf2);
  box-sizing: border-box;
  border: 2px solid #0000;
  border-radius: 16px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: flex;
}

.dh-admin-skin .bn-settings-pop .theme-card.selected {
  border-color: var(--bn-a1);
}

.dh-admin-skin .bn-settings-pop .theme-card-preview {
  box-sizing: border-box;
  border-radius: 6px;
  gap: 4px;
  width: 100%;
  height: 48px;
  padding: 6px;
  display: flex;
  overflow: hidden;
}

.dh-admin-skin .bn-settings-pop .tc-dark .theme-card-preview {
  background: #030712;
}

.dh-admin-skin .bn-settings-pop .tc-dark .tcp-bar {
  background: #111827;
  border-radius: 4px;
  flex: 1;
}

.dh-admin-skin .bn-settings-pop .tc-light .theme-card-preview {
  background: #f8fafc;
}

.dh-admin-skin .bn-settings-pop .tc-light .tcp-bar {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  flex: 1;
}

.dh-admin-skin .bn-settings-pop .tcp-bar {
  border-radius: 3px;
  flex: 1;
}

.dh-admin-skin .bn-settings-pop .tc-dark .tcp-bar:first-child {
  background: #111827;
}

.dh-admin-skin .bn-settings-pop .tc-dark .tcp-bar:nth-child(2) {
  background: #1f2937;
  flex: 2.5;
}

.dh-admin-skin .bn-settings-pop .tc-light .tcp-bar:first-child {
  background: #f1f5f9;
}

.dh-admin-skin .bn-settings-pop .tc-light .tcp-bar:nth-child(2) {
  background: #fff;
  flex: 2.5;
}

.dh-admin-skin .bn-settings-pop .theme-card-name {
  color: var(--bn-txt);
  text-align: center;
  font-size: 11px;
  font-weight: 600;
}

.theme-fleet-os {
  --fo-bg: #f4f7fb;
  --fo-bg-2: #eef2f7;
  --fo-surface: #fff;
  --fo-surface-2: #f8fafc;
  --fo-border: #e2e8f0;
  --fo-border-soft: #edf1f7;
  --fo-text: #0f172a;
  --fo-text-sub: #475569;
  --fo-text-mute: #64748b;
  --fo-text-ghost: #94a3b8;
  --fo-accent: #2563eb;
  --fo-accent-2: #3b82f6;
  --fo-accent-soft: #dbeafe;
  --fo-accent-ice: #eff6ff;
  --fo-success: #10b981;
  --fo-success-soft: #d1fae5;
  --fo-warn: #f59e0b;
  --fo-warn-soft: #fef3c7;
  --fo-danger: #ef4444;
  --fo-danger-soft: #fee2e2;
  --fo-violet: #8b5cf6;
  --fo-violet-soft: #ede9fe;
  --fo-shadow-sm: 0 1px 2px #0f172a0a, 0 1px 3px #0f172a08;
  --fo-shadow: 0 8px 24px #0f172a0f, 0 2px 6px #0f172a0a;
  --fo-shadow-lg: 0 24px 48px #0f172a1a, 0 8px 16px #0f172a0d;
  background: var(--fo-bg);
  color: var(--fo-text);
  font-family: var(--lh-font-body);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

.theme-fleet-os * {
  box-sizing: border-box;
}

.fo-card {
  background: var(--fo-surface);
  border: 1px solid var(--fo-border-soft);
  box-shadow: var(--fo-shadow-sm);
  border-radius: 20px;
  transition: transform .2s, box-shadow .2s;
}

.fo-card-lift:hover {
  box-shadow: var(--fo-shadow);
  transform: translateY(-2px);
}

.fo-card-flat {
  background: var(--fo-surface);
  border: 1px solid var(--fo-border-soft);
  border-radius: 16px;
}

.fo-side {
  background: var(--fo-surface);
  box-shadow: var(--fo-shadow);
  border-radius: 24px;
}

.fo-top {
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  box-shadow: var(--fo-shadow-sm);
  background: #ffffffc7;
  border: 1px solid #e2e8f0b3;
  border-radius: 18px;
}

.fo-btn {
  color: #fff;
  font-family: var(--lh-font-display);
  cursor: pointer;
  background: linear-gradient(#3b82f6 0%, #2563eb 100%);
  border: 1px solid #2563eb99;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  transition: transform .16s, filter .16s, box-shadow .16s;
  display: inline-flex;
  box-shadow: 0 6px 16px #2563eb47, inset 0 1px #ffffff4d;
}

.fo-btn:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
}

.fo-btn-ghost {
  background: var(--fo-surface);
  color: var(--fo-text);
  border: 1px solid var(--fo-border);
  cursor: pointer;
  font-family: var(--lh-font-display);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  transition: background .16s, color .16s;
  display: inline-flex;
}

.fo-btn-ghost:hover {
  background: var(--fo-surface-2);
  color: var(--fo-accent);
}

.fo-icon-btn {
  background: var(--fo-surface);
  width: 36px;
  height: 36px;
  color: var(--fo-text-sub);
  border: 1px solid var(--fo-border);
  cursor: pointer;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  transition: background .16s, color .16s;
  display: inline-flex;
}

.fo-icon-btn:hover {
  background: var(--fo-surface-2);
  color: var(--fo-accent);
}

.fo-nav-item {
  font-family: var(--lh-font-display);
  color: var(--fo-text-sub);
  cursor: pointer;
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  margin: 2px 10px;
  padding: 11px 14px;
  font-size: 13px;
  font-weight: 500;
  transition: background .16s, color .16s, box-shadow .2s;
  display: flex;
}

.fo-nav-item:hover {
  background: var(--fo-surface-2);
  color: var(--fo-text);
}

.fo-nav-item[aria-current="page"] {
  background: var(--fo-accent-soft);
  color: #1d4ed8;
  box-shadow: 0 4px 14px #2563eb29, inset 0 0 0 1px #2563eb29;
}

.fo-pill {
  height: 22px;
  font-family: var(--lh-font-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  background: var(--fo-surface-2);
  color: var(--fo-text-sub);
  border: 1px solid var(--fo-border-soft);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.fo-pill-blue {
  background: var(--fo-accent-soft);
  color: #1d4ed8;
  border-color: #0000;
}

.fo-pill-green {
  background: var(--fo-success-soft);
  color: #047857;
  border-color: #0000;
}

.fo-pill-amber {
  background: var(--fo-warn-soft);
  color: #92400e;
  border-color: #0000;
}

.fo-pill-red {
  background: var(--fo-danger-soft);
  color: #b91c1c;
  border-color: #0000;
}

.fo-pill-violet {
  background: var(--fo-violet-soft);
  color: #5b21b6;
  border-color: #0000;
}

.fo-num {
  font-family: var(--lh-font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  color: var(--fo-text);
  font-weight: 700;
}

.fo-mono {
  font-family: var(--lh-font-mono);
  font-variant-numeric: tabular-nums;
}

.fo-label {
  font-family: var(--lh-font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--fo-text-mute);
  font-size: 10px;
}

.fo-input {
  background: var(--fo-surface-2);
  border: 1px solid var(--fo-border);
  width: 100%;
  color: var(--fo-text);
  font-family: var(--lh-font-body);
  border-radius: 12px;
  outline: none;
  padding: 9px 12px;
  font-size: 13px;
  transition: border-color .16s, box-shadow .16s;
}

.fo-input::placeholder {
  color: var(--fo-text-ghost);
}

.fo-input:focus {
  border-color: var(--fo-accent);
  box-shadow: 0 0 0 3px #2563eb2e;
}

.fo-table {
  border-collapse: collapse;
  width: 100%;
  color: var(--fo-text);
  font-size: 13px;
}

.fo-table thead th {
  text-align: left;
  font-family: var(--lh-font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--fo-text-mute);
  border-bottom: 1px solid var(--fo-border-soft);
  background: var(--fo-surface-2);
  padding: 12px 18px;
  font-size: 10px;
}

.fo-table tbody td {
  border-bottom: 1px solid var(--fo-border-soft);
  vertical-align: middle;
  padding: 13px 18px;
}

.fo-table tbody tr:nth-child(2n) {
  background: var(--fo-surface-2);
}

.fo-table tbody tr:hover td {
  background: var(--fo-accent-ice);
}

.fo-grid-bg {
  background-image: linear-gradient(to right, #0f172a0a 1px, #0000 1px), linear-gradient(#0f172a0a 1px, #0000 1px);
  background-size: 56px 56px;
}

.fo-aurora {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.fo-aurora:before {
  content: "";
  filter: blur(60px);
  background: radial-gradient(circle, #3b82f633, #0000 60%);
  width: 620px;
  height: 620px;
  position: absolute;
  top: -180px;
  left: 30%;
}

.theme-mission-control {
  --mc-bg: #060a14;
  --mc-bg-2: #0b1220;
  --mc-surface: #0f1a2d;
  --mc-surface-2: #14233d;
  --mc-border: #ffffff0f;
  --mc-border-2: #ffffff1f;
  --mc-text: #e2e8f0;
  --mc-text-sub: #94a3b8;
  --mc-text-mute: #64748b;
  --mc-text-ghost: #475569;
  --mc-accent: #60a5fa;
  --mc-accent-2: #3b82f6;
  --mc-accent-deep: #1e40af;
  --mc-accent-soft: #3b82f62e;
  --mc-success: #34d399;
  --mc-success-soft: #34d3992e;
  --mc-warn: #fbbf24;
  --mc-warn-soft: #fbbf242e;
  --mc-danger: #f87171;
  --mc-danger-soft: #f8717133;
  --mc-violet: #a78bfa;
  --mc-violet-soft: #a78bfa2e;
  --mc-glow: 0 0 24px #60a5fa73;
  --mc-shadow: 0 18px 48px #0000008c, 0 4px 12px #0006;
  background: var(--mc-bg);
  color: var(--mc-text);
  font-family: var(--lh-font-body);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

.theme-mission-control * {
  box-sizing: border-box;
}

.mc-panel {
  background: linear-gradient(180deg, var(--mc-surface) 0%, var(--mc-bg-2) 100%);
  border: 1px solid var(--mc-border);
  box-shadow: var(--mc-shadow);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  border-radius: 16px;
}

.mc-panel-flat {
  background: var(--mc-surface);
  border: 1px solid var(--mc-border);
  border-radius: 12px;
}

.mc-top {
  border: 1px solid var(--mc-border);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  background: #0f1a2dbf;
  border-radius: 16px;
}

.mc-side-item {
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  transition: background .16s, border-color .16s;
  display: flex;
}

.mc-side-item:hover {
  background: #ffffff0a;
}

.mc-side-item[data-active="true"] {
  background: var(--mc-accent-soft);
  box-shadow: var(--mc-glow);
  border-color: #60a5fa59;
}

.mc-btn {
  color: #fff;
  font-family: var(--lh-font-display);
  box-shadow: var(--mc-glow), inset 0 1px 0 #ffffff2e;
  cursor: pointer;
  background: linear-gradient(#3b82f6 0%, #2563eb 100%);
  border: 1px solid #60a5fa73;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  transition: filter .16s, transform .16s;
  display: inline-flex;
}

.mc-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.mc-btn-ghost {
  color: var(--mc-text);
  border: 1px solid var(--mc-border-2);
  cursor: pointer;
  font-family: var(--lh-font-display);
  background: #ffffff0a;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.mc-btn-ghost:hover {
  color: var(--mc-accent);
  background: #ffffff14;
}

.mc-pill {
  height: 22px;
  font-family: var(--lh-font-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--mc-text-sub);
  border: 1px solid var(--mc-border);
  background: #ffffff0f;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.mc-pill-blue {
  background: var(--mc-accent-soft);
  color: var(--mc-accent);
  border-color: #60a5fa4d;
}

.mc-pill-green {
  background: var(--mc-success-soft);
  color: var(--mc-success);
  border-color: #34d3994d;
}

.mc-pill-amber {
  background: var(--mc-warn-soft);
  color: var(--mc-warn);
  border-color: #fbbf244d;
}

.mc-pill-red {
  background: var(--mc-danger-soft);
  color: var(--mc-danger);
  border-color: #f871714d;
}

.mc-pill-violet {
  background: var(--mc-violet-soft);
  color: var(--mc-violet);
  border-color: #a78bfa4d;
}

.mc-pulse-dot {
  background: currentColor;
  border-radius: 999px;
  width: 6px;
  height: 6px;
  animation: 1.6s ease-in-out infinite mc-pulse;
  display: inline-block;
  box-shadow: 0 0 0 4px #60a5fa33;
}

@keyframes mc-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 4px #60a5fa33;
  }

  50% {
    opacity: .55;
    transform: scale(.85);
    box-shadow: 0 0 0 7px #60a5fa1a;
  }
}

@keyframes mc-ping {
  0% {
    opacity: .7;
    transform: scale(.6);
  }

  100% {
    opacity: 0;
    transform: scale(2.4);
  }
}

.mc-ping-ring {
  border: 1.5px solid var(--mc-accent);
  border-radius: 999px;
  animation: 2.2s ease-out infinite mc-ping;
  position: absolute;
  inset: 0;
}

.mc-label {
  font-family: var(--lh-font-mono);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--mc-text-mute);
  font-size: 10px;
}

.mc-num {
  font-family: var(--lh-font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  color: var(--mc-text);
  font-weight: 700;
}

.mc-mono {
  font-family: var(--lh-font-mono);
  font-variant-numeric: tabular-nums;
  color: var(--mc-text);
}

.mc-input {
  border: 1px solid var(--mc-border);
  width: 100%;
  color: var(--mc-text);
  font-family: var(--lh-font-body);
  background: #ffffff0a;
  border-radius: 12px;
  outline: none;
  padding: 9px 12px;
  font-size: 13px;
  transition: border-color .16s, box-shadow .16s;
}

.mc-input::placeholder {
  color: var(--mc-text-mute);
}

.mc-input:focus {
  border-color: var(--mc-accent);
  box-shadow: 0 0 0 3px #60a5fa38;
}

.mc-aurora {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.mc-aurora:before {
  content: "";
  filter: blur(80px);
  background: radial-gradient(circle, #3b82f640, #0000 60%);
  width: 720px;
  height: 720px;
  position: absolute;
  top: -240px;
  left: 20%;
}

.mc-aurora:after {
  content: "";
  filter: blur(80px);
  background: radial-gradient(circle, #a78bfa26, #0000 60%);
  width: 640px;
  height: 640px;
  position: absolute;
  bottom: -240px;
  right: 10%;
}

.theme-mission-control ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.theme-mission-control ::-webkit-scrollbar-thumb {
  background: #ffffff14;
  border-radius: 999px;
}

.theme-mission-control ::-webkit-scrollbar-thumb:hover {
  background: #ffffff2e;
}

.mc-heat {
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: 2px;
  height: 18px;
  display: grid;
}

.mc-heat span {
  border-radius: 3px;
  display: block;
}

.mc-heat-on {
  background: var(--mc-success);
  box-shadow: 0 0 8px #34d39966;
}

.mc-heat-warn {
  background: var(--mc-warn);
  box-shadow: 0 0 8px #fbbf2459;
}

.mc-heat-off {
  background: var(--mc-danger);
  box-shadow: 0 0 8px #f8717166;
}

.mc-heat-idle {
  background: #ffffff1a;
}

.fo-spark-grad-blue {
  stroke: #2563eb;
}

.mc-spark-grad-blue {
  stroke: #60a5fa;
}

.theme-fleet-os {
  background: var(--fo-bg);
  color: var(--fo-text);
  font-family: var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;
}

.theme-fleet-os .bg-white, .theme-fleet-os .bg-slate-50, .theme-fleet-os .bg-slate-100, .theme-fleet-os .bg-slate-200, .theme-fleet-os .bg-slate-800, .theme-fleet-os .bg-slate-900, .theme-fleet-os .bg-slate-950, .theme-fleet-os .dark\:bg-slate-900, .theme-fleet-os .dark\:bg-slate-800, .theme-fleet-os .dark\:bg-slate-950 {
  background: var(--fo-surface) !important;
}

.theme-fleet-os .text-slate-900, .theme-fleet-os .text-slate-800, .theme-fleet-os .text-slate-700 {
  color: var(--fo-text) !important;
}

.theme-fleet-os .text-slate-600, .theme-fleet-os .text-slate-500, .theme-fleet-os .text-slate-400 {
  color: var(--fo-text-sub) !important;
}

.theme-fleet-os .text-slate-300, .theme-fleet-os .text-slate-200 {
  color: var(--fo-text-mute) !important;
}

.theme-fleet-os .dark\:text-slate-100, .theme-fleet-os .dark\:text-slate-200, .theme-fleet-os .dark\:text-slate-300 {
  color: var(--fo-text) !important;
}

.theme-fleet-os .dark\:text-slate-400, .theme-fleet-os .dark\:text-slate-500 {
  color: var(--fo-text-sub) !important;
}

.theme-fleet-os .border-slate-100, .theme-fleet-os .border-slate-200, .theme-fleet-os .border-slate-300, .theme-fleet-os .border-slate-700, .theme-fleet-os .border-slate-800, .theme-fleet-os .dark\:border-slate-700, .theme-fleet-os .dark\:border-slate-800, .theme-fleet-os .divide-slate-100 > * + *, .theme-fleet-os .divide-slate-200 > * + * {
  border-color: var(--fo-border-soft) !important;
}

.theme-fleet-os input:not([type="checkbox"]):not([type="radio"]), .theme-fleet-os select, .theme-fleet-os textarea {
  background: var(--fo-surface-2) !important;
  border-color: var(--fo-border) !important;
  color: var(--fo-text) !important;
  font-family: var(--font-inter), Inter, sans-serif !important;
  border-radius: 12px !important;
}

.theme-fleet-os input:focus, .theme-fleet-os select:focus, .theme-fleet-os textarea:focus {
  border-color: var(--fo-accent) !important;
  box-shadow: 0 0 0 3px #2563eb2e !important;
}

.theme-fleet-os .hover\:bg-slate-50:hover, .theme-fleet-os .hover\:bg-slate-100:hover, .theme-fleet-os tr:hover > td {
  background: var(--fo-surface-2) !important;
}

.theme-fleet-os .rounded-xl, .theme-fleet-os .rounded-lg, .theme-fleet-os .rounded-md {
  border-radius: 16px !important;
}

.theme-fleet-os .shadow-sm {
  box-shadow: var(--fo-shadow-sm) !important;
}

.theme-fleet-os h1, .theme-fleet-os h2, .theme-fleet-os h3, .theme-fleet-os h4 {
  letter-spacing: -.018em;
  color: var(--fo-text);
  font-family: var(--font-space-grotesk), "Space Grotesk", ui-sans-serif, system-ui, sans-serif !important;
}

.theme-fleet-os .font-mono, .theme-fleet-os code, .theme-fleet-os pre, .theme-fleet-os kbd {
  font-family: var(--font-ibm-plex-mono), "IBM Plex Mono", ui-monospace, monospace !important;
}

.theme-fleet-os ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.theme-fleet-os ::-webkit-scrollbar-thumb {
  background: var(--fo-border);
  border-radius: 999px;
}

.theme-fleet-os ::-webkit-scrollbar-thumb:hover {
  background: var(--fo-text-mute);
}

.theme-fleet-os .lv4-btn-primary, .theme-fleet-os button[class*="bg-brand"], .theme-fleet-os button[class*="bg-blue"], .theme-fleet-os button[class*="bg-violet"] {
  color: #fff !important;
  font-family: var(--font-space-grotesk), "Space Grotesk", ui-sans-serif, system-ui, sans-serif !important;
  background: linear-gradient(#3b82f6 0%, #2563eb 100%) !important;
  border-color: #2563eb99 !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 18px #3b82f640, inset 0 1px #ffffff4d !important;
}

.theme-fleet-os .lv4-btn-primary:hover {
  filter: brightness(1.04);
  box-shadow: 0 12px 22px #3b82f652, inset 0 1px #ffffff4d !important;
}

.theme-fleet-os .da-sidebar-root {
  background: var(--fo-surface) !important;
  border-right-color: var(--fo-border-soft) !important;
}

.theme-fleet-os .da-topbar-root {
  background: var(--fo-surface) !important;
  border-bottom-color: var(--fo-border-soft) !important;
}

.theme-fleet-os [class*="bg-emerald-50"] {
  background: var(--fo-success-soft) !important;
}

.theme-fleet-os [class*="text-emerald-600"], .theme-fleet-os [class*="text-emerald-700"] {
  color: #047857 !important;
}

.theme-fleet-os [class*="bg-red-50"] {
  background: var(--fo-danger-soft) !important;
}

.theme-fleet-os [class*="text-red-600"], .theme-fleet-os [class*="text-red-700"] {
  color: #b91c1c !important;
}

.theme-fleet-os [class*="bg-amber-50"] {
  background: var(--fo-warn-soft) !important;
}

.theme-fleet-os [class*="text-amber-600"] {
  color: #92400e !important;
}

.theme-fleet-os [class*="bg-sky-50"] {
  background: var(--fo-accent-soft) !important;
}

.theme-fleet-os [class*="text-sky-600"] {
  color: #1d4ed8 !important;
}

.theme-fleet-os [class*="bg-violet-50"] {
  background: var(--fo-violet-soft) !important;
}

.theme-fleet-os [class*="text-violet-600"] {
  color: #5b21b6 !important;
}

.theme-fleet-os [class*="bg-indigo-50"] {
  background: var(--fo-violet-soft) !important;
}

.theme-fleet-os [class*="text-indigo-700"] {
  color: #5b21b6 !important;
}

.theme-fleet-os [class*="bg-blue-50"] {
  background: var(--fo-accent-soft) !important;
}

.theme-fleet-os [class*="text-blue-600"], .theme-fleet-os [class*="text-blue-700"] {
  color: #1d4ed8 !important;
}

.theme-fleet-os [class*="text-pink-600"] {
  color: #be185d !important;
}

.theme-fleet-os [class*="text-teal-600"] {
  color: #0f766e !important;
}

:root {
  --a1: #f97316;
  --a1d: #c45c0a;
  --a1g: #f9731621;
  --a1s: #f9731659;
  --cyan: #22d3ee;
  --ok: #22c55e;
  --warn: #f59e0b;
  --err: #ef4444;
  --info: #3b82f6;
  --tr: all .22s cubic-bezier(.4, 0, .2, 1);
  --modal-radius: 16px;
  --modal-shadow: 0 24px 64px #0000008c;
}

[data-accent="orange"] {
  --a1: #f97316;
  --a1d: #c45c0a;
  --a1g: #f9731621;
  --a1s: #f9731659;
}

[data-accent="blue"] {
  --a1: #3b82f6;
  --a1d: #1d4ed8;
  --a1g: #3b82f621;
  --a1s: #3b82f659;
}

[data-accent="violet"] {
  --a1: #8b5cf6;
  --a1d: #6d28d9;
  --a1g: #8b5cf621;
  --a1s: #8b5cf659;
}

[data-accent="green"] {
  --a1: #22c55e;
  --a1d: #16a34a;
  --a1g: #22c55e21;
  --a1s: #22c55e59;
}

[data-accent="rose"] {
  --a1: #f43f5e;
  --a1d: #be123c;
  --a1g: #f43f5e21;
  --a1s: #f43f5e59;
}

[data-accent="cyan"] {
  --a1: #22d3ee;
  --a1d: #0891b2;
  --a1g: #22d3ee21;
  --a1s: #22d3ee59;
}

[data-theme="dark"] {
  --bg: #06101e;
  --bg2: #080e1c;
  --bg3: #0a1628;
  --surf: #0d1b30;
  --surf2: #111f38;
  --surf3: #162040;
  --b0: #1a2f50;
  --b1: #2a4570;
  --b2: #3a5580;
  --txt: #f0f6ff;
  --txt2: #7a9cc4;
  --txt3: #3e5a7a;
  --shadow: 0 4px 20px #0006;
  --shadow-lg: 0 12px 40px #0009;
  --row-hover: #ffffff06;
  --overlay: #000000b3;
  --input-bg: var(--surf2);
  --input-border: var(--b0);
  --modal-bg: #0d1b30;
  --modal-border: var(--b1);
  --modal-header-bg: #111f38;
  --dropdown-bg: #0d1b30;
  --dropdown-item-hover: #111f38;
  --toast-bg: #111f38;
}

[data-theme="light"] {
  --bg: #eef2f7;
  --bg2: #e4eaf1;
  --bg3: #dae1ea;
  --surf: #fff;
  --surf2: #f8fafc;
  --surf3: #f1f5f9;
  --b0: #e2e8f0;
  --b1: #cbd5e1;
  --b2: #94a3b8;
  --txt: #0f172a;
  --txt2: #64748b;
  --txt3: #94a3b8;
  --shadow: 0 2px 10px #0f172a14;
  --shadow-lg: 0 8px 30px #0f172a1f;
  --row-hover: #00000005;
  --overlay: #0f172a80;
  --input-bg: #fff;
  --input-border: var(--b1);
  --modal-bg: #fff;
  --modal-border: var(--b0);
  --modal-header-bg: #f8fafc;
  --dropdown-bg: #fff;
  --dropdown-item-hover: #f8fafc;
  --toast-bg: #1e293b;
}

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

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  background: var(--bg);
  color: var(--txt);
  -webkit-font-smoothing: antialiased;
  font-family: Manrope, sans-serif;
  font-size: 13px;
  transition: background .3s, color .3s;
}

button {
  cursor: pointer;
  border: none;
  outline: none;
  font-family: Manrope, sans-serif;
}

input, select, textarea {
  border: none;
  outline: none;
  font-family: Manrope, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

svg {
  flex-shrink: 0;
  display: block;
}

.page-loader {
  z-index: 9999;
  background: var(--bg);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  transition: opacity .4s, visibility .4s;
  display: flex;
  position: fixed;
  inset: 0;
}

.page-loader.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.loader-logo {
  letter-spacing: .12em;
  color: var(--txt);
  align-items: center;
  gap: 10px;
  font-family: Bebas Neue, sans-serif;
  font-size: 32px;
  animation: 1.6s ease-in-out infinite logo-pulse;
  display: flex;
}

.loader-logo-icon {
  background: linear-gradient(135deg, var(--a1), var(--a1d));
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  animation: 2s cubic-bezier(.4, 0, .2, 1) infinite icon-spin;
  display: flex;
}

.loader-logo-icon svg {
  width: 22px;
  height: 22px;
}

@keyframes logo-pulse {
  0%, 100% {
    opacity: .7;
  }

  50% {
    opacity: 1;
  }
}

@keyframes icon-spin {
  0% {
    transform: rotate(0)scale(1);
  }

  50% {
    transform: rotate(10deg)scale(1.08);
  }

  100% {
    transform: rotate(0)scale(1);
  }
}

.loader-bar-wrap {
  background: var(--b0);
  border-radius: 2px;
  width: 200px;
  height: 3px;
  overflow: hidden;
}

.loader-bar {
  background: linear-gradient(90deg, var(--a1), var(--a1d));
  border-radius: 2px;
  width: 0%;
  height: 100%;
  animation: 1.6s cubic-bezier(.4, 0, .2, 1) forwards load-fill;
}

@keyframes load-fill {
  0% {
    width: 0%;
  }

  60% {
    width: 85%;
  }

  100% {
    width: 100%;
  }
}

.loader-text {
  color: var(--txt3);
  letter-spacing: .1em;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
  animation: .9s step-end infinite blink;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }
}

.app {
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.main {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.sb {
  background: var(--bg2);
  border-right: 1px solid var(--b0);
  z-index: 20;
  flex-direction: column;
  flex-shrink: 0;
  width: 220px;
  transition: width .28s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.sb.collapsed {
  width: 62px;
}

.sb.collapsed .sb-txt {
  opacity: 0;
  width: 0;
  overflow: hidden;
}

.sb.collapsed .sb-logo-text, .sb.collapsed .sb-section, .sb.collapsed .sb-user-info, .sb.collapsed .sb-badge {
  display: none;
}

.sb.collapsed .sb-item {
  justify-content: center;
  width: 42px;
  height: 40px;
  margin: 2px auto;
  padding: 0;
}

.sb.collapsed .sb-logo {
  justify-content: center;
  padding: 18px 0;
}

.sb-logo {
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  padding: 18px 16px 14px;
  display: flex;
  position: relative;
}

.sb-logo-icon {
  background: linear-gradient(135deg, var(--a1), var(--a1d));
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: background .3s;
  animation: 4s ease-in-out infinite logo-bounce;
  display: flex;
}

@keyframes logo-bounce {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}

.sb-logo-icon svg {
  width: 17px;
  height: 17px;
}

.sb-logo-text {
  letter-spacing: .08em;
  color: var(--txt);
  white-space: nowrap;
  transition: var(--tr);
  font-family: Bebas Neue, sans-serif;
  font-size: 17px;
}

.sb-collapse-btn {
  background: var(--surf2);
  border: 1px solid var(--b0);
  cursor: pointer;
  width: 22px;
  height: 22px;
  transition: var(--tr);
  z-index: 5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  right: -11px;
  transform: translateY(-50%);
}

.sb-collapse-btn:hover {
  background: var(--a1);
  border-color: var(--a1);
}

.sb-collapse-btn:hover svg {
  stroke: #fff;
}

.sb-collapse-btn svg {
  width: 11px;
  height: 11px;
  stroke: var(--txt2);
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  transition: stroke .15s;
}

.sb.collapsed .sb-collapse-btn svg {
  transform: rotate(180deg);
}

.sb-nav {
  flex-direction: column;
  flex: 1;
  gap: 1px;
  padding: 6px 10px;
  display: flex;
  overflow: hidden auto;
}

.sb-nav::-webkit-scrollbar {
  width: 3px;
}

.sb-nav::-webkit-scrollbar-thumb {
  background: var(--b0);
  border-radius: 2px;
}

.sb-section {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--txt3);
  white-space: nowrap;
  transition: var(--tr);
  padding: 12px 8px 5px;
  font-family: JetBrains Mono, monospace;
  font-size: 8.5px;
  font-weight: 600;
}

.sb-item {
  color: var(--txt2);
  cursor: pointer;
  transition: var(--tr);
  white-space: nowrap;
  border-radius: 9px;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  font-size: 12.5px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.sb-item:hover {
  background: var(--surf2);
  color: var(--txt);
}

.sb-item:hover svg {
  stroke: var(--a1);
  transform: scale(1.1);
}

.sb-item.active {
  background: var(--a1g);
  color: var(--a1);
}

.sb-item.active:before {
  content: "";
  background: var(--a1);
  border-radius: 0 2px 2px 0;
  width: 3px;
  position: absolute;
  top: 20%;
  bottom: 20%;
  left: 0;
}

.sb-item svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 1.65px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: stroke .18s, transform .18s;
}

.sb-badge {
  color: var(--err);
  background: #ef444424;
  border: 1px solid #ef444440;
  border-radius: 999px;
  margin-left: auto;
  padding: 1px 6px;
  font-family: JetBrains Mono, monospace;
  font-size: 9px;
  font-weight: 600;
  animation: 2s ease-in-out infinite badge-pulse;
}

@keyframes badge-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .65;
  }
}

.sb-bottom {
  border-top: 1px solid var(--b0);
  flex-shrink: 0;
  padding: 10px;
}

.sb-user {
  cursor: pointer;
  transition: var(--tr);
  border-radius: 9px;
  align-items: center;
  gap: 9px;
  padding: 8px;
  display: flex;
}

.sb-user:hover {
  background: var(--surf2);
}

.sb-avatar-sm {
  background: linear-gradient(135deg, var(--a1), var(--a1d));
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
  font-weight: 600;
  transition: background .3s;
  display: flex;
}

.sb-user-name {
  color: var(--txt);
  font-size: 12px;
  font-weight: 600;
}

.sb-user-role {
  color: var(--txt3);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: JetBrains Mono, monospace;
  font-size: 8.5px;
}

.sb-logout {
  width: 26px;
  height: 26px;
  transition: var(--tr);
  background: none;
  border-radius: 7px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.sb-logout:hover {
  background: #ef44441f;
}

.sb-logout svg {
  width: 14px;
  height: 14px;
  stroke: var(--txt3);
  fill: none;
  stroke-width: 1.7px;
  stroke-linecap: round;
}

.sb-logout:hover svg {
  stroke: var(--err);
}

.main {
  background: var(--bg);
  flex-direction: column;
  flex: 1;
  transition: background .3s;
  display: flex;
  overflow: visible !important;
}

.topbar {
  background: var(--surf);
  border-bottom: 1px solid var(--b0);
  z-index: 100;
  height: 56px;
  box-shadow: var(--shadow);
  flex-shrink: 0;
  align-items: center;
  gap: 14px;
  padding: 0 20px;
  transition: background .3s, border-color .3s;
  display: flex;
  position: relative;
  overflow: visible !important;
}

.tb-breadcrumb {
  white-space: nowrap;
  align-items: center;
  gap: 7px;
  display: flex;
}

.tb-bc-home {
  color: var(--txt3);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
}

.tb-bc-sep {
  color: var(--b1);
  font-size: 11px;
}

.tb-bc-page {
  color: var(--txt);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
  font-weight: 600;
}

.live-pill {
  background: #22c55e14;
  border: 1px solid #22c55e33;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  margin-left: 4px;
  padding: 3px 9px;
  display: flex;
}

.live-dot {
  background: #22c55e;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 2s ease-in-out infinite pulse-live;
}

@keyframes pulse-live {
  0%, 100% {
    box-shadow: 0 0 #22c55e66;
  }

  50% {
    box-shadow: 0 0 0 4px #22c55e00;
  }
}

.live-txt {
  color: #22c55e;
  letter-spacing: .06em;
  font-family: JetBrains Mono, monospace;
  font-size: 9px;
  font-weight: 600;
}

.tb-search {
  background: var(--surf2);
  border: 1px solid var(--b0);
  max-width: 420px;
  height: 36px;
  transition: var(--tr);
  border-radius: 10px;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  display: flex;
}

.tb-search:focus-within {
  border-color: var(--a1);
  box-shadow: 0 0 0 3px var(--a1g);
}

.tb-search svg {
  width: 14px;
  height: 14px;
  stroke: var(--txt3);
  fill: none;
  stroke-width: 1.8px;
  stroke-linecap: round;
  flex-shrink: 0;
}

.tb-search input {
  color: var(--txt) !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  transition: color .2s !important;
}

.tb-search input:focus {
  box-shadow: none !important;
  border: none !important;
}

.tb-search input::placeholder {
  color: var(--txt3);
}

.tb-kbd {
  flex-shrink: 0;
  align-items: center;
  gap: 3px;
  display: flex;
}

.tb-kbd kbd {
  color: var(--txt3);
  background: var(--surf3);
  border: 1px solid var(--b0);
  border-radius: 4px;
  padding: 1px 5px;
  font-family: JetBrains Mono, monospace;
  font-size: 9px;
}

.tb-right {
  align-items: center;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.tb-time {
  color: var(--txt2);
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
  display: flex;
}

.icon-btn {
  background: var(--surf2);
  border: 1px solid var(--b0);
  cursor: pointer;
  width: 36px;
  height: 36px;
  transition: var(--tr);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.icon-btn:hover {
  background: var(--surf3);
  border-color: var(--a1);
  transform: translateY(-1px);
}

.icon-btn:hover svg {
  stroke: var(--a1);
}

.icon-btn:active {
  transform: scale(.94);
}

.icon-btn svg {
  width: 16px;
  height: 16px;
  stroke: var(--txt2);
  fill: none;
  stroke-width: 1.7px;
  stroke-linecap: round;
  transition: stroke .18s;
}

.icon-btn .badge {
  background: var(--err);
  border: 1.5px solid var(--surf);
  color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  height: 17px;
  padding: 0 3px;
  font-family: JetBrains Mono, monospace;
  font-size: 8px;
  font-weight: 600;
  display: flex;
  position: absolute;
  top: -4px;
  right: -4px;
}

.settings-btn {
  background: var(--surf2);
  border: 1px solid var(--b0);
  cursor: pointer;
  width: 36px;
  height: 36px;
  transition: var(--tr);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.settings-btn:hover {
  background: var(--a1g);
  border-color: var(--a1);
}

.settings-btn:hover .gear-icon {
  animation: .6s linear infinite gear-spin;
}

.gear-icon {
  width: 16px;
  height: 16px;
  stroke: var(--txt2);
  fill: none;
  stroke-width: 1.7px;
  stroke-linecap: round;
  transition: stroke .18s;
}

.settings-btn:hover .gear-icon {
  stroke: var(--a1);
}

@keyframes gear-spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.theme-toggle {
  background: var(--surf2);
  border: 1px solid var(--b0);
  width: 52px;
  height: 27px;
  transition: var(--tr);
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  padding: 3px;
  display: flex;
  position: relative;
}

.theme-toggle:hover {
  border-color: var(--b1);
}

.tt-track {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.tt-thumb {
  background: linear-gradient(135deg, var(--a1), var(--a1d));
  width: 21px;
  height: 21px;
  box-shadow: 0 2px 6px var(--a1s);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .28s cubic-bezier(.4, 0, .2, 1), background .3s;
  display: flex;
  position: absolute;
  left: 0;
}

[data-theme="light"] .tt-thumb {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  left: calc(100% - 21px);
  box-shadow: 0 2px 6px #2563eb66;
}

.tt-thumb svg {
  stroke: #fff;
  fill: none;
  stroke-width: 1.8px;
  stroke-linecap: round;
  width: 12px;
  height: 12px;
}

.tt-icon-sun, .tt-icon-moon {
  display: none;
}

[data-theme="dark"] .tt-icon-sun, [data-theme="light"] .tt-icon-moon {
  display: block;
}

.tt-bg-icons {
  pointer-events: none;
  justify-content: space-between;
  width: 100%;
  padding: 0 4px;
  display: flex;
  position: absolute;
}

.tt-bg-icons svg {
  width: 11px;
  height: 11px;
  stroke: var(--txt3);
  fill: none;
  stroke-width: 1.6px;
}

.user-btn {
  background: linear-gradient(135deg, var(--a1), var(--a1d));
  color: #fff;
  cursor: pointer;
  width: 34px;
  height: 34px;
  transition: var(--tr);
  border: 2px solid #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-family: JetBrains Mono, monospace;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.user-btn:hover {
  border-color: var(--a1);
  box-shadow: 0 0 0 3px var(--a1g);
}

.content {
  background: var(--bg);
  flex-direction: column;
  flex: 1;
  gap: 18px;
  min-width: 0;
  padding: 26px 24px 32px;
  transition: background .3s;
  display: flex;
  overflow-y: auto;
}

.content > * {
  min-width: 0;
}

.content::-webkit-scrollbar {
  width: 5px;
}

.content::-webkit-scrollbar-thumb {
  background: var(--b0);
  border-radius: 3px;
}

.page-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 24px;
  display: flex;
}

.ph-title {
  letter-spacing: .04em;
  color: var(--txt);
  margin-bottom: 4px;
  font-family: Bebas Neue, sans-serif;
  font-size: 36px;
  line-height: 1;
}

.ph-count {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ph-count-num {
  color: var(--txt2);
  font-family: JetBrains Mono, monospace;
  font-size: 13px;
}

.ph-count-badge {
  color: var(--a1);
  background: var(--a1g);
  border: 1px solid var(--a1s);
  border-radius: 999px;
  padding: 2px 8px;
  font-family: JetBrains Mono, monospace;
  font-size: 9px;
  font-weight: 600;
}

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

.btn-ghost {
  border: 1px solid var(--b1);
  height: 36px;
  color: var(--txt2);
  transition: var(--tr);
  white-space: nowrap;
  background: none;
  border-radius: 9px;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.btn-ghost:hover {
  border-color: var(--a1);
  color: var(--a1);
  background: var(--a1g);
  transform: translateY(-1px);
}

.btn-ghost svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8px;
  stroke-linecap: round;
  width: 14px;
  height: 14px;
}

.btn-primary {
  background: var(--a1);
  color: #fff;
  height: 36px;
  transition: var(--tr);
  box-shadow: 0 3px 12px var(--a1s);
  white-space: nowrap;
  border-radius: 9px;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.btn-primary:hover {
  background: var(--a1d);
  box-shadow: 0 5px 16px var(--a1s);
  transform: translateY(-1px);
}

.btn-primary svg {
  stroke: #fff;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  width: 14px;
  height: 14px;
}

.btn-primary:active {
  transform: scale(.97);
}

.filter-bar {
  background: var(--surf);
  border: 1px solid var(--b0);
  box-shadow: var(--shadow);
  border-radius: 14px;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  padding: 12px 14px;
  transition: background .3s, border-color .3s;
  display: flex;
}

.filter-search {
  background: var(--surf2);
  border: 1px solid var(--b0);
  min-width: 220px;
  height: 36px;
  transition: var(--tr);
  border-radius: 9px;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  display: flex;
}

.filter-search:focus-within {
  border-color: var(--a1);
  box-shadow: 0 0 0 3px var(--a1g);
}

.filter-search svg {
  width: 13px;
  height: 13px;
  stroke: var(--txt3);
  fill: none;
  stroke-width: 1.8px;
  stroke-linecap: round;
  flex-shrink: 0;
}

.filter-search input {
  color: var(--txt) !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  flex: 1 !important;
  min-width: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  transition: color .2s !important;
}

.filter-search input:focus {
  box-shadow: none !important;
  border: none !important;
}

.filter-search input::placeholder {
  color: var(--txt3);
}

.filter-divider {
  background: var(--b0);
  width: 1px;
  height: 24px;
}

.filter-label {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--txt3);
  font-family: JetBrains Mono, monospace;
  font-size: 9.5px;
  font-weight: 600;
}

.filter-select {
  background: var(--surf2);
  border: 1px solid var(--b0);
  height: 34px;
  color: var(--txt);
  cursor: pointer;
  transition: var(--tr);
  white-space: nowrap;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  min-width: 80px;
  padding: 0 10px;
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.filter-select:hover {
  border-color: var(--a1);
}

.filter-select svg {
  width: 11px;
  height: 11px;
  stroke: var(--txt3);
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  flex-shrink: 0;
}

.filter-row {
  align-items: center;
  gap: 8px;
  display: flex;
}

.columns-btn {
  background: var(--surf2);
  border: 1px solid var(--b1);
  height: 36px;
  color: var(--txt2);
  letter-spacing: .04em;
  transition: var(--tr);
  border-radius: 9px;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  padding: 0 14px;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.columns-btn:hover {
  border-color: var(--a1);
  color: var(--a1);
  background: var(--a1g);
}

.columns-btn svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  width: 13px;
  height: 13px;
}

.table-wrap {
  background: var(--surf);
  border: 1px solid var(--b0);
  box-shadow: var(--shadow);
  border-radius: 16px;
  width: 100%;
  min-width: 0;
  margin-bottom: 24px;
  transition: background .3s, border-color .3s;
  display: block;
  overflow: hidden;
}

.table-scroll {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  min-width: 0;
  display: block;
  overflow-x: auto;
}

table {
  border-collapse: collapse;
  width: 100%;
}

thead {
  background: var(--surf2);
  border-bottom: 1px solid var(--b0);
}

thead th {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--txt3);
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding: 11px 16px;
  font-family: JetBrains Mono, monospace;
  font-size: 9.5px;
  font-weight: 600;
  transition: color .15s;
}

thead th:hover {
  color: var(--txt2);
}

thead th.sorted {
  color: var(--a1);
}

.th-inner {
  align-items: center;
  gap: 5px;
  display: flex;
}

.sort-icon {
  opacity: .4;
  flex-direction: column;
  gap: 1.5px;
  display: flex;
}

thead th.sorted .sort-icon {
  opacity: 1;
}

.sort-icon span {
  background: currentColor;
  border-radius: 1px;
  width: 6px;
  height: 1.5px;
  display: block;
}

.sort-icon .sa {
  transform: rotate(-45deg)translateY(1px);
}

.sort-icon .sd {
  transform: rotate(45deg)translateY(-1px);
}

thead th:first-child {
  padding-left: 18px;
}

tbody tr {
  border-bottom: 1px solid var(--b0);
  cursor: pointer;
  border-left: 3px solid #0000;
  transition: background .15s, border-left-color .15s;
  animation: .35s both row-in;
}

tbody tr:last-child {
  border-bottom: none;
}

tbody tr:hover {
  background: var(--row-hover);
  border-left-color: var(--a1);
}

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

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

tbody tr:first-child {
  animation-delay: 40ms;
}

tbody tr:nth-child(2) {
  animation-delay: 80ms;
}

tbody tr:nth-child(3) {
  animation-delay: .12s;
}

tbody tr:nth-child(4) {
  animation-delay: .16s;
}

tbody tr:nth-child(5) {
  animation-delay: .2s;
}

tbody tr:nth-child(6) {
  animation-delay: .24s;
}

tbody tr:nth-child(7) {
  animation-delay: .28s;
}

tbody tr:nth-child(8) {
  animation-delay: .32s;
}

tbody tr:nth-child(9) {
  animation-delay: .36s;
}

tbody tr:nth-child(10) {
  animation-delay: .4s;
}

tbody tr:nth-child(11) {
  animation-delay: .44s;
}

tbody tr:nth-child(12) {
  animation-delay: .48s;
}

tbody td {
  vertical-align: middle;
  transition: var(--tr);
  padding: 10px 16px;
}

tbody td:first-child {
  padding-left: 18px;
}

.td-check {
  width: 36px;
  padding-right: 6px !important;
}

.row-check {
  border: 1.5px solid var(--b1);
  cursor: pointer;
  width: 15px;
  height: 15px;
  transition: var(--tr);
  appearance: none;
  background: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.row-check:hover {
  border-color: var(--a1);
}

.row-check:checked {
  background: var(--a1);
  border-color: var(--a1);
}

.td-id {
  color: var(--txt);
  letter-spacing: .04em;
  font-family: JetBrains Mono, monospace;
  font-size: 11.5px;
  font-weight: 600;
}

.td-name-cell {
  align-items: center;
  gap: 9px;
  display: flex;
}

.drv-avatar {
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
  font-weight: 600;
  transition: transform .18s;
  display: flex;
}

tbody tr:hover .drv-avatar {
  transform: scale(1.1);
}

.av-1 {
  background: linear-gradient(135deg, #f97316, #c45c0a);
}

.av-2 {
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
}

.av-3 {
  background: linear-gradient(135deg, #22d3ee, #0891b2);
}

.av-4 {
  background: linear-gradient(135deg, #22c55e, #16a34a);
}

.av-5 {
  background: linear-gradient(135deg, #f59e0b, #d97706);
}

.av-6 {
  background: linear-gradient(135deg, #e11d48, #be123c);
}

.av-7 {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
}

.av-8 {
  background: linear-gradient(135deg, #06b6d4, #0e7490);
}

.av-9 {
  background: linear-gradient(135deg, #a855f7, #7c3aed);
}

.av-10 {
  background: linear-gradient(135deg, #10b981, #059669);
}

.td-name-text {
  color: var(--txt);
  font-size: 12.5px;
  font-weight: 600;
}

.td-email {
  color: var(--txt2);
  font-size: 12px;
}

.td-phone {
  color: var(--txt2);
  font-family: JetBrains Mono, monospace;
  font-size: 11px;
}

.td-empty {
  color: var(--txt3);
  font-size: 11px;
}

.status-badge {
  letter-spacing: .06em;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-family: JetBrains Mono, monospace;
  font-size: 9.5px;
  font-weight: 600;
  display: inline-flex;
}

.s-avail {
  color: #22c55e;
  background: #22c55e1a;
  border: 1px solid #22c55e40;
}

.s-unavl {
  color: #f97316;
  background: #f973161a;
  border: 1px solid #f9731640;
}

.s-ontrip {
  color: #22d3ee;
  background: #22d3ee1a;
  border: 1px solid #22d3ee40;
}

.s-offduty {
  color: #94a3b8;
  background: #94a3b81a;
  border: 1px solid #94a3b833;
}

.status-dot {
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.s-avail .status-dot {
  background: #22c55e;
  animation: 2.5s infinite sdot;
}

.s-ontrip .status-dot {
  background: #22d3ee;
  animation: 2s infinite sdot;
}

@keyframes sdot {
  0%, 100% {
    box-shadow: 0 0;
  }

  50% {
    box-shadow: 0 0 0 3px #0000;
  }
}

.td-zone {
  color: var(--txt2);
  background: var(--surf2);
  border: 1px solid var(--b0);
  letter-spacing: .04em;
  border-radius: 6px;
  padding: 2px 8px;
  font-family: JetBrains Mono, monospace;
  font-size: 10.5px;
  font-weight: 500;
  transition: background .3s, border-color .3s;
  display: inline-block;
}

.td-actions {
  opacity: 0;
  align-items: center;
  gap: 4px;
  transition: opacity .15s;
  display: flex;
}

tbody tr:hover .td-actions {
  opacity: 1;
}

.act-btn {
  width: 28px;
  height: 28px;
  transition: var(--tr);
  background: none;
  border: 1px solid #0000;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.act-btn:hover {
  background: var(--surf2);
  border-color: var(--b0);
}

.act-btn svg {
  width: 13px;
  height: 13px;
  stroke: var(--txt3);
  fill: none;
  stroke-width: 1.7px;
  stroke-linecap: round;
}

.act-btn:hover svg {
  stroke: var(--a1);
}

.act-del:hover {
  background: #ef44441a;
  border-color: #ef444440;
}

.act-del:hover svg {
  stroke: var(--err);
}

.pagination {
  background: var(--surf);
  border: 1px solid var(--b0);
  box-shadow: var(--shadow);
  border-radius: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  padding: 10px 16px;
  transition: background .3s, border-color .3s;
  display: flex;
}

.pg-info {
  color: var(--txt3);
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
}

.pg-info span {
  color: var(--txt2);
  font-weight: 500;
}

.pg-controls {
  align-items: center;
  gap: 4px;
  display: flex;
}

.pg-btn {
  border: 1px solid var(--b0);
  width: 30px;
  height: 30px;
  color: var(--txt2);
  cursor: pointer;
  transition: var(--tr);
  background: none;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  font-family: JetBrains Mono, monospace;
  font-size: 11px;
  display: flex;
}

.pg-btn:hover {
  background: var(--surf2);
  border-color: var(--b1);
  color: var(--txt);
}

.pg-btn.active {
  background: var(--a1);
  border-color: var(--a1);
  color: #fff;
  box-shadow: 0 2px 8px var(--a1s);
}

.pg-btn.nav {
  color: var(--txt3);
}

.pg-btn.nav svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  width: 12px;
  height: 12px;
}

.pg-btn.nav:disabled {
  opacity: .3;
  cursor: default;
}

.pg-ellipsis {
  color: var(--txt3);
  padding: 0 4px;
  font-family: JetBrains Mono, monospace;
  font-size: 11px;
}

.pg-size {
  align-items: center;
  gap: 8px;
  display: flex;
}

.pg-size-label {
  color: var(--txt3);
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
}

.pg-size-select {
  background: var(--surf2);
  border: 1px solid var(--b0);
  height: 30px;
  color: var(--txt2);
  cursor: pointer;
  border-radius: 7px;
  padding: 0 8px;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
  transition: background .3s, border-color .3s;
}

.modal-overlay {
  z-index: 1000;
  background: var(--overlay);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  justify-content: center;
  align-items: center;
  transition: opacity .25s, visibility .25s;
  display: flex;
  position: fixed;
  inset: 0;
}

.modal-overlay.open {
  opacity: 1;
  visibility: visible;
}

.modal-overlay.open .modal {
  opacity: 1;
  transform: translateY(0)scale(1);
}

.modal {
  background: var(--modal-bg);
  border: 1px solid var(--modal-border);
  border-radius: var(--modal-radius);
  box-shadow: var(--modal-shadow);
  opacity: 0;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), opacity .25s;
  display: flex;
  overflow: hidden;
  transform: translateY(20px)scale(.97);
}

.modal-header {
  background: var(--modal-header-bg);
  border-bottom: 1px solid var(--modal-border);
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  display: flex;
}

.modal-header-icon {
  background: var(--a1g);
  border: 1px solid var(--a1s);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: background .3s, border-color .3s;
  display: flex;
}

.modal-header-icon svg {
  width: 17px;
  height: 17px;
  stroke: var(--a1);
  fill: none;
  stroke-width: 1.8px;
  stroke-linecap: round;
  transition: stroke .3s;
}

.modal-title {
  letter-spacing: .06em;
  color: var(--txt);
  flex: 1;
  font-family: Bebas Neue, sans-serif;
  font-size: 20px;
}

.modal-close {
  cursor: pointer;
  width: 30px;
  height: 30px;
  transition: var(--tr);
  background: none;
  border: 1px solid #0000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.modal-close:hover {
  background: #ef44441a;
  border-color: #ef444433;
}

.modal-close svg {
  width: 14px;
  height: 14px;
  stroke: var(--txt3);
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
}

.modal-close:hover svg {
  stroke: var(--err);
}

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

.modal-body::-webkit-scrollbar {
  width: 4px;
}

.modal-body::-webkit-scrollbar-thumb {
  background: var(--b0);
  border-radius: 2px;
}

.modal-footer {
  border-top: 1px solid var(--modal-border);
  background: var(--modal-header-bg);
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 14px 20px;
  display: flex;
}

.settings-modal .modal {
  max-width: 560px;
}

.settings-section {
  margin-bottom: 24px;
}

.settings-section:last-child {
  margin-bottom: 0;
}

.settings-section-title {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--txt3);
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  font-family: JetBrains Mono, monospace;
  font-size: 9px;
  font-weight: 600;
  display: flex;
}

.settings-section-title:after {
  content: "";
  background: var(--b0);
  flex: 1;
  height: 1px;
}

.accent-grid {
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  display: grid;
}

.accent-swatch {
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 36px;
  transition: all .2s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.accent-swatch:after {
  content: "";
  opacity: 0;
  background: #ffffff26;
  transition: opacity .15s;
  position: absolute;
  inset: 0;
}

.accent-swatch:hover:after {
  opacity: 1;
}

.accent-swatch:hover {
  transform: scale(1.08);
}

.accent-swatch.selected {
  box-shadow: 0 0 0 3px var(--a1);
  border-color: #fff;
}

.accent-swatch svg {
  stroke: #fff;
  fill: none;
  stroke-width: 2.5px;
  stroke-linecap: round;
  opacity: 0;
  width: 14px;
  height: 14px;
  transition: opacity .15s;
}

.accent-swatch.selected svg {
  opacity: 1;
}

.theme-cards {
  gap: 10px;
  display: flex;
}

.theme-card {
  border: 2px solid var(--b0);
  cursor: pointer;
  transition: var(--tr);
  background: var(--surf2);
  border-radius: 11px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 12px;
  display: flex;
}

.theme-card:hover, .theme-card.selected {
  border-color: var(--a1);
  background: var(--a1g);
}

.theme-card-preview {
  border-radius: 7px;
  gap: 4px;
  height: 48px;
  padding: 6px;
  display: flex;
  overflow: hidden;
}

.tc-dark .theme-card-preview {
  background: #030712;
}

.tc-dark .tcp-bar {
  background: #111827;
  border-radius: 4px;
  flex: 1;
}

.tc-light .theme-card-preview {
  background: #f8fafc;
}

.tc-light .tcp-bar {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  flex: 1;
}

.tcp-bar {
  border-radius: 3px;
  flex: 1;
}

.tc-dark .tcp-bar:first-child {
  background: #111827;
}

.tc-dark .tcp-bar:nth-child(2) {
  background: #1f2937;
  flex: 2.5;
}

.tc-light .tcp-bar:first-child {
  background: #f1f5f9;
}

.tc-light .tcp-bar:nth-child(2) {
  background: #fff;
  flex: 2.5;
}

.theme-card-name {
  color: var(--txt);
  text-align: center;
  font-size: 11px;
  font-weight: 600;
}

.settings-row {
  border-bottom: 1px solid var(--b0);
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  display: flex;
}

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

.settings-row-label {
  color: var(--txt);
  margin-bottom: 2px;
  font-size: 12.5px;
  font-weight: 600;
}

.settings-row-desc {
  color: var(--txt3);
  font-size: 11px;
}

.toggle-switch {
  background: var(--b1);
  cursor: pointer;
  border-radius: 999px;
  flex-shrink: 0;
  width: 40px;
  height: 22px;
  transition: background .22s;
  position: relative;
}

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

.toggle-switch:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: transform .22s cubic-bezier(.34, 1.56, .64, 1);
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 1px 4px #00000040;
}

.toggle-switch.on:after {
  transform: translateX(18px);
}

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

.form-group {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.form-group.full {
  grid-column: 1 / -1;
}

.form-label {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--txt3);
  font-family: JetBrains Mono, monospace;
  font-size: 9.5px;
  font-weight: 600;
}

.form-input {
  background: var(--input-bg);
  border: 1px solid var(--input-border);
  height: 38px;
  color: var(--txt);
  border-radius: 9px;
  width: 100%;
  padding: 0 12px;
  font-size: 12.5px;
  transition: border-color .2s, box-shadow .2s, background .3s;
}

.form-input:focus {
  border-color: var(--a1);
  box-shadow: 0 0 0 3px var(--a1g);
}

.form-input::placeholder {
  color: var(--txt3);
}

.form-select {
  background: var(--input-bg);
  border: 1px solid var(--input-border);
  height: 38px;
  color: var(--txt);
  cursor: pointer;
  border-radius: 9px;
  width: 100%;
  padding: 0 12px;
  font-size: 12.5px;
  transition: border-color .2s, box-shadow .2s, background .3s;
}

.form-select:focus {
  border-color: var(--a1);
  box-shadow: 0 0 0 3px var(--a1g);
}

.driver-profile {
  background: var(--surf2);
  border: 1px solid var(--b0);
  border-radius: 12px;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  padding: 14px;
  display: flex;
}

.driver-profile-avatar {
  color: #fff;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  font-family: JetBrains Mono, monospace;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.driver-profile-name {
  letter-spacing: .04em;
  color: var(--txt);
  font-family: Bebas Neue, sans-serif;
  font-size: 22px;
}

.driver-profile-id {
  color: var(--txt3);
  letter-spacing: .06em;
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
}

.detail-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.detail-item {
  background: var(--surf2);
  border: 1px solid var(--b0);
  border-radius: 10px;
  padding: 10px 12px;
  transition: background .3s, border-color .3s;
}

.detail-item-label {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--txt3);
  margin-bottom: 5px;
  font-family: JetBrains Mono, monospace;
  font-size: 8.5px;
  font-weight: 600;
}

.detail-item-val {
  color: var(--txt);
  font-size: 12.5px;
  font-weight: 600;
}

.delete-modal .modal {
  max-width: 420px;
}

.delete-warn {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 8px 0 20px;
  display: flex;
}

.delete-warn-icon {
  background: #ef44441a;
  border: 2px solid #ef444440;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  animation: .4s .2s warn-shake;
  display: flex;
}

@keyframes warn-shake {
  0%, 100% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-4px);
  }

  75% {
    transform: translateX(4px);
  }
}

.delete-warn-icon svg {
  stroke: #ef4444;
  fill: none;
  stroke-width: 1.8px;
  stroke-linecap: round;
  width: 26px;
  height: 26px;
}

.delete-warn-title {
  letter-spacing: .04em;
  color: var(--txt);
  font-family: Bebas Neue, sans-serif;
  font-size: 22px;
}

.delete-warn-text {
  color: var(--txt2);
  max-width: 280px;
  font-size: 12.5px;
  line-height: 1.6;
}

.btn-danger {
  background: var(--err);
  color: #fff;
  height: 36px;
  transition: var(--tr);
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 9px;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.btn-danger:hover {
  background: #dc2626;
  transform: translateY(-1px);
  box-shadow: 0 5px 16px #ef444466;
}

.btn-danger svg {
  stroke: #fff;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  width: 14px;
  height: 14px;
}

.btn-cancel {
  border: 1px solid var(--b1);
  height: 36px;
  color: var(--txt2);
  cursor: pointer;
  transition: var(--tr);
  white-space: nowrap;
  background: none;
  border-radius: 9px;
  padding: 0 14px;
  font-size: 12px;
  font-weight: 600;
}

.btn-cancel:hover {
  border-color: var(--b2);
  color: var(--txt);
  background: var(--surf2);
}

.notif-popup {
  z-index: 900;
  background: var(--modal-bg);
  border: 1px solid var(--modal-border);
  width: 340px;
  box-shadow: var(--modal-shadow);
  opacity: 0;
  visibility: hidden;
  border-radius: 14px;
  transition: all .22s cubic-bezier(.34, 1.56, .64, 1);
  position: fixed;
  top: 64px;
  right: 16px;
  overflow: hidden;
  transform: translateY(-8px)scale(.97);
}

.notif-popup.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0)scale(1);
}

.notif-header {
  border-bottom: 1px solid var(--modal-border);
  background: var(--modal-header-bg);
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.notif-header-title {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--txt2);
  font-family: JetBrains Mono, monospace;
  font-size: 10px;
  font-weight: 600;
}

.notif-mark-all {
  color: var(--a1);
  cursor: pointer;
  font-family: JetBrains Mono, monospace;
  font-size: 9px;
  transition: opacity .15s;
}

.notif-mark-all:hover {
  opacity: .7;
}

.notif-list {
  max-height: 320px;
  overflow-y: auto;
}

.notif-list::-webkit-scrollbar {
  width: 3px;
}

.notif-list::-webkit-scrollbar-thumb {
  background: var(--b0);
}

.notif-item {
  border-bottom: 1px solid var(--b0);
  cursor: pointer;
  gap: 11px;
  padding: 12px 16px;
  transition: background .15s;
  display: flex;
}

.notif-item:last-child {
  border-bottom: none;
}

.notif-item:hover {
  background: var(--modal-header-bg);
}

.notif-item.unread, .notif-item.unread:hover {
  background: var(--a1g);
}

.notif-dot {
  background: var(--a1);
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-top: 5px;
  transition: background .3s;
}

.notif-item:not(.unread) .notif-dot {
  background: var(--b1);
}

.notif-item-title {
  color: var(--txt);
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 600;
}

.notif-item-time {
  color: var(--txt3);
  font-family: JetBrains Mono, monospace;
  font-size: 9.5px;
}

.toast-container {
  z-index: 2000;
  flex-direction: column;
  gap: 8px;
  display: flex;
  position: fixed;
  bottom: 24px;
  right: 24px;
}

.toast {
  background: var(--toast-bg);
  border: 1px solid var(--modal-border);
  min-width: 280px;
  max-width: 360px;
  box-shadow: var(--shadow-lg);
  opacity: 0;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), opacity .25s;
  display: flex;
  transform: translateX(120%);
}

.toast.show {
  opacity: 1;
  transform: translateX(0);
}

.toast.hide {
  opacity: 0;
  transform: translateX(120%);
}

.toast-icon {
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.toast-icon svg {
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
  stroke-linecap: round;
  width: 14px;
  height: 14px;
}

.toast.t-success .toast-icon {
  background: var(--ok);
}

.toast.t-error .toast-icon {
  background: var(--err);
}

.toast.t-info .toast-icon {
  background: var(--a1);
  transition: background .3s;
}

.toast-msg {
  color: var(--txt);
  flex: 1;
  font-size: 12.5px;
  line-height: 1.4;
}

.toast-close {
  cursor: pointer;
  opacity: .5;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition: opacity .15s;
  display: flex;
}

.toast-close:hover {
  opacity: 1;
}

.toast-close svg {
  width: 12px;
  height: 12px;
  stroke: var(--txt);
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
}

.flex {
  display: flex;
}

.gap6 {
  gap: 6px;
}

.ml-auto {
  margin-left: auto;
}

.resource-table-shell {
  flex-direction: column;
  width: 100%;
  min-width: 0;
  display: flex;
}

.placeholder\:text-slate-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.placeholder\:text-slate-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}

.after\:left-\[2px\]:after {
  content: var(--tw-content);
  left: 2px;
}

.after\:top-\[2px\]:after {
  content: var(--tw-content);
  top: 2px;
}

.after\:h-4:after {
  content: var(--tw-content);
  height: 1rem;
}

.after\:w-4:after {
  content: var(--tw-content);
  width: 1rem;
}

.after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:bg-white:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.after\:transition-all:after {
  content: var(--tw-content);
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.after\:content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content);
}

.last\:border-0:last-child {
  border-width: 0;
}

.last\:pb-0:last-child {
  padding-bottom: 0;
}

.hover\:relative:hover {
  position: relative;
}

.hover\:z-10:hover {
  z-index: 10;
}

.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-\[var\(--a1\)\]:hover {
  border-color: var(--a1);
}

.hover\:border-blue-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

.hover\:border-indigo-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

.hover\:border-indigo-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}

.hover\:border-slate-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.hover\:border-violet-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(196 181 253 / var(--tw-border-opacity, 1));
}

.hover\:bg-\[var\(--a1d\)\]:hover {
  background-color: var(--a1d);
}

.hover\:bg-amber-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-amber-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(180 83 9 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.hover\:bg-sky-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-sky-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-50\/50:hover {
  background-color: #f8fafc80;
}

.hover\:bg-slate-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.hover\:bg-violet-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-violet-500\/70:hover {
  background-color: #8b5cf6b3;
}

.hover\:bg-violet-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-yellow-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
}

.hover\:text-\[var\(--a1\)\]:hover {
  color: var(--a1);
}

.hover\:text-\[var\(--lh-primary\)\]:hover {
  color: var(--lh-primary);
}

.hover\:text-amber-900:hover {
  --tw-text-opacity: 1;
  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-700:hover, .hover\:text-brand-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.hover\:text-emerald-700:hover {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.hover\:text-indigo-600:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.hover\:text-red-900:hover {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-300:hover {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-600:hover {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.hover\:text-violet-600:hover {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-90:hover {
  opacity: .9;
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-indigo-500\/40:hover {
  --tw-shadow-color: #6366f166;
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:border-blue-500:focus, .focus\:border-brand-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.focus\:outline-none:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-\[var\(--a1\)\]:focus {
  --tw-ring-color: var(--a1);
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-blue-500\/20:focus {
  --tw-ring-color: #3b82f633;
}

.focus\:ring-brand-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-indigo-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

.focus\:ring-indigo-500\/40:focus {
  --tw-ring-color: #6366f166;
}

.focus\:ring-sky-500\/40:focus {
  --tw-ring-color: #0ea5e966;
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.active\:cursor-grabbing:active {
  cursor: grabbing;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:opacity-30:disabled {
  opacity: .3;
}

.disabled\:opacity-40:disabled {
  opacity: .4;
}

.disabled\:opacity-50:disabled {
  opacity: .5;
}

.disabled\:opacity-60:disabled {
  opacity: .6;
}

.group:hover .group-hover\:block {
  display: block;
}

.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:bg-orange-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 186 116 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.peer:checked ~ .peer-checked\:bg-brand-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:after\:translate-x-5:after {
  content: var(--tw-content);
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dark\:divide-slate-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-divide-opacity, 1));
}

.dark\:border-amber-500\/30:is(.dark *) {
  border-color: #f59e0b4d;
}

.dark\:border-amber-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}

.dark\:border-blue-500:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.dark\:border-blue-500\/30:is(.dark *) {
  border-color: #3b82f64d;
}

.dark\:border-emerald-500\/40:is(.dark *) {
  border-color: #10b98166;
}

.dark\:border-indigo-500\/20:is(.dark *) {
  border-color: #6366f133;
}

.dark\:border-indigo-500\/30:is(.dark *) {
  border-color: #6366f14d;
}

.dark\:border-red-500\/30:is(.dark *) {
  border-color: #ef44444d;
}

.dark\:border-red-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}

.dark\:border-red-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-700\/50:is(.dark *) {
  border-color: #33415580;
}

.dark\:border-slate-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-800\/60:is(.dark *) {
  border-color: #1e293b99;
}

.dark\:border-slate-900:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}

.dark\:border-violet-500:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}

.dark\:bg-\[\#0b1121\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(11 17 33 / var(--tw-bg-opacity, 1));
}

.dark\:bg-amber-500\/10:is(.dark *) {
  background-color: #f59e0b1a;
}

.dark\:bg-amber-500\/15:is(.dark *) {
  background-color: #f59e0b26;
}

.dark\:bg-amber-500\/20:is(.dark *) {
  background-color: #f59e0b33;
}

.dark\:bg-amber-500\/5:is(.dark *) {
  background-color: #f59e0b0d;
}

.dark\:bg-amber-900\/30:is(.dark *) {
  background-color: #78350f4d;
}

.dark\:bg-amber-900\/40:is(.dark *) {
  background-color: #78350f66;
}

.dark\:bg-amber-950\/30:is(.dark *) {
  background-color: #451a034d;
}

.dark\:bg-blue-500\/10:is(.dark *) {
  background-color: #3b82f61a;
}

.dark\:bg-blue-500\/15:is(.dark *) {
  background-color: #3b82f626;
}

.dark\:bg-blue-500\/20:is(.dark *) {
  background-color: #3b82f633;
}

.dark\:bg-blue-900\/30:is(.dark *) {
  background-color: #1e3a8a4d;
}

.dark\:bg-blue-950\/30:is(.dark *) {
  background-color: #1725544d;
}

.dark\:bg-brand-900\/20:is(.dark *) {
  background-color: #1e3a8a33;
}

.dark\:bg-emerald-500\/10:is(.dark *) {
  background-color: #10b9811a;
}

.dark\:bg-emerald-500\/15:is(.dark *) {
  background-color: #10b98126;
}

.dark\:bg-emerald-500\/20:is(.dark *) {
  background-color: #10b98133;
}

.dark\:bg-emerald-900\/30:is(.dark *) {
  background-color: #064e3b4d;
}

.dark\:bg-emerald-900\/40:is(.dark *) {
  background-color: #064e3b66;
}

.dark\:bg-emerald-950\/20:is(.dark *) {
  background-color: #022c2233;
}

.dark\:bg-emerald-950\/30:is(.dark *) {
  background-color: #022c224d;
}

.dark\:bg-emerald-950\/40:is(.dark *) {
  background-color: #022c2266;
}

.dark\:bg-indigo-500\/10:is(.dark *) {
  background-color: #6366f11a;
}

.dark\:bg-indigo-500\/15:is(.dark *) {
  background-color: #6366f126;
}

.dark\:bg-pink-500\/10:is(.dark *) {
  background-color: #ec48991a;
}

.dark\:bg-red-500\/10:is(.dark *) {
  background-color: #ef44441a;
}

.dark\:bg-red-500\/15:is(.dark *) {
  background-color: #ef444426;
}

.dark\:bg-red-500\/20:is(.dark *) {
  background-color: #ef444433;
}

.dark\:bg-red-500\/5:is(.dark *) {
  background-color: #ef44440d;
}

.dark\:bg-red-900\/20:is(.dark *) {
  background-color: #7f1d1d33;
}

.dark\:bg-red-900\/30:is(.dark *) {
  background-color: #7f1d1d4d;
}

.dark\:bg-red-900\/40:is(.dark *) {
  background-color: #7f1d1d66;
}

.dark\:bg-rose-500\/20:is(.dark *) {
  background-color: #f43f5e33;
}

.dark\:bg-rose-950\/30:is(.dark *) {
  background-color: #4c05194d;
}

.dark\:bg-sky-500\/10:is(.dark *) {
  background-color: #0ea5e91a;
}

.dark\:bg-sky-500\/15:is(.dark *) {
  background-color: #0ea5e926;
}

.dark\:bg-sky-500\/20:is(.dark *) {
  background-color: #0ea5e933;
}

.dark\:bg-slate-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-700\/40:is(.dark *) {
  background-color: #33415566;
}

.dark\:bg-slate-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-800\/20:is(.dark *) {
  background-color: #1e293b33;
}

.dark\:bg-slate-800\/40:is(.dark *) {
  background-color: #1e293b66;
}

.dark\:bg-slate-800\/50:is(.dark *) {
  background-color: #1e293b80;
}

.dark\:bg-slate-800\/60:is(.dark *) {
  background-color: #1e293b99;
}

.dark\:bg-slate-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-900\/50:is(.dark *) {
  background-color: #0f172a80;
}

.dark\:bg-slate-900\/80:is(.dark *) {
  background-color: #0f172acc;
}

.dark\:bg-slate-950:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-950\/40:is(.dark *) {
  background-color: #02061766;
}

.dark\:bg-slate-950\/80:is(.dark *) {
  background-color: #020617cc;
}

.dark\:bg-teal-500\/10:is(.dark *) {
  background-color: #14b8a61a;
}

.dark\:bg-transparent:is(.dark *) {
  background-color: #0000;
}

.dark\:bg-violet-500\/10:is(.dark *) {
  background-color: #8b5cf61a;
}

.dark\:bg-violet-500\/15:is(.dark *) {
  background-color: #8b5cf626;
}

.dark\:bg-violet-500\/30:is(.dark *) {
  background-color: #8b5cf64d;
}

.dark\:bg-violet-900\/30:is(.dark *) {
  background-color: #4c1d954d;
}

.dark\:bg-violet-900\/40:is(.dark *) {
  background-color: #4c1d9566;
}

.dark\:bg-violet-950\/30:is(.dark *) {
  background-color: #2e10654d;
}

.dark\:bg-violet-950\/40:is(.dark *) {
  background-color: #2e106566;
}

.dark\:from-blue-500\/10:is(.dark *) {
  --tw-gradient-from: #3b82f61a var(--tw-gradient-from-position);
  --tw-gradient-to: #3b82f600 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-slate-800:is(.dark *) {
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: #1e293b00 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:via-indigo-500\/20:is(.dark *) {
  --tw-gradient-to: #6366f100 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6366f133 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.dark\:to-sky-500\/10:is(.dark *) {
  --tw-gradient-to: #0ea5e91a var(--tw-gradient-to-position);
}

.dark\:to-slate-800:is(.dark *) {
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}

.dark\:stroke-slate-700:is(.dark *) {
  stroke: #334155;
}

.dark\:text-amber-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.dark\:text-brand-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.dark\:text-emerald-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

.dark\:text-indigo-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}

.dark\:text-pink-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}

.dark\:text-red-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

.dark\:text-red-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.dark\:text-red-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.dark\:text-rose-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}

.dark\:text-rose-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

.dark\:text-sky-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}

.dark\:text-sky-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-600:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.dark\:text-teal-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(45 212 191 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}

.dark\:text-violet-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}

.dark\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark\:ring-white:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.dark\:ring-offset-\[\#0b1121\]:is(.dark *) {
  --tw-ring-offset-color: #0b1121;
}

.dark\:hover\:border-blue-500\/40:hover:is(.dark *) {
  border-color: #3b82f666;
}

.dark\:hover\:border-slate-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

.dark\:hover\:border-slate-700:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}

.dark\:hover\:border-violet-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(124 58 237 / var(--tw-border-opacity, 1));
}

.dark\:hover\:bg-blue-500\/20:hover:is(.dark *) {
  background-color: #3b82f633;
}

.dark\:hover\:bg-blue-950\/20:hover:is(.dark *) {
  background-color: #17255433;
}

.dark\:hover\:bg-red-500\/20:hover:is(.dark *) {
  background-color: #ef444433;
}

.dark\:hover\:bg-red-900\/20:hover:is(.dark *) {
  background-color: #7f1d1d33;
}

.dark\:hover\:bg-sky-500\/20:hover:is(.dark *) {
  background-color: #0ea5e933;
}

.dark\:hover\:bg-slate-600:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-slate-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-slate-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-slate-800\/30:hover:is(.dark *) {
  background-color: #1e293b4d;
}

.dark\:hover\:bg-slate-800\/40:hover:is(.dark *) {
  background-color: #1e293b66;
}

.dark\:hover\:bg-slate-800\/50:hover:is(.dark *) {
  background-color: #1e293b80;
}

.dark\:hover\:bg-slate-950\/50:hover:is(.dark *) {
  background-color: #02061780;
}

.dark\:hover\:bg-violet-500\/60:hover:is(.dark *) {
  background-color: #8b5cf699;
}

.dark\:hover\:text-blue-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-emerald-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-slate-100:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-slate-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-slate-300:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-white:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark\:focus\:ring-offset-\[\#0b1121\]:focus:is(.dark *) {
  --tw-ring-offset-color: #0b1121;
}

.group:hover .dark\:group-hover\:text-violet-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:inline-block {
    display: inline-block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:border-b-0 {
    border-bottom-width: 0;
  }

  .sm\:border-r {
    border-right-width: 1px;
  }
}

@media (min-width: 768px) {
  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-\[1\.5fr_1fr\] {
    grid-template-columns: 1.5fr 1fr;
  }

  .md\:grid-cols-\[1fr_1\.1fr\] {
    grid-template-columns: 1fr 1.1fr;
  }

  .md\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-14 {
    padding: 3.5rem;
  }

  .md\:p-16 {
    padding: 4rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:text-\[19px\] {
    font-size: 19px;
  }
}

@media (min-width: 1024px) {
  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[1\.4fr_1fr\] {
    grid-template-columns: 1.4fr 1fr;
  }

  .lg\:grid-cols-\[1\.55fr_1fr\] {
    grid-template-columns: 1.55fr 1fr;
  }

  .lg\:grid-cols-\[1\.5fr_1fr\] {
    grid-template-columns: 1.5fr 1fr;
  }

  .lg\:grid-cols-\[1fr\,320px\] {
    grid-template-columns: 1fr 320px;
  }

  .lg\:grid-cols-\[1fr\,360px\] {
    grid-template-columns: 1fr 360px;
  }

  .lg\:grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }

  .lg\:grid-cols-\[1fr_280px\] {
    grid-template-columns: 1fr 280px;
  }

  .lg\:grid-cols-\[1fr_420px\] {
    grid-template-columns: 1fr 420px;
  }

  .lg\:grid-cols-\[240px_1fr\] {
    grid-template-columns: 240px 1fr;
  }

  .lg\:grid-cols-\[260px_1fr\] {
    grid-template-columns: 260px 1fr;
  }

  .lg\:grid-cols-\[420px_1fr\] {
    grid-template-columns: 420px 1fr;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-20 {
    gap: 5rem;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-\[120px\] {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

@media (min-width: 1280px) {
  .xl\:sticky {
    position: sticky;
  }

  .xl\:top-4 {
    top: 1rem;
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[1\.5fr_1fr\] {
    grid-template-columns: 1.5fr 1fr;
  }

  .xl\:grid-cols-\[5fr_4fr\] {
    grid-template-columns: 5fr 4fr;
  }

  .xl\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
    grid-template-columns: minmax(0, 1fr) 360px;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__b5c4d057._.css.map*/