@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");/* inter-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/VueClient/Developers/inter-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/VueClient/Developers/inter-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/VueClient/Developers/inter-greek-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/VueClient/Developers/inter-greek-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/VueClient/Developers/inter-vietnamese-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/VueClient/Developers/inter-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}

/* inter-latin-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/VueClient/Developers/inter-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* jetbrains-mono-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* jetbrains-mono-cyrillic-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/VueClient/Developers/jetbrains-mono-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* jetbrains-mono-greek-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/VueClient/Developers/jetbrains-mono-greek-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* jetbrains-mono-vietnamese-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/VueClient/Developers/jetbrains-mono-vietnamese-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* jetbrains-mono-latin-ext-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/VueClient/Developers/jetbrains-mono-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;
}

/* jetbrains-mono-latin-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/VueClient/Developers/jetbrains-mono-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}.dialog-overlay[data-v-f5606e24] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  backdrop-filter: blur(4px);
}
.dialog-container[data-v-f5606e24] {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  width: 90%;
  max-width: 420px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.dialog-header[data-v-f5606e24] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px 24px 16px;
}
.dialog-header .dialog-icon[data-v-f5606e24] {
  font-size: 28px;
  color: var(--warning);
}
.dialog-header h3[data-v-f5606e24] {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}
.dialog-body[data-v-f5606e24] {
  padding: 0 24px 24px;
}
.dialog-body p[data-v-f5606e24] {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text-secondary);
  margin: 0;
  white-space: pre-line;
}
.dialog-footer[data-v-f5606e24] {
  display: flex;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid var(--border-color);
  background: var(--bg-secondary);
}
.btn-cancel[data-v-f5606e24],
.btn-confirm[data-v-f5606e24] {
  flex: 1;
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-cancel[data-v-f5606e24] {
  background: transparent;
  border: 1px solid var(--border-color);
  color: var(--text-secondary);
}
.btn-cancel[data-v-f5606e24]:hover {
  background: var(--bg-tertiary);
  border-color: var(--border-light);
}
.btn-confirm[data-v-f5606e24] {
  background: var(--primary);
  border: none;
  color: #ffffff;
}
.btn-confirm[data-v-f5606e24]:hover {
  background: var(--primary-hover);
}
.dialog-fade-enter-active[data-v-f5606e24],
.dialog-fade-leave-active[data-v-f5606e24] {
  transition: opacity 0.2s;
}
.dialog-fade-enter-from[data-v-f5606e24],
.dialog-fade-leave-to[data-v-f5606e24] {
  opacity: 0;
}
.dialog-fade-enter-active .dialog-container[data-v-f5606e24] {
  animation: dialog-scale-in-f5606e24 0.2s;
}
.dialog-fade-leave-active .dialog-container[data-v-f5606e24] {
  animation: dialog-scale-out-f5606e24 0.15s;
}
@keyframes dialog-scale-in-f5606e24 {
from {
    transform: scale(0.95);
    opacity: 0;
}
to {
    transform: scale(1);
    opacity: 1;
}
}
@keyframes dialog-scale-out-f5606e24 {
from {
    transform: scale(1);
    opacity: 1;
}
to {
    transform: scale(0.95);
    opacity: 0;
}
}.dialog-overlay[data-v-3afc7c20] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  backdrop-filter: blur(4px);
}
.dialog-container[data-v-3afc7c20] {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  width: 90%;
  max-width: 400px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.dialog-header[data-v-3afc7c20] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px 24px 16px;
}
.dialog-header .dialog-icon[data-v-3afc7c20] {
  font-size: 28px;
}
.dialog-header h3[data-v-3afc7c20] {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}
.dialog-header.type-info .dialog-icon[data-v-3afc7c20] {
  color: var(--primary);
}
.dialog-header.type-success .dialog-icon[data-v-3afc7c20] {
  color: var(--success);
}
.dialog-header.type-warning .dialog-icon[data-v-3afc7c20] {
  color: var(--warning);
}
.dialog-header.type-error .dialog-icon[data-v-3afc7c20] {
  color: var(--danger);
}
.dialog-body[data-v-3afc7c20] {
  padding: 0 24px 24px;
}
.dialog-body p[data-v-3afc7c20] {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text-secondary);
  margin: 0;
  white-space: pre-line;
}
.dialog-footer[data-v-3afc7c20] {
  padding: 16px 24px;
  border-top: 1px solid var(--border-color);
  background: var(--bg-secondary);
}
.btn-ok[data-v-3afc7c20] {
  width: 100%;
  padding: 12px 20px;
  background: var(--primary);
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-ok[data-v-3afc7c20]:hover {
  background: var(--primary-hover);
}
.dialog-fade-enter-active[data-v-3afc7c20],
.dialog-fade-leave-active[data-v-3afc7c20] {
  transition: opacity 0.2s;
}
.dialog-fade-enter-from[data-v-3afc7c20],
.dialog-fade-leave-to[data-v-3afc7c20] {
  opacity: 0;
}
.dialog-fade-enter-active .dialog-container[data-v-3afc7c20] {
  animation: dialog-scale-in-3afc7c20 0.2s;
}
.dialog-fade-leave-active .dialog-container[data-v-3afc7c20] {
  animation: dialog-scale-out-3afc7c20 0.15s;
}
@keyframes dialog-scale-in-3afc7c20 {
from {
    transform: scale(0.95);
    opacity: 0;
}
to {
    transform: scale(1);
    opacity: 1;
}
}
@keyframes dialog-scale-out-3afc7c20 {
from {
    transform: scale(1);
    opacity: 1;
}
to {
    transform: scale(0.95);
    opacity: 0;
}
}.policy-overlay[data-v-f33d689e] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  backdrop-filter: blur(4px);
  padding: 16px;
}
.policy-container[data-v-f33d689e] {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  width: 100%;
  max-width: 800px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.policy-header[data-v-f33d689e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid var(--border-color);
  background: var(--bg-secondary);
  flex-shrink: 0;
}
.policy-header h3[data-v-f33d689e] {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}
.policy-header .btn-close[data-v-f33d689e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  color: var(--text-muted);
  transition: all 0.2s;
}
.policy-header .btn-close[data-v-f33d689e]:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
.policy-header .btn-close .material-symbols-outlined[data-v-f33d689e] {
  font-size: 20px;
}
.policy-body[data-v-f33d689e] {
  overflow-y: auto;
  padding: 24px;
  flex: 1;
}
.policy-body[data-v-f33d689e] #lb-policy-wrapper #lb-policy-logo {
  height: 32px;
  margin-bottom: 24px;
}
.policy-body[data-v-f33d689e] #lb-policy-wrapper .lb-policy-category {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 24px 0 8px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--primary);
}
.policy-body[data-v-f33d689e] #lb-policy-wrapper .lb-policy-title {
  margin: 0 0 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-primary);
}
.policy-body[data-v-f33d689e] #lb-policy-wrapper .lb-policy-contents {
  margin: 0 0 24px;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
  word-break: keep-all;
  word-wrap: break-word;
}
.policy-body[data-v-f33d689e] #lb-policy-wrapper .lb-policy-tbl {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  font-size: 13px;
}
.policy-body[data-v-f33d689e] #lb-policy-wrapper .lb-policy-tbl th {
  background-color: var(--bg-secondary);
  font-weight: 600;
  text-align: center;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-primary);
}
.policy-body[data-v-f33d689e] #lb-policy-wrapper .lb-policy-tbl td {
  padding: 8px 12px;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-secondary);
  word-break: keep-all;
}
.policy-body[data-v-f33d689e] #lb-policy-wrapper .lb-policy-tbl#keep-period td:first-child {
  width: 73%;
  border-right: 1px solid var(--border-color);
}
.policy-footer[data-v-f33d689e] {
  padding: 16px 24px;
  border-top: 1px solid var(--border-color);
  background: var(--bg-secondary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-shrink: 0;
}
.policy-footer .scroll-hint[data-v-f33d689e] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--text-muted);
  margin: 0;
}
.policy-footer .scroll-hint .material-symbols-outlined[data-v-f33d689e] {
  font-size: 16px;
}
.policy-footer .footer-actions[data-v-f33d689e] {
  display: flex;
  gap: 8px;
  margin-left: auto;
}
.policy-footer .btn-close-text[data-v-f33d689e] {
  padding: 10px 20px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  background: transparent;
  color: var(--text-secondary);
}
.policy-footer .btn-close-text[data-v-f33d689e]:hover {
  background: var(--bg-tertiary);
}
.policy-footer .btn-agree[data-v-f33d689e] {
  padding: 10px 28px;
  border-radius: 10px;
  border: none;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
  background: var(--bg-tertiary);
  color: var(--text-muted);
}
.policy-footer .btn-agree.active[data-v-f33d689e] {
  background: var(--primary);
  color: #fff;
}
.policy-footer .btn-agree.active[data-v-f33d689e]:hover {
  background: var(--primary-hover);
}
.policy-footer .btn-agree[data-v-f33d689e]:disabled {
  cursor: not-allowed;
}
.dialog-fade-enter-active[data-v-f33d689e],
.dialog-fade-leave-active[data-v-f33d689e] {
  transition: opacity 0.2s;
}
.dialog-fade-enter-from[data-v-f33d689e],
.dialog-fade-leave-to[data-v-f33d689e] {
  opacity: 0;
}
.dialog-fade-enter-active .policy-container[data-v-f33d689e] {
  animation: dialog-scale-in-f33d689e 0.2s;
}
.dialog-fade-leave-active .policy-container[data-v-f33d689e] {
  animation: dialog-scale-out-f33d689e 0.15s;
}
@keyframes dialog-scale-in-f33d689e {
from {
    transform: scale(0.97);
    opacity: 0;
}
to {
    transform: scale(1);
    opacity: 1;
}
}
@keyframes dialog-scale-out-f33d689e {
from {
    transform: scale(1);
    opacity: 1;
}
to {
    transform: scale(0.97);
    opacity: 0;
}
}.modal-overlay[data-v-7d78f0f8] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9998;
  backdrop-filter: blur(4px);
  padding: 16px;
}
.modal-container[data-v-7d78f0f8] {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  width: 100%;
  max-width: 560px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}
.modal-header[data-v-7d78f0f8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid var(--border-color);
  background: var(--bg-secondary);
  flex-shrink: 0;
}
.modal-header h3[data-v-7d78f0f8] {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}
.modal-header .btn-close[data-v-7d78f0f8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  color: var(--text-muted);
  transition: all 0.2s;
}
.modal-header .btn-close[data-v-7d78f0f8]:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
.modal-header .btn-close .material-symbols-outlined[data-v-7d78f0f8] {
  font-size: 20px;
}
.modal-body[data-v-7d78f0f8] {
  padding: 24px;
  overflow-y: auto;
  flex: 1;
}
.modal-body.center[data-v-7d78f0f8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  padding: 40px 32px;
}
.modal-body.form-body[data-v-7d78f0f8] {
  padding: 20px 24px;
}
.modal-desc[data-v-7d78f0f8] {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0 0 20px;
  white-space: pre-line;
}
.icon-lg[data-v-7d78f0f8] {
  font-size: 56px;
}
.icon-lg.warning[data-v-7d78f0f8] {
  color: var(--warning);
}
.icon-lg.success[data-v-7d78f0f8] {
  color: var(--success);
}
.agreement-list[data-v-7d78f0f8] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.agreement-item[data-v-7d78f0f8] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  background: var(--bg-secondary);
  transition: border-color 0.2s;
}
.agreement-item.checked[data-v-7d78f0f8] {
  border-color: var(--primary);
  background: rgba(43, 108, 238, 0.06);
}
.agreement-item.checked .check-icon[data-v-7d78f0f8] {
  color: var(--primary);
}
.agreement-item .check-icon[data-v-7d78f0f8] {
  font-size: 22px;
  color: var(--text-muted);
  flex-shrink: 0;
  transition: color 0.2s;
}
.agreement-item .agreement-label[data-v-7d78f0f8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  text-align: left;
  padding: 0;
  transition: color 0.2s;
}
.agreement-item .agreement-label[data-v-7d78f0f8]:hover {
  color: var(--primary);
}
.agreement-item .agreement-label .arrow-icon[data-v-7d78f0f8] {
  font-size: 20px;
  color: var(--text-muted);
}
.form-grid[data-v-7d78f0f8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 500px) {
.form-grid[data-v-7d78f0f8] {
    grid-template-columns: 1fr;
}
}
.form-field[data-v-7d78f0f8] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-field.full[data-v-7d78f0f8] {
  grid-column: 1/-1;
}
.form-field label[data-v-7d78f0f8] {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
}
.form-field .required[data-v-7d78f0f8] {
  color: var(--danger);
}
.form-field input[data-v-7d78f0f8],
.form-field textarea[data-v-7d78f0f8] {
  padding: 10px 12px;
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 13px;
  color: var(--text-primary);
  transition: border-color 0.2s;
  font-family: inherit;
}
.form-field input[data-v-7d78f0f8]::placeholder,
.form-field textarea[data-v-7d78f0f8]::placeholder {
  color: var(--text-dim);
}
.form-field input[data-v-7d78f0f8]:focus,
.form-field textarea[data-v-7d78f0f8]:focus {
  outline: none;
  border-color: var(--primary);
}
.form-field .input-readonly[data-v-7d78f0f8] {
  background: var(--bg-secondary);
  color: var(--text-secondary);
  cursor: default;
}
.form-field .input-readonly[data-v-7d78f0f8]:focus {
  outline: none;
  border-color: var(--border-color);
}
.form-field textarea[data-v-7d78f0f8] {
  resize: vertical;
}
.form-field .field-hint[data-v-7d78f0f8] {
  font-size: 12px;
  color: var(--text-muted);
}
.radio-group[data-v-7d78f0f8] {
  display: flex;
  gap: 24px;
}
.radio-label[data-v-7d78f0f8] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text-primary);
  cursor: pointer;
}
.radio-label input[type=radio][data-v-7d78f0f8] {
  width: 16px;
  height: 16px;
  accent-color: var(--primary);
  cursor: pointer;
}
.modal-footer[data-v-7d78f0f8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-top: 1px solid var(--border-color);
  background: var(--bg-secondary);
  gap: 12px;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.footer-right[data-v-7d78f0f8] {
  display: flex;
  gap: 8px;
  margin-left: auto;
}
.btn-primary[data-v-7d78f0f8] {
  padding: 10px 24px;
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  gap: 6px;
}
.btn-primary[data-v-7d78f0f8]:hover:not(:disabled) {
  background: var(--primary-hover);
}
.btn-primary[data-v-7d78f0f8]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.btn-ghost[data-v-7d78f0f8] {
  padding: 10px 20px;
  background: transparent;
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-ghost[data-v-7d78f0f8]:hover {
  background: var(--bg-tertiary);
}
.btn-contact[data-v-7d78f0f8] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  background: transparent;
  color: var(--text-muted);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-contact[data-v-7d78f0f8]:hover {
  color: var(--text-primary);
  background: var(--bg-tertiary);
}
.btn-contact .material-symbols-outlined[data-v-7d78f0f8] {
  font-size: 16px;
}
.dev-company-field[data-v-7d78f0f8] {
  position: relative;
}
.autocomplete-wrap[data-v-7d78f0f8] {
  position: relative;
}
.autocomplete-dropdown[data-v-7d78f0f8] {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  z-index: 100;
  list-style: none;
  margin: 0;
  padding: 4px 0;
  max-height: 200px;
  overflow-y: auto;
}
.autocomplete-dropdown li[data-v-7d78f0f8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background 0.15s;
}
.autocomplete-dropdown li[data-v-7d78f0f8]:hover {
  background: var(--bg-tertiary);
}
.autocomplete-dropdown li .ac-name[data-v-7d78f0f8] {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
}
.autocomplete-dropdown li .ac-email[data-v-7d78f0f8] {
  font-size: 12px;
  color: var(--text-muted);
  flex-shrink: 0;
}
.spin[data-v-7d78f0f8] {
  animation: spin-7d78f0f8 1s linear infinite;
}
@keyframes spin-7d78f0f8 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.modal-fade-enter-active[data-v-7d78f0f8],
.modal-fade-leave-active[data-v-7d78f0f8] {
  transition: opacity 0.2s;
}
.modal-fade-enter-from[data-v-7d78f0f8],
.modal-fade-leave-to[data-v-7d78f0f8] {
  opacity: 0;
}
.modal-fade-enter-active .modal-container[data-v-7d78f0f8] {
  animation: modal-scale-in-7d78f0f8 0.2s;
}
.modal-fade-leave-active .modal-container[data-v-7d78f0f8] {
  animation: modal-scale-out-7d78f0f8 0.15s;
}
@keyframes modal-scale-in-7d78f0f8 {
from {
    transform: scale(0.97);
    opacity: 0;
}
to {
    transform: scale(1);
    opacity: 1;
}
}
@keyframes modal-scale-out-7d78f0f8 {
from {
    transform: scale(1);
    opacity: 1;
}
to {
    transform: scale(0.97);
    opacity: 0;
}
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
html, html.dark {
  --primary: #2b6cee;
  --primary-hover: #1d5bd6;
  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  --purple: #8b5cf6;
  --bg-primary: #030712;
  --bg-secondary: #0d1117;
  --bg-tertiary: #161b22;
  --bg-card: #0d1117;
  --bg-input: #0d1117;
  --text-primary: #f1f5f9;
  --text-secondary: #cbd5e1;
  --text-muted: #8b949e;
  --text-dim: #6e7681;
  --border-color: #21262d;
  --border-light: #30363d;
  --header-bg: #020617;
  --footer-bg: #030712;
  --code-bg: #0d1117;
  --code-text: #e6edf3;
}
html.light {
  --bg-primary: #ffffff;
  --bg-secondary: #f8fafc;
  --bg-tertiary: #f1f5f9;
  --bg-card: #ffffff;
  --bg-input: #ffffff;
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --text-dim: #94a3b8;
  --border-color: #e2e8f0;
  --border-light: #cbd5e1;
  --header-bg: #ffffff;
  --footer-bg: #f8fafc;
  --code-bg: #1e293b;
  --code-text: #e6edf3;
}
body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text-primary);
  background-color: var(--bg-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.3s ease, color 0.3s ease;
}
a {
  text-decoration: none;
  color: inherit;
}
::selection {
  background: rgba(43, 108, 238, 0.3);
  color: var(--text-primary);
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--bg-primary);
}
::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--border-light);
}
.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  vertical-align: middle;
}
.code,
code,
pre {
  font-family: "JetBrains Mono", "Consolas", monospace;
}.aem-overlay[data-v-1ea64f95] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  backdrop-filter: blur(3px);
  padding: 16px;
}
.aem-container[data-v-1ea64f95] {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  width: 100%;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}
.aem-header[data-v-1ea64f95] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid var(--border-color);
  background: var(--bg-secondary);
}
.aem-header h3[data-v-1ea64f95] {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}
.aem-header .aem-close[data-v-1ea64f95] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: transparent;
  border: none;
  border-radius: 7px;
  cursor: pointer;
  color: var(--text-muted);
  transition: all 0.15s;
}
.aem-header .aem-close[data-v-1ea64f95]:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
.aem-header .aem-close .material-symbols-outlined[data-v-1ea64f95] {
  font-size: 18px;
}
.aem-tabs[data-v-1ea64f95] {
  display: flex;
  border-bottom: 1px solid var(--border-color);
  background: var(--bg-secondary);
  padding: 0 20px;
}
.aem-tabs .aem-tab[data-v-1ea64f95] {
  padding: 12px 16px;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 0.15s;
  margin-bottom: -1px;
}
.aem-tabs .aem-tab[data-v-1ea64f95]:hover {
  color: var(--text-primary);
}
.aem-tabs .aem-tab.active[data-v-1ea64f95] {
  color: var(--primary);
  border-bottom-color: var(--primary);
}
.aem-body[data-v-1ea64f95] {
  padding: 20px;
  flex: 1;
  min-height: 200px;
}
.aem-field-group[data-v-1ea64f95] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.aem-section-label[data-v-1ea64f95] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 14px 0 4px;
  margin-top: 4px;
}
.aem-edit-btn[data-v-1ea64f95] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 0.15s;
  text-transform: none;
  letter-spacing: 0;
}
.aem-edit-btn[data-v-1ea64f95]:hover {
  color: var(--primary);
  border-color: var(--primary);
}
.aem-edit-btn .material-symbols-outlined[data-v-1ea64f95] {
  font-size: 13px;
}
.aem-autocomplete[data-v-1ea64f95] {
  position: relative;
}
.aem-suggestions[data-v-1ea64f95] {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  list-style: none;
  margin: 0;
  padding: 4px 0;
  z-index: 100;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  max-height: 160px;
  overflow-y: auto;
}
.aem-suggestions li[data-v-1ea64f95] {
  display: flex;
  flex-direction: column;
  padding: 8px 12px;
  cursor: pointer;
  transition: background 0.1s;
}
.aem-suggestions li[data-v-1ea64f95]:hover {
  background: var(--bg-tertiary);
}
.aem-suggestions li .sug-name[data-v-1ea64f95] {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
}
.aem-suggestions li .sug-email[data-v-1ea64f95] {
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 1px;
}
.aem-input[data-v-1ea64f95] {
  padding: 8px 10px;
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  border-radius: 7px;
  font-size: 13px;
  color: var(--text-primary);
  font-family: inherit;
  transition: border-color 0.15s;
}
.aem-input[data-v-1ea64f95]:focus {
  outline: none;
  border-color: var(--primary);
}
.required[data-v-1ea64f95] {
  color: var(--danger);
}
.aem-edit-actions[data-v-1ea64f95] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 12px;
}
.aem-btn-cancel[data-v-1ea64f95] {
  padding: 7px 16px;
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
  transition: background 0.15s;
}
.aem-btn-cancel[data-v-1ea64f95]:hover {
  background: var(--bg-tertiary);
}
.aem-btn-save[data-v-1ea64f95] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 7px 16px;
  background: var(--primary);
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  transition: background 0.15s;
}
.aem-btn-save[data-v-1ea64f95]:hover:not(:disabled) {
  background: var(--primary-hover);
}
.aem-btn-save[data-v-1ea64f95]:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.aem-btn-save .spin[data-v-1ea64f95] {
  animation: spin-1ea64f95 1s linear infinite;
  font-size: 14px;
}
@keyframes spin-1ea64f95 {
to {
    transform: rotate(360deg);
}
}
.aem-field[data-v-1ea64f95] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border-color);
}
.aem-field[data-v-1ea64f95]:last-child {
  border-bottom: none;
}
.aem-field label[data-v-1ea64f95] {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.aem-field .aem-value[data-v-1ea64f95] {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  line-height: 1.5;
}
.aem-field .aem-value .address-detail[data-v-1ea64f95] {
  display: block;
  font-size: 13px;
  color: var(--text-secondary);
  margin-top: 2px;
}
.status-badge[data-v-1ea64f95] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}
.status-badge.approved[data-v-1ea64f95] {
  background: rgba(34, 197, 94, 0.12);
  color: #16a34a;
}
.status-badge.pending[data-v-1ea64f95] {
  background: rgba(234, 179, 8, 0.12);
  color: #a16207;
}
.status-badge.rejected[data-v-1ea64f95] {
  background: rgba(239, 68, 68, 0.1);
  color: var(--danger);
}
.status-badge.none[data-v-1ea64f95] {
  background: var(--bg-tertiary);
  color: var(--text-muted);
}
.aem-loading[data-v-1ea64f95] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
}
.loading-spinner[data-v-1ea64f95] {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 2px solid rgba(59, 130, 246, 0.2);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: spin-1ea64f95 0.8s linear infinite;
}
@keyframes spin-1ea64f95 {
to {
    transform: rotate(360deg);
}
}
.aem-empty[data-v-1ea64f95] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 120px;
  color: var(--text-muted);
}
.aem-empty .material-symbols-outlined[data-v-1ea64f95] {
  font-size: 32px;
}
.aem-empty p[data-v-1ea64f95] {
  font-size: 13px;
  margin: 0;
}
.aem-footer[data-v-1ea64f95] {
  padding: 12px 20px;
  border-top: 1px solid var(--border-color);
  background: var(--bg-secondary);
}
.aem-footer .aem-notice[data-v-1ea64f95] {
  font-size: 11px;
  color: var(--text-muted);
  margin: 0;
  text-align: center;
}
.modal-fade-enter-active[data-v-1ea64f95],
.modal-fade-leave-active[data-v-1ea64f95] {
  transition: opacity 0.2s;
}
.modal-fade-enter-from[data-v-1ea64f95],
.modal-fade-leave-to[data-v-1ea64f95] {
  opacity: 0;
}
.modal-fade-enter-active .aem-container[data-v-1ea64f95] {
  animation: modal-in-1ea64f95 0.2s;
}
@keyframes modal-in-1ea64f95 {
from {
    transform: scale(0.96);
    opacity: 0;
}
to {
    transform: scale(1);
    opacity: 1;
}
}.wa-header[data-v-453c216e] {
  background-color: var(--header-bg);
  border-bottom: 1px solid var(--border-color);
  position: sticky;
  top: 0;
  z-index: 100;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.wa-header .container[data-v-453c216e] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
}
.wa-header .nav-wrapper[data-v-453c216e] {
  display: flex;
  gap: 32px;
}
.wa-header .nav-wrapper .logo[data-v-453c216e] {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-primary);
  transition: opacity 0.2s ease;
}
.wa-header .nav-wrapper .logo[data-v-453c216e]:hover {
  opacity: 0.8;
}
.wa-header .nav-wrapper .logo .logo-icon[data-v-453c216e] {
  font-size: 24px;
  color: var(--primary);
}
.wa-header .nav-wrapper .logo .logo-text[data-v-453c216e] {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.3px;
}
.wa-header .nav-wrapper .nav[data-v-453c216e] {
  display: flex;
  gap: 8px;
}
.wa-header .nav-wrapper .nav .nav-link[data-v-453c216e] {
  color: var(--text-muted);
  font-size: 14px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.wa-header .nav-wrapper .nav .nav-link[data-v-453c216e]:hover {
  color: var(--text-primary);
  background-color: var(--bg-secondary);
}
.wa-header .nav-wrapper .nav .nav-link.router-link-exact-active[data-v-453c216e] {
  color: var(--text-primary);
  background-color: var(--bg-secondary);
}
.wa-header .actions[data-v-453c216e] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wa-header .actions .lang-selector[data-v-453c216e] {
  position: relative;
}
.wa-header .actions .lang-selector .lang-toggle[data-v-453c216e] {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 10px;
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  cursor: pointer;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.wa-header .actions .lang-selector .lang-toggle .material-symbols-outlined[data-v-453c216e] {
  font-size: 18px;
}
.wa-header .actions .lang-selector .lang-toggle .chevron[data-v-453c216e] {
  font-size: 16px;
  transition: transform 0.2s ease;
}
.wa-header .actions .lang-selector .lang-toggle .chevron.open[data-v-453c216e] {
  transform: rotate(180deg);
}
.wa-header .actions .lang-selector .lang-toggle[data-v-453c216e]:hover {
  color: var(--text-primary);
  border-color: var(--border-light);
}
.wa-header .actions .lang-selector .lang-dropdown[data-v-453c216e] {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 120px;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 200;
}
.wa-header .actions .lang-selector .lang-dropdown .lang-item[data-v-453c216e] {
  display: block;
  width: 100%;
  padding: 10px 16px;
  background: transparent;
  border: none;
  text-align: left;
  font-size: 13px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}
.wa-header .actions .lang-selector .lang-dropdown .lang-item[data-v-453c216e]:hover {
  background: var(--bg-secondary);
  color: var(--text-primary);
}
.wa-header .actions .lang-selector .lang-dropdown .lang-item.active[data-v-453c216e] {
  color: var(--primary);
  font-weight: 600;
}
.wa-header .actions .theme-toggle[data-v-453c216e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.wa-header .actions .theme-toggle .material-symbols-outlined[data-v-453c216e] {
  font-size: 20px;
  color: var(--text-muted);
  transition: color 0.2s ease;
}
.wa-header .actions .theme-toggle:hover .material-symbols-outlined[data-v-453c216e] {
  color: var(--text-primary);
}
.wa-header .actions .auth-btn[data-v-453c216e] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 20px;
  background-color: var(--primary);
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.wa-header .actions .auth-btn[data-v-453c216e]:hover {
  background-color: var(--primary-hover);
}
.wa-header .actions .auth-btn[data-v-453c216e]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.wa-header .actions .user-menu[data-v-453c216e] {
  position: relative;
}
.wa-header .actions .user-menu .user-avatar-btn[data-v-453c216e] {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 10px;
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  cursor: pointer;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.wa-header .actions .user-menu .user-avatar-btn[data-v-453c216e]:hover {
  color: var(--text-primary);
  border-color: var(--border-light);
}
.wa-header .actions .user-menu .user-avatar-btn .user-avatar-icon[data-v-453c216e] {
  font-size: 22px;
  color: var(--text-muted);
}
.wa-header .actions .user-menu .user-avatar-btn .user-display-name[data-v-453c216e] {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wa-header .actions .user-menu .user-dropdown[data-v-453c216e] {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 220px;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 200;
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-header[data-v-453c216e] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-header .user-avatar-icon-lg[data-v-453c216e] {
  font-size: 32px;
  color: var(--text-muted);
  flex-shrink: 0;
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-header .user-dropdown-id[data-v-453c216e] {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
  word-break: break-all;
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-edit[data-v-453c216e] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 16px;
  background: transparent;
  border: none;
  border-top: 1px solid var(--border-color);
  text-align: left;
  font-size: 13px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-edit .material-symbols-outlined[data-v-453c216e] {
  font-size: 18px;
  color: var(--text-muted);
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-edit[data-v-453c216e]:hover {
  background: var(--bg-secondary);
  color: var(--text-primary);
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-payment[data-v-453c216e] {
  display: block;
  width: 100%;
  padding: 10px 16px;
  background: var(--bg-secondary);
  border: none;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease;
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-payment[data-v-453c216e]:hover {
  background: var(--bg-tertiary);
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-payment .payment-label[data-v-453c216e] {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 3px;
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-payment .payment-expiry[data-v-453c216e] {
  font-size: 11px;
  color: var(--text-muted);
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-divider[data-v-453c216e] {
  height: 1px;
  background: var(--border-color);
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-logout[data-v-453c216e] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 11px 16px;
  background: transparent;
  border: none;
  text-align: left;
  font-size: 13px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-logout .material-symbols-outlined[data-v-453c216e] {
  font-size: 18px;
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-logout[data-v-453c216e]:hover {
  background: var(--bg-secondary);
  color: var(--danger);
}
.wa-header .actions .user-menu .user-dropdown .user-dropdown-logout[data-v-453c216e]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.wa-header .actions .loading-spinner[data-v-453c216e] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: spin-453c216e 0.8s linear infinite;
}
@keyframes spin-453c216e {
to {
    transform: rotate(360deg);
}
}
.wa-header .mobile-menu-btn[data-v-453c216e] {
  display: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.wa-header .mobile-menu-btn .material-symbols-outlined[data-v-453c216e] {
  font-size: 24px;
  color: var(--text-primary);
}
@media (max-width: 768px) {
.wa-header .nav[data-v-453c216e] {
    display: none;
}
.wa-header .actions .login-btn[data-v-453c216e],
  .wa-header .actions .logout-btn[data-v-453c216e] {
    display: none;
}
.wa-header .mobile-menu-btn[data-v-453c216e] {
    display: flex;
}
}.policy-overlay[data-v-58f8c99e] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  backdrop-filter: blur(4px);
  padding: 16px;
}
.policy-container[data-v-58f8c99e] {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  width: 100%;
  max-width: 800px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.policy-header[data-v-58f8c99e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid var(--border-color);
  background: var(--bg-secondary);
  flex-shrink: 0;
}
.policy-header h3[data-v-58f8c99e] {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}
.policy-header .btn-close[data-v-58f8c99e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  color: var(--text-muted);
  transition: all 0.2s;
}
.policy-header .btn-close[data-v-58f8c99e]:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
.policy-header .btn-close .material-symbols-outlined[data-v-58f8c99e] {
  font-size: 20px;
}
.policy-body[data-v-58f8c99e] {
  overflow-y: auto;
  padding: 24px;
  flex: 1;
}
.policy-body[data-v-58f8c99e] #lb-policy-wrapper #lb-policy-logo {
  height: 32px;
  margin-bottom: 24px;
}
.policy-body[data-v-58f8c99e] #lb-policy-wrapper .lb-policy-category {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 24px 0 8px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--primary);
}
.policy-body[data-v-58f8c99e] #lb-policy-wrapper .lb-policy-title {
  margin: 0 0 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: var(--text-primary);
}
.policy-body[data-v-58f8c99e] #lb-policy-wrapper .lb-policy-contents {
  margin: 0 0 24px;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
  word-break: keep-all;
  word-wrap: break-word;
}
.policy-body[data-v-58f8c99e] #lb-policy-wrapper .lb-policy-tbl {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  font-size: 13px;
}
.policy-body[data-v-58f8c99e] #lb-policy-wrapper .lb-policy-tbl th {
  background-color: var(--bg-secondary);
  font-weight: 600;
  text-align: center;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-primary);
}
.policy-body[data-v-58f8c99e] #lb-policy-wrapper .lb-policy-tbl td {
  padding: 8px 12px;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-secondary);
  word-break: keep-all;
}
.policy-body[data-v-58f8c99e] #lb-policy-wrapper .lb-policy-tbl#keep-period td:first-child {
  width: 73%;
  border-right: 1px solid var(--border-color);
}
.dialog-fade-enter-active[data-v-58f8c99e],
.dialog-fade-leave-active[data-v-58f8c99e] {
  transition: opacity 0.2s;
}
.dialog-fade-enter-from[data-v-58f8c99e],
.dialog-fade-leave-to[data-v-58f8c99e] {
  opacity: 0;
}
.dialog-fade-enter-active .policy-container[data-v-58f8c99e] {
  animation: dialog-scale-in-58f8c99e 0.2s;
}
.dialog-fade-leave-active .policy-container[data-v-58f8c99e] {
  animation: dialog-scale-out-58f8c99e 0.15s;
}
@keyframes dialog-scale-in-58f8c99e {
from {
    transform: scale(0.97);
    opacity: 0;
}
to {
    transform: scale(1);
    opacity: 1;
}
}
@keyframes dialog-scale-out-58f8c99e {
from {
    transform: scale(1);
    opacity: 1;
}
to {
    transform: scale(0.97);
    opacity: 0;
}
}.wa-footer[data-v-ca3e5626] {
  background-color: var(--footer-bg);
  border-top: 1px solid var(--border-color);
  padding: 48px 24px 32px;
  margin-top: auto;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.wa-footer .container[data-v-ca3e5626] {
  max-width: 1200px;
  margin: 0 auto;
}
.wa-footer .footer-top[data-v-ca3e5626] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
.wa-footer .footer-top[data-v-ca3e5626] {
    grid-template-columns: 1fr 2fr;
    gap: 64px;
}
}
.wa-footer .brand-section .logo[data-v-ca3e5626] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}
.wa-footer .brand-section .logo .material-symbols-outlined[data-v-ca3e5626] {
  font-size: 24px;
  color: var(--primary);
}
.wa-footer .brand-section .logo .logo-text[data-v-ca3e5626] {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
}
.wa-footer .brand-section .tagline[data-v-ca3e5626] {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.6;
  max-width: 280px;
}
.wa-footer .links-grid[data-v-ca3e5626] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
@media (min-width: 640px) {
.wa-footer .links-grid[data-v-ca3e5626] {
    grid-template-columns: repeat(3, 1fr);
}
}
.wa-footer .link-group h4[data-v-ca3e5626] {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.wa-footer .link-group a[data-v-ca3e5626] {
  display: block;
  font-size: 14px;
  color: var(--text-muted);
  margin-bottom: 10px;
  transition: color 0.2s ease;
}
.wa-footer .link-group a[data-v-ca3e5626]:hover {
  color: var(--primary);
}
.wa-footer .divider[data-v-ca3e5626] {
  height: 1px;
  background: var(--border-color);
  margin: 24px 0;
}
.wa-footer .footer-bottom[data-v-ca3e5626] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
@media (min-width: 640px) {
.wa-footer .footer-bottom[data-v-ca3e5626] {
    flex-direction: row;
    justify-content: space-between;
}
}
.wa-footer .footer-bottom .copyright[data-v-ca3e5626] {
  font-size: 13px;
  color: var(--text-dim);
}
.wa-footer .footer-bottom .footer-links[data-v-ca3e5626] {
  display: flex;
  gap: 24px;
}
.wa-footer .footer-bottom .footer-links a[data-v-ca3e5626] {
  font-size: 13px;
  color: var(--text-muted);
  transition: color 0.2s ease;
}
.wa-footer .footer-bottom .footer-links a[data-v-ca3e5626]:hover {
  color: var(--primary);
}.wa-layout[data-v-22f6b07a] {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.wa-layout .content[data-v-22f6b07a] {
  flex: 1;
  width: 100%;
}.cta[data-v-ab1e2b29] {
  padding: 0 0 96px;
}
.container[data-v-ab1e2b29] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (min-width: 640px) {
.container[data-v-ab1e2b29] {
    padding: 0 32px;
}
}
@media (min-width: 1024px) {
.container[data-v-ab1e2b29] {
    padding: 0 48px;
}
}
.cta-card[data-v-ab1e2b29] {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #1d4ed8, #3730a3);
  border-radius: 40px;
  padding: 80px 32px;
  text-align: center;
}
@media (min-width: 1024px) {
.cta-card[data-v-ab1e2b29] {
    padding: 96px 64px;
}
}
.cta-blur[data-v-ab1e2b29] {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.cta-blur-1[data-v-ab1e2b29] {
  top: 0;
  right: 0;
  width: 400px;
  height: 400px;
  background: rgba(255, 255, 255, 0.1);
  filter: blur(100px);
  transform: translate(50%, -50%);
}
.cta-blur-2[data-v-ab1e2b29] {
  bottom: 0;
  left: 0;
  width: 300px;
  height: 300px;
  background: rgba(96, 165, 250, 0.2);
  filter: blur(80px);
  transform: translate(-50%, 50%);
}
.cta-content[data-v-ab1e2b29] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.cta-title[data-v-ab1e2b29] {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  margin: 0;
  max-width: 680px;
  line-height: 1.3;
}
@media (min-width: 1024px) {
.cta-title[data-v-ab1e2b29] {
    font-size: 42px;
}
}
.cta-desc[data-v-ab1e2b29] {
  font-size: 16px;
  color: rgba(219, 234, 254, 0.85);
  max-width: 540px;
  line-height: 1.75;
  margin: 0;
}
.cta-actions[data-v-ab1e2b29] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding-top: 8px;
}
.cta-btn-primary[data-v-ab1e2b29] {
  padding: 14px 36px;
  background: #fff;
  color: #1e3a8a;
  font-size: 15px;
  font-weight: 800;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.2s;
}
.cta-btn-primary[data-v-ab1e2b29]:hover {
  background: #eff6ff;
}
.cta-btn-ghost[data-v-ab1e2b29] {
  padding: 14px 36px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.2s;
}
.cta-btn-ghost[data-v-ab1e2b29]:hover {
  background: rgba(255, 255, 255, 0.18);
}.home-view[data-v-01f3cc01] {
  min-height: calc(100vh - 64px);
  position: relative;
  overflow: hidden;
}
.bg-deco[data-v-01f3cc01] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.grid-pattern[data-v-01f3cc01] {
  position: absolute;
  inset: 0;
  height: 1000px;
  background-image: linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 48px 48px;
}
.blur-orb[data-v-01f3cc01] {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.blur-orb-1[data-v-01f3cc01] {
  top: 10%;
  right: -10%;
  width: 500px;
  height: 500px;
  background: rgba(37, 99, 235, 0.1);
  filter: blur(120px);
}
.blur-orb-2[data-v-01f3cc01] {
  top: 60%;
  left: -10%;
  width: 600px;
  height: 600px;
  background: rgba(30, 58, 138, 0.08);
  filter: blur(150px);
}
.page-content[data-v-01f3cc01] {
  position: relative;
  z-index: 1;
}
.container[data-v-01f3cc01] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (min-width: 640px) {
.container[data-v-01f3cc01] {
    padding: 0 32px;
}
}
@media (min-width: 1024px) {
.container[data-v-01f3cc01] {
    padding: 0 48px;
}
}
.hero[data-v-01f3cc01] {
  padding: 80px 0 40px;
}
@media (min-width: 1024px) {
.hero[data-v-01f3cc01] {
    padding: 120px 0 56px;
}
}
.hero-grid[data-v-01f3cc01] {
  display: grid;
  gap: 48px;
  align-items: center;
}
@media (min-width: 1024px) {
.hero-grid[data-v-01f3cc01] {
    grid-template-columns: 1fr 1fr;
    gap: 64px;
}
}
.hero-left[data-v-01f3cc01] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.hero-badge[data-v-01f3cc01] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #60a5fa;
  letter-spacing: 0.05em;
  width: fit-content;
}
.ping-wrap[data-v-01f3cc01] {
  position: relative;
  display: inline-flex;
  width: 8px;
  height: 8px;
}
.ping-ring[data-v-01f3cc01] {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #60a5fa;
  opacity: 0.75;
  animation: ping-01f3cc01 1.2s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.ping-dot[data-v-01f3cc01] {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3b82f6;
}
@keyframes ping-01f3cc01 {
75%, 100% {
    transform: scale(2);
    opacity: 0;
}
}
.hero-title[data-v-01f3cc01] {
  font-size: 44px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -1.5px;
  color: var(--text-primary);
  margin: 0;
}
@media (min-width: 1024px) {
.hero-title[data-v-01f3cc01] {
    font-size: 60px;
}
}
.hero-subtitle[data-v-01f3cc01] {
  font-size: 18px;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.6;
}
.hero-desc[data-v-01f3cc01] {
  font-size: 15px;
  color: var(--text-muted);
  line-height: 1.75;
  margin: 0;
  white-space: pre-line;
}
.hero-actions[data-v-01f3cc01] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.hero-actions .btn-primary[data-v-01f3cc01] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 14px 28px;
  background: var(--primary);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
}
.hero-actions .btn-primary .material-symbols-outlined[data-v-01f3cc01] {
  font-size: 20px;
  transition: transform 0.2s;
}
.hero-actions .btn-primary[data-v-01f3cc01]:hover {
  background: var(--primary-hover);
}
.hero-actions .btn-primary:hover .material-symbols-outlined[data-v-01f3cc01] {
  transform: translateX(3px);
}
.hero-actions .btn-ghost[data-v-01f3cc01] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 14px 28px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  transition: all 0.2s;
  text-decoration: none;
}
.hero-actions .btn-ghost .material-symbols-outlined[data-v-01f3cc01] {
  font-size: 18px;
  color: var(--text-muted);
}
.hero-actions .btn-ghost[data-v-01f3cc01]:hover {
  background: rgba(255, 255, 255, 0.08);
}
.hero-right[data-v-01f3cc01] {
  position: relative;
}
.code-window-wrap[data-v-01f3cc01] {
  position: relative;
}
.code-window-wrap[data-v-01f3cc01]::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(135deg, #3b82f6, #6366f1);
  border-radius: 18px;
  filter: blur(8px);
  opacity: 0.15;
  transition: opacity 0.4s;
}
.code-window-wrap[data-v-01f3cc01]:hover::before {
  opacity: 0.3;
}
.code-window[data-v-01f3cc01] {
  position: relative;
  background: #080c12;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);
}
.window-bar[data-v-01f3cc01] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #0d1117;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.traffic-lights[data-v-01f3cc01] {
  display: flex;
  gap: 6px;
}
.tl[data-v-01f3cc01] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.tl-red[data-v-01f3cc01] {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid rgba(239, 68, 68, 0.4);
}
.tl-yellow[data-v-01f3cc01] {
  background: rgba(234, 179, 8, 0.2);
  border: 1px solid rgba(234, 179, 8, 0.4);
}
.tl-green[data-v-01f3cc01] {
  background: rgba(34, 197, 94, 0.2);
  border: 1px solid rgba(34, 197, 94, 0.4);
}
.window-filename[data-v-01f3cc01] {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  color: #6b7280;
  letter-spacing: 0.15em;
}
.code-body[data-v-01f3cc01] {
  padding: 20px 24px;
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  line-height: 1.8;
  overflow-x: auto;
}
.code-line[data-v-01f3cc01] {
  display: flex;
  white-space: pre;
  color: #e2e8f0;
}
.ln[data-v-01f3cc01] {
  color: #374151;
  min-width: 28px;
  user-select: none;
}
.kw[data-v-01f3cc01] {
  color: #f472b6;
}
.id[data-v-01f3cc01] {
  color: #93c5fd;
}
.fn[data-v-01f3cc01] {
  color: #fbbf24;
}
.str[data-v-01f3cc01] {
  color: #4ade80;
}
.cm[data-v-01f3cc01] {
  color: #4b5563;
}
.ind[data-v-01f3cc01] {
  padding-left: 16px;
}
.onboarding[data-v-01f3cc01] {
  padding: 40px 0 48px;
  border-top: 1px solid var(--border-color);
}
.onboarding .onboarding-header[data-v-01f3cc01] {
  text-align: center;
  margin-bottom: 32px;
}
.onboarding .onboarding-title[data-v-01f3cc01] {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 8px;
}
.onboarding .onboarding-subtitle[data-v-01f3cc01] {
  font-size: 14px;
  color: var(--text-muted);
}
.onboarding-steps[data-v-01f3cc01] {
  display: flex;
  align-items: stretch;
  gap: 0;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 767px) {
.onboarding-steps[data-v-01f3cc01] {
    flex-direction: column;
}
}
.onboarding-step[data-v-01f3cc01] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 28px;
  text-decoration: none;
  color: inherit;
  background: none;
  border: none;
  font: inherit;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s;
}
.onboarding-step[data-v-01f3cc01]:hover {
  background: var(--bg-secondary);
}
.onboarding-step:hover .step-arrow[data-v-01f3cc01] {
  color: var(--primary);
  transform: translateX(4px);
}
.onboarding-step .step-num[data-v-01f3cc01] {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--primary);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboarding-step .step-body[data-v-01f3cc01] {
  flex: 1;
}
.onboarding-step .step-body h3[data-v-01f3cc01] {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 4px;
}
.onboarding-step .step-body p[data-v-01f3cc01] {
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.5;
}
.onboarding-step .step-arrow[data-v-01f3cc01] {
  flex-shrink: 0;
  font-size: 20px;
  color: var(--text-dim);
  transition: all 0.2s;
}
.step-divider[data-v-01f3cc01] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1px;
  background: var(--border-color);
  flex-shrink: 0;
}
.step-divider .material-symbols-outlined[data-v-01f3cc01] {
  position: absolute;
  font-size: 20px;
  color: var(--text-dim);
  background: var(--bg-card);
  padding: 4px 0;
}
@media (max-width: 767px) {
.step-divider[data-v-01f3cc01] {
    width: 100%;
    height: 1px;
}
.step-divider .material-symbols-outlined[data-v-01f3cc01] {
    transform: rotate(90deg);
    padding: 0 4px;
}
}
.features[data-v-01f3cc01] {
  padding: 56px 0 96px;
}
.features-header[data-v-01f3cc01] {
  margin-bottom: 56px;
}
.features-eyebrow[data-v-01f3cc01] {
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: 16px;
}
.features-title[data-v-01f3cc01] {
  font-size: 36px;
  font-weight: 800;
  color: var(--text-primary);
  margin: 0 0 16px;
  letter-spacing: -1px;
}
@media (min-width: 1024px) {
.features-title[data-v-01f3cc01] {
    font-size: 48px;
}
}
.features-desc[data-v-01f3cc01] {
  font-size: 16px;
  color: var(--text-muted);
  line-height: 1.75;
  margin: 0;
}
.features-grid[data-v-01f3cc01] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 640px) {
.features-grid[data-v-01f3cc01] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.features-grid[data-v-01f3cc01] {
    grid-template-columns: repeat(3, 1fr);
}
}
.feature-card[data-v-01f3cc01] {
  display: flex;
  flex-direction: column;
  background: #080c12;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  padding: 32px;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.3s, transform 0.3s;
}
.feature-card[data-v-01f3cc01]:hover {
  border-color: rgba(59, 130, 246, 0.4);
  transform: translateY(-4px);
}
.feature-card:hover .card-icon-box[data-v-01f3cc01] {
  transform: scale(1.1);
}
.card-icon-box[data-v-01f3cc01] {
  width: 48px;
  height: 48px;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  transition: transform 0.3s;
}
.card-icon-box .material-symbols-outlined[data-v-01f3cc01] {
  font-size: 24px;
  color: #3b82f6;
}
.card-title[data-v-01f3cc01] {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 12px;
}
.card-desc[data-v-01f3cc01] {
  font-size: 14px;
  color: #9ca3af;
  line-height: 1.7;
  flex: 1;
  margin: 0 0 24px;
}
.card-link[data-v-01f3cc01] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 700;
  color: #3b82f6;
  transition: color 0.2s;
}
.card-link .material-symbols-outlined[data-v-01f3cc01] {
  font-size: 16px;
}.page-header[data-v-23f58464] {
  background: radial-gradient(circle at top right, #1e3a8a 0%, var(--bg-primary) 70%);
  padding: 48px;
}
.page-header .header-content[data-v-23f58464] {
  max-width: 1280px;
  margin: 0 auto;
}
.page-header .header-content .page-title[data-v-23f58464] {
  font-size: 32px;
  font-weight: 800;
  color: var(--text-primary);
  letter-spacing: -0.5px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
.page-header .header-content .page-title[data-v-23f58464] {
    font-size: 40px;
}
}
.page-header .header-content .page-description[data-v-23f58464] {
  font-size: 16px;
  color: var(--text-secondary);
  line-height: 1.6;
  white-space: pre-wrap;
  max-width: 800px;
}.step-card[data-v-d619d55f] {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  overflow: hidden;
  flex: 1;
}
.step-card .card-header[data-v-d619d55f] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-color);
}
.step-card .card-header .step-badge[data-v-d619d55f] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  background: rgba(43, 108, 238, 0.1);
  color: var(--primary);
  font-size: 14px;
  font-weight: 800;
  border-radius: 10px;
}
.step-card .card-header .header-info[data-v-d619d55f] {
  flex: 1;
}
.step-card .card-header .header-info .step-title-wrapper[data-v-d619d55f] {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.step-card .card-header .header-info .step-icon[data-v-d619d55f] {
  font-size: 24px;
  color: var(--primary);
}
.step-card .card-header .header-info h2[data-v-d619d55f] {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 2px 0;
}
.step-card .card-header .header-info p[data-v-d619d55f] {
  font-size: 13px;
  color: var(--text-muted);
  margin: 0;
}
.step-card .card-body[data-v-d619d55f] {
  padding: 24px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px) {
.step-card .card-body[data-v-d619d55f] {
    padding: 32px;
}
}
@media (min-width: 640px) {
.step-card--large .card-header[data-v-d619d55f] {
    padding: 24px 32px;
}
}
.step-card--large .card-header .step-badge[data-v-d619d55f] {
  min-width: 48px;
  height: 48px;
  font-size: 18px;
  border-radius: 12px;
}
.step-card--large .card-header .header-info h2[data-v-d619d55f] {
  font-size: 18px;
}
@media (min-width: 640px) {
.step-card--large .card-header .header-info h2[data-v-d619d55f] {
    font-size: 20px;
}
}
.step-card--large .card-body[data-v-d619d55f] {
  gap: 24px;
}.guide-view[data-v-dc8acef4] {
  min-height: calc(100vh - 64px);
}
.content[data-v-dc8acef4] {
  padding: 48px 24px 80px;
}
.content .container[data-v-dc8acef4] {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.flow-steps[data-v-dc8acef4] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: 24px;
}
@media (min-width: 768px) {
.flow-steps[data-v-dc8acef4] {
    grid-template-columns: repeat(3, 1fr);
}
}
.flow-step[data-v-dc8acef4] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 32px 24px;
}
.flow-step .flow-icon[data-v-dc8acef4] {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  color: #ffffff;
  margin-bottom: 20px;
  transition: all 0.3s;
}
.flow-step .flow-icon .flow-number[data-v-dc8acef4] {
  font-size: 18px;
  font-weight: 700;
}
.flow-step .flow-icon .check[data-v-dc8acef4] {
  font-size: 28px;
}
.flow-step .flow-icon.done[data-v-dc8acef4] {
  background: var(--success);
  border-radius: 50%;
}
.flow-step .flow-icon.pending[data-v-dc8acef4] {
  background: var(--warning);
  border-radius: 50%;
}
.flow-step .flow-icon.rejected[data-v-dc8acef4] {
  background: var(--danger);
  border-radius: 50%;
}
.flow-step .flow-connector[data-v-dc8acef4] {
  display: none;
}
@media (min-width: 768px) {
.flow-step .flow-connector[data-v-dc8acef4] {
    display: block;
    position: absolute;
    top: 60px;
    left: calc(50% + 40px);
    width: calc(100% - 80px);
    height: 3px;
    background: var(--border-color);
    transition: background 0.3s;
}
.flow-step .flow-connector.active[data-v-dc8acef4] {
    background: var(--success);
}
}
.flow-step h4[data-v-dc8acef4] {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 8px 0;
}
.flow-step p[data-v-dc8acef4] {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.6;
  margin: 0 0 16px 0;
  flex: 1;
}
.flow-step .flow-status[data-v-dc8acef4] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
.flow-step .flow-status .material-symbols-outlined[data-v-dc8acef4] {
  font-size: 18px;
}
.flow-step .flow-status.done[data-v-dc8acef4] {
  color: var(--success);
}
.flow-step .flow-status.pending[data-v-dc8acef4] {
  color: var(--warning);
}
.flow-step .flow-status.rejected[data-v-dc8acef4] {
  color: var(--danger);
}
.flow-step .flow-link[data-v-dc8acef4] {
  background: none;
  border: none;
  font-size: 13px;
  color: var(--text-muted);
  text-decoration: underline;
  cursor: pointer;
  padding: 4px;
}
.flow-step .flow-link[data-v-dc8acef4]:hover {
  color: var(--primary);
}
.flow-step .flow-login-msg[data-v-dc8acef4] {
  font-size: 13px;
  color: var(--text-muted);
  margin: 0 0 12px 0;
}
.btn-outline[data-v-dc8acef4] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 20px;
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.2s;
}
.btn-outline .material-symbols-outlined[data-v-dc8acef4] {
  font-size: 18px;
}
.btn-outline[data-v-dc8acef4]:hover {
  background: var(--bg-tertiary);
  border-color: var(--primary);
  color: var(--primary);
}
.btn-primary-sm[data-v-dc8acef4] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px 20px;
  background: var(--primary);
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-primary-sm .material-symbols-outlined[data-v-dc8acef4] {
  font-size: 18px;
}
.btn-primary-sm[data-v-dc8acef4]:hover {
  background: var(--primary-hover);
}
.btn-request-permission[data-v-dc8acef4] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 32px;
  background: var(--primary);
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 4px 12px rgba(43, 108, 238, 0.3);
}
.btn-request-permission .material-symbols-outlined[data-v-dc8acef4] {
  font-size: 22px;
}
.btn-request-permission[data-v-dc8acef4]:hover {
  background: var(--primary-hover);
  box-shadow: 0 6px 16px rgba(43, 108, 238, 0.4);
  transform: translateY(-1px);
}
.description[data-v-dc8acef4] {
  font-size: 15px;
  color: var(--text-muted);
  line-height: 1.7;
}
.warning-callout[data-v-dc8acef4] {
  display: flex;
  gap: 12px;
  padding: 16px;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 12px;
}
.warning-callout > .material-symbols-outlined[data-v-dc8acef4] {
  color: var(--warning);
  flex-shrink: 0;
}
.warning-callout .callout-content strong[data-v-dc8acef4] {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--warning);
  margin-bottom: 4px;
}
.warning-callout .callout-content p[data-v-dc8acef4] {
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.5;
  margin: 0;
}
.env-grid[data-v-dc8acef4] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 640px) {
.env-grid[data-v-dc8acef4] {
    grid-template-columns: repeat(3, 1fr);
}
}
.env-item[data-v-dc8acef4] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  background: var(--bg-secondary);
  border-radius: 12px;
  border: 1px solid var(--border-color);
}
.env-item .material-symbols-outlined[data-v-dc8acef4] {
  font-size: 28px;
  color: var(--primary);
  flex-shrink: 0;
}
.env-item .env-content h4[data-v-dc8acef4] {
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 4px;
}
.env-item .env-content p[data-v-dc8acef4] {
  font-size: 13px;
  color: var(--text-muted);
  margin: 0;
  line-height: 1.5;
}
.auth-desc[data-v-dc8acef4] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
}
.auth-desc .auth-fields[data-v-dc8acef4] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.auth-desc .auth-fields .auth-field[data-v-dc8acef4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 8px;
}
.auth-desc .auth-fields .auth-field .label[data-v-dc8acef4] {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-muted);
}
.auth-desc .auth-fields .auth-field code[data-v-dc8acef4] {
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  color: var(--text-secondary);
  background: var(--bg-tertiary);
  padding: 6px 12px;
  border-radius: 6px;
}
.test-info[data-v-dc8acef4] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: space-between;
}
.test-info .test-desc h4[data-v-dc8acef4] {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 12px 0;
}
.test-info .test-desc .url[data-v-dc8acef4] {
  display: inline-block;
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  color: var(--primary);
  background: var(--bg-tertiary);
  padding: 8px 14px;
  border-radius: 6px;
  margin-bottom: 16px;
}
.test-info .test-desc p[data-v-dc8acef4] {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.7;
  margin: 0;
}
.test-info .codes[data-v-dc8acef4] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 400px;
}
.test-info .codes .code-section .code-header[data-v-dc8acef4] {
  margin-bottom: 8px;
}
.test-info .codes .code-section .code-label[data-v-dc8acef4] {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.code-block[data-v-dc8acef4] {
  background: var(--code-bg);
  border-radius: 12px;
  overflow: auto;
}
.code-block pre[data-v-dc8acef4] {
  margin: 0;
  padding: 20px;
}
.code-block pre code[data-v-dc8acef4] {
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  line-height: 1.8;
  color: #e2e8f0;
}
.code-block pre code .keyword[data-v-dc8acef4] {
  color: #93c5fd;
}
.code-block pre code .key[data-v-dc8acef4] {
  color: #94a3b8;
}
.code-block pre code .string[data-v-dc8acef4] {
  color: var(--code-text);
}
.code-block pre code .function[data-v-dc8acef4] {
  color: #c4b5fd;
}
.code-block pre code .param[data-v-dc8acef4] {
  color: #fdba74;
}
.code-block pre code .comment[data-v-dc8acef4] {
  color: #64748b;
}
.code-block pre code .status[data-v-dc8acef4] {
  color: var(--code-text);
}
.code-block.large pre[data-v-dc8acef4] {
  padding: 24px;
}
.param-grid[data-v-dc8acef4] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 640px) {
.param-grid[data-v-dc8acef4] {
    grid-template-columns: repeat(2, 1fr);
}
}
.param-card[data-v-dc8acef4] {
  padding: 20px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 12px;
}
.param-card .param-header[data-v-dc8acef4] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.param-card .param-header h4[data-v-dc8acef4] {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}
.param-card p[data-v-dc8acef4] {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.7;
  margin: 0;
}
.badge[data-v-dc8acef4] {
  display: inline-block;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.badge.badge-local[data-v-dc8acef4] {
  background: rgba(43, 108, 238, 0.15);
  color: var(--primary);
}
.badge.badge-global[data-v-dc8acef4] {
  background: rgba(16, 185, 129, 0.15);
  color: var(--success);
}
.copy-btn[data-v-dc8acef4] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary);
  cursor: pointer;
  transition: all 0.2s;
  margin-left: auto;
}
.copy-btn .material-symbols-outlined[data-v-dc8acef4] {
  font-size: 18px;
}
.copy-btn[data-v-dc8acef4]:hover {
  background: rgba(43, 108, 238, 0.1);
  border-color: var(--primary);
}
.nav-buttons[data-v-dc8acef4] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border-color);
}
@media (min-width: 480px) {
.nav-buttons[data-v-dc8acef4] {
    flex-direction: row;
    justify-content: space-between;
}
}
.nav-buttons .btn[data-v-dc8acef4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
  transition: all 0.2s;
}
.nav-buttons .btn-primary[data-v-dc8acef4] {
  background: var(--primary);
  color: #ffffff;
}
.nav-buttons .btn-primary[data-v-dc8acef4]:hover {
  background: var(--primary-hover);
}
.nav-buttons .btn-secondary[data-v-dc8acef4] {
  background: var(--bg-card);
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
}
.nav-buttons .btn-secondary .material-symbols-outlined[data-v-dc8acef4] {
  color: var(--primary);
}
.nav-buttons .btn-secondary[data-v-dc8acef4]:hover {
  background: var(--bg-secondary);
  border-color: var(--border-light);
}
@media (max-width: 640px) {
.step-header[data-v-dc8acef4] {
    flex-wrap: wrap;
    gap: 12px;
}
.copy-btn[data-v-dc8acef4] {
    width: 100%;
    justify-content: center;
}
}.state-container[data-v-61552655] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 200px);
  padding: 40px 24px;
}
.state-card[data-v-61552655] {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 400px;
  padding: 48px 40px;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  text-align: center;
}
.state-icon[data-v-61552655] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 24px;
}
.state-icon .material-symbols-outlined[data-v-61552655] {
  font-size: 40px;
}
.state-icon.login[data-v-61552655] {
  background: rgba(43, 108, 238, 0.1);
}
.state-icon.login .material-symbols-outlined[data-v-61552655] {
  color: var(--primary);
}
.state-title[data-v-61552655] {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 12px 0;
}
.state-description[data-v-61552655] {
  font-size: 15px;
  color: var(--text-muted);
  line-height: 1.6;
  margin: 0 0 28px 0;
}
.btn[data-v-61552655] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
  border: none;
}
.btn .material-symbols-outlined[data-v-61552655] {
  font-size: 20px;
}
.btn-primary[data-v-61552655] {
  background: var(--primary);
  color: #ffffff;
}
.btn-primary[data-v-61552655]:hover {
  background: var(--primary-hover);
  transform: translateY(-2px);
}.state-container[data-v-9f4c2a59] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 200px);
  padding: 40px 24px;
}
.state-card[data-v-9f4c2a59] {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 400px;
  padding: 48px 40px;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  text-align: center;
}
.state-icon[data-v-9f4c2a59] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 24px;
}
.state-icon .material-symbols-outlined[data-v-9f4c2a59] {
  font-size: 40px;
}
.state-icon.error[data-v-9f4c2a59] {
  background: rgba(239, 68, 68, 0.1);
}
.state-icon.error .material-symbols-outlined[data-v-9f4c2a59] {
  color: var(--danger);
}
.state-title[data-v-9f4c2a59] {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 12px 0;
}
.state-description[data-v-9f4c2a59] {
  font-size: 15px;
  color: var(--text-muted);
  line-height: 1.6;
  margin: 0 0 28px 0;
}
.btn[data-v-9f4c2a59] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
  border: none;
}
.btn .material-symbols-outlined[data-v-9f4c2a59] {
  font-size: 20px;
}
.btn-secondary[data-v-9f4c2a59] {
  background: var(--bg-secondary);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}
.btn-secondary[data-v-9f4c2a59]:hover {
  background: var(--bg-tertiary);
  transform: translateY(-2px);
}.setup-view[data-v-7f32ece1] {
  min-height: calc(100vh - 64px);
}
.first-time-banner[data-v-7f32ece1] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px;
  background: rgba(43, 108, 238, 0.08);
  border: 1px solid rgba(43, 108, 238, 0.2);
  border-radius: 14px;
}
.first-time-banner .banner-icon[data-v-7f32ece1] {
  font-size: 28px;
  color: var(--primary);
  flex-shrink: 0;
  margin-top: 2px;
}
.first-time-banner .banner-body strong[data-v-7f32ece1] {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 6px;
}
.first-time-banner .banner-body p[data-v-7f32ece1] {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.6;
  margin: 0;
}
.content[data-v-7f32ece1] {
  padding: 32px 24px 100px;
}
.content .container[data-v-7f32ece1] {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.content .container .row-wrapper[data-v-7f32ece1] {
  display: flex;
  gap: 24px;
}
.key-field[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  margin-bottom: 20px;
}
.key-display[data-v-7f32ece1] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
}
.key-display .material-symbols-outlined[data-v-7f32ece1] {
  color: var(--text-dim);
}
.key-display code[data-v-7f32ece1] {
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  color: var(--text-primary);
}
.key-display .key-placeholder[data-v-7f32ece1] {
  font-size: 14px;
  color: var(--text-muted);
  font-style: italic;
}
.warning-callout[data-v-7f32ece1] {
  display: flex;
  gap: 12px;
  padding: 16px;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 12px;
  margin-bottom: 20px;
}
.warning-callout > .material-symbols-outlined[data-v-7f32ece1] {
  color: var(--warning);
  flex-shrink: 0;
}
.warning-callout .callout-content strong[data-v-7f32ece1] {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--warning);
  margin-bottom: 4px;
}
.warning-callout .callout-content p[data-v-7f32ece1] {
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.5;
  margin: 0;
}
.ip-input-row[data-v-7f32ece1] {
  margin-bottom: 16px;
}
.ip-input-row .current-ip-hint[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 12px;
  color: var(--text-dim);
}
.ip-input-row .current-ip-hint > .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 14px;
}
.ip-input-row .current-ip-hint code[data-v-7f32ece1] {
  font-family: "JetBrains Mono", monospace;
  color: var(--text-muted);
}
.ip-input-row .current-ip-hint .btn-add-current-ip[data-v-7f32ece1] {
  margin-left: auto;
  padding: 3px 10px;
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  font-size: 12px;
  color: var(--primary);
  cursor: pointer;
  transition: all 0.15s;
}
.ip-input-row .current-ip-hint .btn-add-current-ip[data-v-7f32ece1]:hover {
  background: rgba(43, 108, 238, 0.08);
  border-color: var(--primary);
}
.input-field[data-v-7f32ece1] {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  font-size: 14px;
  color: var(--text-primary);
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  transition: all 0.2s;
}
.input-field[data-v-7f32ece1]::placeholder {
  color: var(--text-dim);
}
.input-field[data-v-7f32ece1]:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(43, 108, 238, 0.1);
}
.ip-list[data-v-7f32ece1] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 190px;
  overflow: auto;
}
.ip-item[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 10px;
}
.ip-item > .material-symbols-outlined[data-v-7f32ece1] {
  color: var(--text-dim);
  font-size: 20px;
}
.ip-item .ip-address[data-v-7f32ece1] {
  flex: 1;
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  color: var(--text-primary);
}
.ip-item .delete-btn[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
}
.ip-item .delete-btn .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 18px;
  color: var(--text-dim);
}
.ip-item .delete-btn[data-v-7f32ece1]:hover {
  background: rgba(239, 68, 68, 0.1);
}
.ip-item .delete-btn:hover .material-symbols-outlined[data-v-7f32ece1] {
  color: var(--danger);
}
.empty-state[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  color: var(--text-dim);
  font-size: 14px;
}
.empty-state .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 18px;
}
.webhook-benefits[data-v-7f32ece1] {
  margin-bottom: 24px;
  padding: 16px 20px;
  background: rgba(43, 108, 238, 0.06);
  border: 1px solid rgba(43, 108, 238, 0.2);
  border-radius: 12px;
}
.webhook-benefits .benefits-title[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 12px;
}
.webhook-benefits .benefits-title .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 18px;
}
.webhook-benefits .benefits-list[data-v-7f32ece1] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.webhook-benefits .benefits-list li[data-v-7f32ece1] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.5;
}
.webhook-benefits .benefits-list li .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 16px;
  color: var(--primary);
  flex-shrink: 0;
  margin-top: 1px;
}
.form-grid[data-v-7f32ece1] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 24px;
}
@media (min-width: 640px) {
.form-grid[data-v-7f32ece1] {
    grid-template-columns: repeat(2, 1fr);
}
}
.form-group label[data-v-7f32ece1] {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 8px;
}
.custom-headers[data-v-7f32ece1] {
  margin-bottom: 24px;
}
.headers-header[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.headers-header label[data-v-7f32ece1] {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-muted);
}
.header-row[data-v-7f32ece1] {
  display: flex;
  gap: 12px;
  margin-bottom: 8px;
}
.header-row .input-field[data-v-7f32ece1] {
  flex: 1;
  height: 44px;
}
.webhook-test-section[data-v-7f32ece1] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
  padding: 20px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 12px;
}
@media (min-width: 640px) {
.webhook-test-section[data-v-7f32ece1] {
    flex-direction: row;
    align-items: flex-start;
}
}
.test-action[data-v-7f32ece1] {
  flex-shrink: 0;
}
.test-action .btn[data-v-7f32ece1] {
  min-width: 160px;
}
.test-result[data-v-7f32ece1] {
  flex: 1;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
}
.test-result.success[data-v-7f32ece1] {
  border-color: rgba(34, 197, 94, 0.3);
  background: rgba(34, 197, 94, 0.05);
}
.test-result.success .result-header[data-v-7f32ece1] {
  color: #16a34a;
}
.test-result.error[data-v-7f32ece1] {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.05);
}
.test-result.error .result-header[data-v-7f32ece1] {
  color: var(--danger);
}
.result-header[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.result-header .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 20px;
}
.result-header .result-status[data-v-7f32ece1] {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.result-details[data-v-7f32ece1] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.result-row[data-v-7f32ece1] {
  display: flex;
  gap: 12px;
  font-size: 13px;
}
.result-row .result-label[data-v-7f32ece1] {
  color: var(--text-dim);
  font-weight: 600;
  min-width: 70px;
  text-transform: uppercase;
}
.result-row .result-value[data-v-7f32ece1] {
  color: var(--text-primary);
  font-family: "JetBrains Mono", monospace;
  word-break: break-all;
}
.result-row.error .result-value[data-v-7f32ece1] {
  color: var(--danger);
}
.sticky-save-bar[data-v-7f32ece1] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background: var(--bg-primary);
  border-top: 1px solid var(--border-color);
  padding: 0 24px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.15);
}
.sticky-save-bar .status-chips[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.sticky-save-bar .status-chip[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}
.sticky-save-bar .status-chip .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 15px;
}
.sticky-save-bar .status-chip.done[data-v-7f32ece1] {
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: var(--success);
}
.sticky-save-bar .status-chip.pending[data-v-7f32ece1] {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.25);
  color: var(--warning);
}
.btn-save-all[data-v-7f32ece1] {
  margin-left: auto;
  height: 44px;
  padding: 0 28px;
  background: var(--primary);
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.btn-save-all .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 18px;
}
.btn-save-all[data-v-7f32ece1]:hover:not(:disabled) {
  background: var(--primary-hover);
}
.btn-save-all[data-v-7f32ece1]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.save-description[data-v-7f32ece1] {
  flex: 1;
  font-size: 12px;
  color: var(--text-dim);
  line-height: 1.4;
  text-align: right;
  margin: 0;
}
.loading-spinner[data-v-7f32ece1] {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: spin-7f32ece1 0.8s linear infinite;
}
@keyframes spin-7f32ece1 {
to {
    transform: rotate(360deg);
}
}
.output-preview[data-v-7f32ece1] {
  margin-bottom: 24px;
}
.preview-header[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 12px;
}
.preview-header .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 18px;
}
.code-block[data-v-7f32ece1] {
  background: var(--code-bg);
  border-radius: 12px;
  overflow: auto;
}
.code-block pre[data-v-7f32ece1] {
  margin: 0;
  padding: 20px;
}
.code-block pre code[data-v-7f32ece1] {
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  line-height: 1.7;
  color: var(--code-text);
}
.telHP-note[data-v-7f32ece1] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 14px;
  background: rgba(43, 108, 238, 0.07);
  border: 1px solid rgba(43, 108, 238, 0.2);
  border-radius: 8px;
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.5;
}
.telHP-note .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 16px;
  color: var(--primary);
  flex-shrink: 0;
  margin-top: 1px;
}
.action-buttons[data-v-7f32ece1] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 480px) {
.action-buttons[data-v-7f32ece1] {
    flex-direction: row;
}
}
.btn[data-v-7f32ece1] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}
.btn .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 18px;
}
.btn-primary[data-v-7f32ece1] {
  background: var(--primary);
  color: #ffffff;
  flex: 1;
}
.btn-primary[data-v-7f32ece1]:hover {
  background: var(--primary-hover);
}
.btn-outline[data-v-7f32ece1] {
  background: transparent;
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
}
.btn-outline[data-v-7f32ece1]:hover {
  background: var(--bg-secondary);
  border-color: var(--border-light);
}
.btn-outline.btn-sm[data-v-7f32ece1] {
  padding: 8px 14px;
  font-size: 13px;
}
.btn-text[data-v-7f32ece1] {
  background: transparent;
  color: var(--primary);
  padding: 4px 8px;
}
.btn-text[data-v-7f32ece1]:hover {
  background: rgba(43, 108, 238, 0.1);
}
.btn-danger[data-v-7f32ece1] {
  background: transparent;
  color: var(--danger);
  border: 2px solid var(--danger);
  width: 100%;
  padding: 14px;
}
.btn-danger[data-v-7f32ece1]:hover {
  background: var(--danger);
  color: #ffffff;
}
.icon-btn[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
}
.icon-btn .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 18px;
  color: var(--text-muted);
}
.icon-btn[data-v-7f32ece1]:hover {
  background: var(--bg-secondary);
  border-color: var(--border-light);
}
.icon-btn:hover .material-symbols-outlined[data-v-7f32ece1] {
  color: var(--text-primary);
}
.icon-btn.danger[data-v-7f32ece1]:hover {
  background: rgba(239, 68, 68, 0.1);
  border-color: var(--danger);
}
.icon-btn.danger:hover .material-symbols-outlined[data-v-7f32ece1] {
  color: var(--danger);
}
.copy-btn[data-v-7f32ece1] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.copy-btn .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 14px;
}
.copy-btn[data-v-7f32ece1]:hover {
  border-color: var(--primary);
  color: var(--primary);
  background-color: rgba(43, 108, 238, 0.05);
}
.guidelines-section[data-v-7f32ece1] {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  padding: 24px;
}
.section-title[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 20px 0;
}
.section-title .material-symbols-outlined[data-v-7f32ece1] {
  color: var(--primary);
}
.guidelines-list[data-v-7f32ece1] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.guideline-item[data-v-7f32ece1] {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  overflow: hidden;
}
.guideline-item.open .expand-icon[data-v-7f32ece1] {
  transform: rotate(180deg);
}
.guideline-header[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
}
.guideline-header .guideline-icon[data-v-7f32ece1] {
  font-size: 20px;
  color: var(--text-dim);
}
.guideline-header .guideline-title[data-v-7f32ece1] {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}
.guideline-header .expand-icon[data-v-7f32ece1] {
  font-size: 20px;
  color: var(--text-dim);
  transition: transform 0.2s;
}
.guideline-content[data-v-7f32ece1] {
  padding: 0 16px 16px 48px;
}
.guideline-content p[data-v-7f32ece1] {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.6;
  margin: 0;
}
.danger-zone[data-v-7f32ece1] {
  background: rgba(239, 68, 68, 0.03);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 16px;
  padding: 24px;
}
.danger-content[data-v-7f32ece1] {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}
.danger-icon[data-v-7f32ece1] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: rgba(239, 68, 68, 0.1);
  border-radius: 10px;
  flex-shrink: 0;
}
.danger-icon .material-symbols-outlined[data-v-7f32ece1] {
  font-size: 24px;
  color: var(--danger);
}
.danger-info h3[data-v-7f32ece1] {
  font-size: 16px;
  font-weight: 700;
  color: var(--danger);
  margin: 0 0 4px 0;
}
.danger-info p[data-v-7f32ece1] {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 640px) {
.card-header[data-v-7f32ece1] {
    flex-wrap: wrap;
    gap: 12px;
}
.card-header .btn[data-v-7f32ece1] {
    width: 100%;
}
.header-row[data-v-7f32ece1] {
    flex-direction: column;
}
.header-row .icon-btn[data-v-7f32ece1] {
    width: 100%;
}
}.ctb-tabs[data-v-e41500d2] {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 0;
}
.ctb-tab[data-v-e41500d2] {
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-muted);
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
  font-family: "JetBrains Mono", monospace;
  white-space: nowrap;
}
.ctb-tab[data-v-e41500d2]:hover {
  color: var(--text-primary);
}
.ctb-tab.active[data-v-e41500d2] {
  color: var(--primary);
  border-bottom-color: var(--primary);
}
.ctb-block[data-v-e41500d2] {
  border: 1px solid var(--border-color);
  border-top: none;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}
.ctb-block.no-tabs[data-v-e41500d2] {
  border-top: 1px solid var(--border-color);
  border-radius: 6px;
}
.ctb-header[data-v-e41500d2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: var(--bg-tertiary);
  border-bottom: 1px solid var(--border-color);
}
.ctb-label[data-v-e41500d2] {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.ctb-copy-btn[data-v-e41500d2] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.ctb-copy-btn .material-symbols-outlined[data-v-e41500d2] {
  font-size: 14px;
}
.ctb-copy-btn[data-v-e41500d2]:hover {
  border-color: var(--primary);
  color: var(--primary);
  background-color: rgba(43, 108, 238, 0.05);
}
.ctb-copy-btn.copied[data-v-e41500d2] {
  border-color: #3fb950;
  color: #3fb950;
}
.ctb-body[data-v-e41500d2] {
  background: #0d1117;
}
.ctb-body[data-v-e41500d2] pre {
  margin: 0;
  padding: 16px;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  line-height: 1.6;
  color: #e6edf3;
  overflow-x: auto;
  white-space: pre;
}
.ctb-body[data-v-e41500d2] pre code {
  font-family: inherit;
}
.ctb-body[data-v-e41500d2] .hl-kw {
  color: #ff7b72;
}
.ctb-body[data-v-e41500d2] .hl-str {
  color: #e6edf3;
}
.ctb-body[data-v-e41500d2] .hl-key {
  color: #79c0ff;
}
.ctb-body[data-v-e41500d2] .hl-fn {
  color: #d2a8ff;
}
.ctb-body[data-v-e41500d2] .hl-type {
  color: #79c0ff;
}
.ctb-body[data-v-e41500d2] .hl-num {
  color: #79c0ff;
}
.ctb-body[data-v-e41500d2] .hl-flag {
  color: #79c0ff;
}.api-reference-view[data-v-9844896b] {
  height: calc(100vh - 64px);
  overflow: hidden;
}
.state-msg[data-v-9844896b] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: var(--text-muted);
}
.state-msg.error .material-symbols-outlined[data-v-9844896b] {
  font-size: 48px;
  color: var(--danger);
}
.state-msg button[data-v-9844896b] {
  padding: 10px 24px;
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
}
.state-msg button[data-v-9844896b]:hover {
  background: var(--primary-hover);
}
.spinner[data-v-9844896b] {
  width: 40px;
  height: 40px;
  border: 3px solid var(--border-color);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: spin-9844896b 1s linear infinite;
}
@keyframes spin-9844896b {
to {
    transform: rotate(360deg);
}
}
.api-layout[data-v-9844896b] {
  display: flex;
  height: 100%;
}
.api-layout.collapsed .content-area[data-v-9844896b] {
  margin-left: 0;
}
.sidebar-toggle[data-v-9844896b] {
  margin: 16px 0 0 16px;
  width: 40px;
  height: 40px;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sidebar-toggle .material-symbols-outlined[data-v-9844896b] {
  font-size: 20px;
  color: var(--text-primary);
}
.sidebar-toggle[data-v-9844896b]:hover {
  background: var(--bg-tertiary);
  border-color: var(--primary);
}
.sidebar[data-v-9844896b] {
  flex: 3;
  max-width: 400px;
  min-width: 260px;
  background: var(--bg-secondary);
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
}
.sidebar-header[data-v-9844896b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 16px;
  border-bottom: 1px solid var(--border-color);
}
.sidebar-header .title[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sidebar-header h2[data-v-9844896b] {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
}
.sidebar-header .badge[data-v-9844896b] {
  font-size: 10px;
  font-weight: 600;
  color: var(--success);
  background: rgba(16, 185, 129, 0.15);
  padding: 3px 8px;
  border-radius: 4px;
}
.sidebar-header button[data-v-9844896b] {
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-header button[data-v-9844896b]:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
.sidebar-search[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border-color);
  background: var(--bg-secondary);
}
.sidebar-search .material-symbols-outlined[data-v-9844896b] {
  font-size: 17px;
  color: var(--text-dim);
  flex-shrink: 0;
}
.sidebar-search input[data-v-9844896b] {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  font-size: 13px;
  color: var(--text-primary);
  font-family: inherit;
}
.sidebar-search input[data-v-9844896b]::placeholder {
  color: var(--text-dim);
}
.sidebar-search .search-clear[data-v-9844896b] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: var(--text-dim);
  padding: 0;
}
.sidebar-search .search-clear .material-symbols-outlined[data-v-9844896b] {
  font-size: 14px;
}
.sidebar-search .search-clear[data-v-9844896b]:hover {
  color: var(--text-primary);
  background: var(--bg-tertiary);
}
.sidebar-nav[data-v-9844896b] {
  flex: 1;
  overflow-y: auto;
  padding: 12px 8px;
}
.nav-group[data-v-9844896b] {
  margin-bottom: 4px;
}
.nav-cat[data-v-9844896b] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: transparent;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-muted);
  cursor: pointer;
}
.nav-cat .material-symbols-outlined[data-v-9844896b]:first-child {
  font-size: 18px;
  color: var(--primary);
}
.nav-cat .name[data-v-9844896b] {
  flex: 1;
  text-align: left;
}
.nav-cat .count[data-v-9844896b] {
  font-size: 10px;
  color: var(--text-dim);
  background: var(--bg-tertiary);
  padding: 2px 6px;
  border-radius: 10px;
}
.nav-cat .arrow[data-v-9844896b] {
  font-size: 18px;
  color: var(--text-dim);
}
.nav-cat[data-v-9844896b]:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
.nav-cat.expanded[data-v-9844896b] {
  color: var(--text-primary);
}
.nav-endpoints[data-v-9844896b] {
  margin-top: 4px;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.nav-ep[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  background: transparent;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  color: var(--text-muted);
  cursor: pointer;
  text-align: left;
}
.nav-ep[data-v-9844896b]:hover {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}
.nav-ep.active[data-v-9844896b] {
  background: rgba(43, 108, 238, 0.1);
  color: var(--primary);
}
.nav-ep.active .method[data-v-9844896b] {
  opacity: 1;
}
.nav-ep .method[data-v-9844896b] {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 3px;
  color: #fff;
  opacity: 0.8;
}
.nav-ep .method.get[data-v-9844896b] {
  background: var(--success);
}
.nav-ep .method.post[data-v-9844896b] {
  background: var(--primary);
}
.nav-ep .method.put[data-v-9844896b] {
  background: var(--warning);
}
.nav-ep .method.delete[data-v-9844896b] {
  background: var(--danger);
}
.nav-ep .method.patch[data-v-9844896b] {
  background: var(--purple);
}
.nav-ep .path[data-v-9844896b] {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-footer[data-v-9844896b] {
  padding: 16px;
  border-top: 1px solid var(--border-color);
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
.sidebar-footer .status[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
.sidebar-footer .status .dot[data-v-9844896b] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.sidebar-footer .status.approved[data-v-9844896b] {
  color: var(--success);
}
.sidebar-footer .status.approved .dot[data-v-9844896b] {
  background: var(--success);
  animation: pulse-9844896b 2s infinite;
}
.sidebar-footer .status.pending[data-v-9844896b] {
  color: var(--warning);
}
.sidebar-footer .status.pending .dot[data-v-9844896b] {
  background: var(--warning);
  animation: pulse-9844896b 2s infinite;
}
.sidebar-footer .status.rejected[data-v-9844896b] {
  color: var(--danger);
}
.sidebar-footer .status.rejected .dot[data-v-9844896b] {
  background: var(--danger);
}
.sidebar-footer .status.none[data-v-9844896b] {
  color: var(--text-dim);
}
.sidebar-footer .status.none .dot[data-v-9844896b] {
  background: var(--text-dim);
}
.sidebar-footer .total[data-v-9844896b] {
  color: var(--text-dim);
}
@keyframes pulse-9844896b {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
}
.content-area[data-v-9844896b] {
  flex: 9;
  display: flex;
  overflow: hidden;
  min-width: 0;
}
.no-selection[data-v-9844896b] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--text-muted);
}
.no-selection .material-symbols-outlined[data-v-9844896b] {
  font-size: 64px;
  color: var(--text-dim);
}
.no-selection .material-symbols-outlined.pending-icon[data-v-9844896b] {
  color: var(--warning);
}
.no-selection .material-symbols-outlined.rejected-icon[data-v-9844896b] {
  color: var(--danger);
}
.no-selection .material-symbols-outlined.none-icon[data-v-9844896b] {
  color: var(--primary);
}
.no-selection h3[data-v-9844896b] {
  font-size: 20px;
  color: var(--text-primary);
}
.request-permission-btn[data-v-9844896b] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 12px 24px;
  background: var(--primary);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.request-permission-btn .material-symbols-outlined[data-v-9844896b] {
  font-size: 18px;
  color: #ffffff;
}
.request-permission-btn[data-v-9844896b]:hover {
  background: var(--primary-hover);
}
.doc-panel[data-v-9844896b] {
  flex: 5;
  overflow-y: auto;
  border-right: 1px solid var(--border-color);
  min-width: 0;
}
.doc-inner[data-v-9844896b] {
  padding: 32px;
}
.ep-header[data-v-9844896b] {
  margin-bottom: 28px;
}
.ep-header .method-path[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.ep-header .method.lg[data-v-9844896b] {
  font-size: 12px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 6px;
  color: #fff;
}
.ep-header .method.lg.get[data-v-9844896b] {
  background: var(--success);
}
.ep-header .method.lg.post[data-v-9844896b] {
  background: var(--primary);
}
.ep-header .method.lg.put[data-v-9844896b] {
  background: var(--warning);
}
.ep-header .method.lg.delete[data-v-9844896b] {
  background: var(--danger);
}
.ep-header .method.lg.patch[data-v-9844896b] {
  background: var(--purple);
}
.ep-header .path[data-v-9844896b] {
  font-family: "JetBrains Mono", monospace;
  font-size: 16px;
  font-weight: 500;
  color: var(--text-primary);
}
.ep-header .deprecated[data-v-9844896b] {
  font-size: 10px;
  font-weight: 600;
  color: var(--warning);
  background: rgba(245, 158, 11, 0.15);
  padding: 4px 10px;
  border-radius: 4px;
}
.ep-header h1[data-v-9844896b] {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-primary);
}
.section[data-v-9844896b] {
  margin-bottom: 24px;
}
.section h3[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.section h3 .material-symbols-outlined[data-v-9844896b] {
  font-size: 16px;
}
.section p[data-v-9844896b] {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.6;
}
.section .section-title[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.section .section-title h3[data-v-9844896b] {
  margin-bottom: 0;
}
.section .section-title .schema[data-v-9844896b] {
  font-size: 11px;
  font-weight: 600;
  color: var(--purple);
  background: rgba(139, 92, 246, 0.15);
  padding: 4px 10px;
  border-radius: 4px;
  font-family: "JetBrains Mono", monospace;
}
.url-box[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  padding: 12px 16px;
  border-radius: 6px;
}
.url-box code[data-v-9844896b] {
  flex: 1;
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  color: var(--primary);
  word-break: break-all;
}
.tbl[data-v-9844896b] {
  width: 100%;
  table-layout: fixed;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  font-size: 12px;
  margin-bottom: 16px;
}
.tbl th[data-v-9844896b]:nth-child(1), .tbl td[data-v-9844896b]:nth-child(1) {
  width: 22%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tbl th[data-v-9844896b]:nth-child(2), .tbl td[data-v-9844896b]:nth-child(2) {
  width: 11%;
  white-space: nowrap;
}
.tbl th[data-v-9844896b]:nth-child(3), .tbl td[data-v-9844896b]:nth-child(3) {
  width: 12%;
  white-space: nowrap;
}
.tbl th[data-v-9844896b]:nth-child(4), .tbl td[data-v-9844896b]:nth-child(4) {
  width: 55%;
}
.tbl th[data-v-9844896b],
.tbl td[data-v-9844896b] {
  padding: 10px 14px;
  text-align: left;
  border-bottom: 1px solid var(--border-color);
}
.tbl th[data-v-9844896b] {
  background: var(--bg-tertiary);
  font-size: 10px;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
}
.tbl tr:last-child td[data-v-9844896b] {
  border-bottom: none;
}
.tbl code[data-v-9844896b] {
  font-family: "JetBrains Mono", monospace;
  color: var(--text-primary);
}
.tbl .fmt[data-v-9844896b] {
  color: var(--text-dim);
  font-size: 10px;
  margin-left: 4px;
}
.tbl .req[data-v-9844896b] {
  font-size: 10px;
  font-weight: 600;
  color: var(--danger);
  background: rgba(239, 68, 68, 0.15);
  padding: 2px 6px;
  border-radius: 4px;
}
.tbl .opt[data-v-9844896b] {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-muted);
  background: var(--bg-tertiary);
  padding: 2px 6px;
  border-radius: 4px;
}
.resp-tabs[data-v-9844896b] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.resp-tab[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 13px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.2s;
}
.resp-tab[data-v-9844896b]:hover {
  background: var(--bg-tertiary);
  border-color: var(--border-light);
}
.resp-tab .code[data-v-9844896b] {
  font-family: "JetBrains Mono", monospace;
  font-weight: 700;
  font-size: 14px;
  color: var(--text-secondary);
}
.resp-tab .desc[data-v-9844896b] {
  font-size: 12px;
}
.resp-tab.ok.active[data-v-9844896b] {
  border-color: var(--success);
  background: rgba(34, 197, 94, 0.1);
}
.resp-tab.ok.active .code[data-v-9844896b],
.resp-tab.ok.active .desc[data-v-9844896b] {
  color: var(--success);
}
.resp-tab.err.active[data-v-9844896b] {
  border-color: var(--danger);
  background: rgba(239, 68, 68, 0.1);
}
.resp-tab.err.active .code[data-v-9844896b],
.resp-tab.err.active .desc[data-v-9844896b] {
  color: var(--danger);
}
.resp-content[data-v-9844896b] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.resp-card[data-v-9844896b] {
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  overflow: hidden;
}
.resp-card-header[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: var(--bg-tertiary);
  border-bottom: 1px solid var(--border-color);
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
}
.resp-card-header .material-symbols-outlined[data-v-9844896b] {
  font-size: 18px;
  color: var(--warning);
}
.resp-card-header .copy-btn-sm[data-v-9844896b] {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
}
.resp-card-header .copy-btn-sm .material-symbols-outlined[data-v-9844896b] {
  font-size: 16px;
  color: var(--text-muted);
}
.resp-card-header .copy-btn-sm[data-v-9844896b]:hover {
  background: var(--bg-secondary);
  border-color: var(--primary);
}
.resp-card-header .copy-btn-sm:hover .material-symbols-outlined[data-v-9844896b] {
  color: var(--primary);
}
.resp-card-body.resp-collapsed pre[data-v-9844896b] {
  max-height: 400px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}
.resp-card-body pre[data-v-9844896b] {
  margin: 0;
  padding: 16px;
  background: var(--code-bg);
  overflow-x: auto;
}
.resp-card-body pre code[data-v-9844896b] {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  line-height: 1.7;
  color: var(--code-text);
  white-space: pre-wrap;
  word-wrap: break-word;
}
.resp-card-body[data-v-9844896b] .hl-kw {
  color: #ff7b72;
}
.resp-card-body[data-v-9844896b] .hl-str {
  color: #e6edf3;
}
.resp-card-body[data-v-9844896b] .hl-key {
  color: #79c0ff;
}
.resp-card-body[data-v-9844896b] .hl-num {
  color: #79c0ff;
}
.copy-btn[data-v-9844896b] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  background: transparent;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.copy-btn .material-symbols-outlined[data-v-9844896b] {
  font-size: 14px;
}
.copy-btn[data-v-9844896b]:hover {
  border-color: var(--primary);
  color: var(--primary);
  background-color: rgba(43, 108, 238, 0.05);
}
.copy-btn.copied[data-v-9844896b] {
  border-color: #3fb950;
  color: #3fb950;
}
.resp-no-examples[data-v-9844896b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 32px;
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  color: var(--text-muted);
  font-size: 13px;
}
.resp-no-examples .material-symbols-outlined[data-v-9844896b] {
  font-size: 18px;
  color: var(--text-dim);
}
.equip-empty[data-v-9844896b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px;
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  color: var(--text-muted);
  font-size: 14px;
}
.equip-empty .material-symbols-outlined[data-v-9844896b] {
  font-size: 24px;
  color: var(--text-dim);
}
.equip-loading[data-v-9844896b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px;
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  color: var(--text-muted);
  font-size: 13px;
}
.spinner-sm[data-v-9844896b] {
  width: 20px;
  height: 20px;
  border: 2px solid var(--border-color);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: spin-9844896b 1s linear infinite;
}
.equip-fields-toggle[data-v-9844896b] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 12px;
  background: var(--bg-tertiary);
  border: none;
  border-top: 1px solid var(--border-color);
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.2s;
}
.equip-fields-toggle .material-symbols-outlined[data-v-9844896b] {
  font-size: 20px;
}
.equip-fields-toggle[data-v-9844896b]:hover {
  background: var(--bg-secondary);
  color: var(--primary);
}
.test-panel[data-v-9844896b] {
  flex: 4;
  background: var(--bg-secondary);
  overflow-y: auto;
  min-width: 0;
}
@media (max-width: 1024px) {
.test-panel[data-v-9844896b] {
    display: none;
}
}
.test-inner[data-v-9844896b] {
  padding: 28px;
}
.test-header[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-color);
}
.test-header .material-symbols-outlined[data-v-9844896b] {
  font-size: 20px;
  color: var(--success);
}
.test-header h3[data-v-9844896b] {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
}
.test-section[data-v-9844896b] {
  margin-bottom: 20px;
}
.test-section h4[data-v-9844896b] {
  font-size: 11px;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
}
.test-section label[data-v-9844896b] {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-secondary);
  margin-bottom: 12px;
}
.test-section label .req-mark[data-v-9844896b] {
  color: var(--danger);
  margin-left: 2px;
}
.test-section label input[data-v-9844896b],
.test-section label textarea[data-v-9844896b] {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 10px 12px;
  font-size: 13px;
  color: var(--text-primary);
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  font-family: "JetBrains Mono", monospace;
}
.test-section label input[data-v-9844896b]::placeholder,
.test-section label textarea[data-v-9844896b]::placeholder {
  color: var(--text-dim);
}
.test-section label input[data-v-9844896b]:focus,
.test-section label textarea[data-v-9844896b]:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(43, 108, 238, 0.1);
}
.test-section label textarea[data-v-9844896b] {
  resize: none;
  min-height: 100px;
  overflow: hidden;
}
.test-section.resp[data-v-9844896b] {
  border-top: 1px solid var(--border-color);
  padding-top: 20px;
}
.exec-btn[data-v-9844896b] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px;
  background: var(--success);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 20px;
}
.exec-btn .material-symbols-outlined[data-v-9844896b] {
  font-size: 20px;
}
.exec-btn[data-v-9844896b]:hover:not(:disabled) {
  background: #0d9568;
  transform: translateY(-1px);
}
.exec-btn[data-v-9844896b]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.exec-btn.disabled[data-v-9844896b] {
  background: var(--bg-tertiary);
  color: var(--text-muted);
  border: 1px solid var(--border-color);
  opacity: 1;
  cursor: default;
}
.exec-btn .spin[data-v-9844896b] {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin-9844896b 0.8s linear infinite;
}
.exec-btn-wrapper[data-v-9844896b] {
  position: relative;
  margin-bottom: 20px;
}
.exec-btn-wrapper .exec-btn[data-v-9844896b] {
  margin-bottom: 0;
}
.exec-btn-wrapper .exec-tooltip[data-v-9844896b] {
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 14px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--warning);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.exec-btn-wrapper .exec-tooltip .material-symbols-outlined[data-v-9844896b] {
  font-size: 14px;
}
.exec-btn-wrapper .exec-tooltip[data-v-9844896b]::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: var(--border-color);
}
.exec-btn-wrapper:hover .exec-tooltip[data-v-9844896b] {
  display: flex;
}
.resp-err[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 6px;
  color: var(--danger);
  font-size: 13px;
}
.resp-err .material-symbols-outlined[data-v-9844896b] {
  font-size: 18px;
}
.resp-meta[data-v-9844896b] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 700;
  color: var(--danger);
}
.resp-meta.ok[data-v-9844896b],
.resp-meta .ok[data-v-9844896b] {
  color: var(--success);
}
.resp-meta .time[data-v-9844896b] {
  font-size: 12px;
  color: var(--text-muted);
  font-family: "JetBrains Mono", monospace;
  font-weight: 400;
}
.resp-image[data-v-9844896b] {
  max-width: 100%;
  border-radius: 6px;
  border: 1px solid var(--border-color);
}
.test-section pre[data-v-9844896b] {
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 16px;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  color: var(--text-primary);
  overflow-x: auto;
  max-height: 400px;
  white-space: pre-wrap;
  word-wrap: break-word;
}.login-page[data-v-75cfd3aa] {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  min-height: 100vh;
  background: var(--bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-container[data-v-75cfd3aa] {
  display: flex;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}
.branding-side[data-v-75cfd3aa] {
  display: none;
  width: 60%;
  background: radial-gradient(circle at top right, #1e3a8a 0%, var(--bg-primary) 70%);
  position: relative;
  padding: 64px;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
@media (min-width: 1024px) {
.branding-side[data-v-75cfd3aa] {
    display: flex;
}
}
.pattern-overlay[data-v-75cfd3aa] {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, 0.05) 1px, transparent 0);
  background-size: 24px 24px;
  opacity: 0.4;
}
.glow[data-v-75cfd3aa] {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
}
.glow.glow-1[data-v-75cfd3aa] {
  top: -80px;
  left: -80px;
  width: 384px;
  height: 384px;
  background: rgba(43, 108, 238, 0.1);
}
.glow.glow-2[data-v-75cfd3aa] {
  bottom: -80px;
  right: -80px;
  width: 320px;
  height: 320px;
  background: rgba(59, 130, 246, 0.1);
}
.brand-logo[data-v-75cfd3aa] {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #ffffff;
  cursor: pointer;
  width: fit-content;
}
.brand-logo svg[data-v-75cfd3aa] {
  width: 32px;
  height: 32px;
}
.brand-logo h2[data-v-75cfd3aa] {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.brand-logo[data-v-75cfd3aa]:hover {
  opacity: 0.9;
}
.welcome-content[data-v-75cfd3aa] {
  position: relative;
  z-index: 10;
  max-width: 520px;
}
.welcome-content h1[data-v-75cfd3aa] {
  font-size: 48px;
  font-weight: 900;
  color: #ffffff;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-bottom: 24px;
}
.welcome-content p[data-v-75cfd3aa] {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.7;
}
.brand-footer[data-v-75cfd3aa] {
  position: relative;
  z-index: 10;
}
.brand-footer p[data-v-75cfd3aa] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
}
.form-side[data-v-75cfd3aa] {
  width: 100%;
  background: var(--bg-card);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
}
@media (min-width: 1024px) {
.form-side[data-v-75cfd3aa] {
    width: 40%;
    padding: 48px;
}
}
.form-wrapper[data-v-75cfd3aa] {
  width: 100%;
  max-width: 440px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.form-header h2[data-v-75cfd3aa] {
  font-size: 30px;
  font-weight: 700;
  color: var(--text-primary);
  letter-spacing: -0.5px;
  margin-bottom: 8px;
}
.form-header p[data-v-75cfd3aa] {
  font-size: 16px;
  color: var(--text-muted);
  line-height: 1.5;
}
.error-message[data-v-75cfd3aa] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 10px;
  color: var(--danger);
  font-size: 14px;
  font-weight: 500;
}
.error-message .material-symbols-outlined[data-v-75cfd3aa] {
  font-size: 20px;
}
.login-form[data-v-75cfd3aa] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.form-group[data-v-75cfd3aa] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-group label[data-v-75cfd3aa] {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}
.input-wrapper[data-v-75cfd3aa] {
  position: relative;
  display: flex;
  align-items: center;
}
.input-wrapper input[data-v-75cfd3aa] {
  width: 100%;
  height: 48px;
  padding: 0 48px 0 16px;
  font-size: 16px;
  color: var(--text-primary);
  background: var(--bg-input);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  transition: all 0.2s;
}
.input-wrapper input[data-v-75cfd3aa]::placeholder {
  color: var(--text-dim);
}
.input-wrapper input[data-v-75cfd3aa]:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(43, 108, 238, 0.1);
}
.input-wrapper input[data-v-75cfd3aa]:disabled {
  background: var(--bg-secondary);
  cursor: not-allowed;
}
.input-wrapper .input-icon[data-v-75cfd3aa] {
  position: absolute;
  right: 16px;
  font-size: 20px;
  color: var(--text-dim);
  pointer-events: none;
}
.form-options[data-v-75cfd3aa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.checkbox-label[data-v-75cfd3aa] {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.checkbox-label input[type=checkbox][data-v-75cfd3aa] {
  width: 18px;
  height: 18px;
  border: 1px solid var(--border-light);
  border-radius: 4px;
  accent-color: var(--primary);
  cursor: pointer;
}
.checkbox-label span[data-v-75cfd3aa] {
  font-size: 14px;
  color: var(--text-muted);
  font-weight: 500;
}
.forgot-link[data-v-75cfd3aa] {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary);
  text-decoration: none;
}
.forgot-link[data-v-75cfd3aa]:hover {
  text-decoration: underline;
}
.btn-signin[data-v-75cfd3aa] {
  width: 100%;
  height: 48px;
  background: var(--primary);
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 4px 16px rgba(43, 108, 238, 0.2);
}
.btn-signin[data-v-75cfd3aa]:hover:not(:disabled) {
  background: var(--primary-hover);
  transform: translateY(-1px);
}
.btn-signin[data-v-75cfd3aa]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.loading-spinner[data-v-75cfd3aa] {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: spin-75cfd3aa 0.8s linear infinite;
}
@keyframes spin-75cfd3aa {
to {
    transform: rotate(360deg);
}
}
.divider[data-v-75cfd3aa] {
  display: flex;
  align-items: center;
}
.divider[data-v-75cfd3aa]::before, .divider[data-v-75cfd3aa]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--border-color);
}
.divider span[data-v-75cfd3aa] {
  padding: 0 16px;
  font-size: 14px;
  color: var(--text-muted);
  font-weight: 500;
}
.btn-request[data-v-75cfd3aa] {
  width: 100%;
  height: 48px;
  background: transparent;
  color: var(--primary);
  font-size: 16px;
  font-weight: 700;
  border: 2px solid var(--primary);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-request[data-v-75cfd3aa]:hover {
  background: rgba(43, 108, 238, 0.05);
}
.mobile-logo[data-v-75cfd3aa] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
  color: var(--text-dim);
}
.mobile-logo .material-symbols-outlined[data-v-75cfd3aa] {
  font-size: 20px;
}
.mobile-logo span[data-v-75cfd3aa]:last-child {
  font-size: 14px;
  font-weight: 700;
}
@media (min-width: 1024px) {
.mobile-logo[data-v-75cfd3aa] {
    display: none;
}
}
@media (max-width: 480px) {
.form-side[data-v-75cfd3aa] {
    padding: 24px;
}
.form-header h2[data-v-75cfd3aa] {
    font-size: 26px;
}
.form-options[data-v-75cfd3aa] {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
}.sample-apps[data-v-828cb091] {
  min-height: 100vh;
  background: var(--bg-primary);
}
.container[data-v-828cb091] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.page-header[data-v-828cb091] {
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-color);
  padding: 48px 0;
}
.page-header .header-inner[data-v-828cb091] {
  display: flex;
  align-items: center;
  gap: 20px;
}
.page-header .header-icon[data-v-828cb091] {
  width: 56px;
  height: 56px;
  background: rgba(43, 108, 238, 0.12);
  border: 1px solid rgba(43, 108, 238, 0.25);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.page-header .header-icon .material-symbols-outlined[data-v-828cb091] {
  font-size: 28px;
  color: var(--primary);
}
.page-header h1[data-v-828cb091] {
  font-size: 28px;
  font-weight: 800;
  color: var(--text-primary);
  margin: 0 0 8px;
  letter-spacing: -0.5px;
}
.page-header .page-desc[data-v-828cb091] {
  font-size: 14px;
  color: var(--text-muted);
  margin: 0;
  line-height: 1.7;
  white-space: pre-line;
}
.apps-grid[data-v-828cb091] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  padding: 40px 0 64px;
}
@media (min-width: 768px) {
.apps-grid[data-v-828cb091] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1100px) {
.apps-grid[data-v-828cb091] {
    grid-template-columns: repeat(3, 1fr);
}
}
.app-card[data-v-828cb091] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color 0.2s, transform 0.2s;
}
.app-card[data-v-828cb091]:hover {
  border-color: var(--border-light);
  transform: translateY(-2px);
}
.screenshot-wrap[data-v-828cb091] {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--bg-tertiary);
  border-bottom: 1px solid var(--border-color);
}
.screenshot-wrap img[data-v-828cb091] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.screenshot-placeholder[data-v-828cb091] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.screenshot-placeholder .material-symbols-outlined[data-v-828cb091] {
  font-size: 40px;
  color: var(--text-dim);
}
.screenshot-placeholder .placeholder-label[data-v-828cb091] {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-dim);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.card-body[data-v-828cb091] {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
  gap: 16px;
}
.card-top[data-v-828cb091] {
  flex: 1;
}
.app-title[data-v-828cb091] {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 10px;
}
.app-desc[data-v-828cb091] {
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.7;
  margin: 0;
}
.card-footer[data-v-828cb091] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.stack-row[data-v-828cb091] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.stack-label[data-v-828cb091] {
  font-size: 11px;
  font-weight: 600;
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  flex-shrink: 0;
}
.stack-tags[data-v-828cb091] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.tag[data-v-828cb091] {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 4px;
  background: rgba(43, 108, 238, 0.1);
  color: var(--primary);
  border: 1px solid rgba(43, 108, 238, 0.2);
}
.github-btn[data-v-828cb091] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  background: var(--bg-tertiary);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  text-decoration: none;
  transition: all 0.2s;
}
.github-btn[data-v-828cb091]:hover:not(.disabled) {
  background: var(--bg-card);
  border-color: var(--border-light);
  color: #fff;
}
.github-btn.disabled[data-v-828cb091] {
  opacity: 0.45;
  cursor: default;
  pointer-events: none;
}
.github-icon[data-v-828cb091] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}