* {
  margin: 0;
  padding: 0;
}
html[theme='black'] #start_page {
  background-color: #263040;
}
html[theme='blue'] #start_page {
  background-color: #5D98E2;
}
html[theme='whiteGreen'] #start_page {
  background-color: #1e8c58;
}
html[theme='whiteGreen'] #start_page {
  background-color: #89188A;
}
html[theme='purple'] #start_page {
  background-color: #89188A;
}
html[theme='whiteRed'] #start_page {
  background-color: #cb3034;
}
html[theme='oilyGreen'] #start_page {
  background-color: #3BAC65;
}
html[theme='versaceYellow'] #start_page {
  background-color: #f5b90b;
}
html[theme='lancomePeach'] #start_page {
  background-color: #ee7879;
}
html[theme='whiteYellow'] #start_page {
  background-color: #df9a1c;
}
html[theme='whiteBlue'] #start_page {
  background-color: #5378bf;
}
html[theme='sk2'] #start_page {
  background-color: #CC2B32;
}
html[theme='whiteOrange'] #start_page {
  background-color: #FEAB6D;
}
html[theme='hermesOrange'] #start_page {
  background-color: #F26E0A;
}
html[theme='lightBrown'] #start_page {
  background-color: #9B8977;
}
html[theme='furlaBlue'] #start_page {
  background-color: #5375D1;
}
html[theme='whitePink'] #start_page {
  background-color: #FDAAAE;
}
html[theme='bvGreen'] #start_page {
  background-color: #9CBE1F;
}
html[theme='whiteBrown'] #start_page {
  background-color: #C8AE94;
}
html[theme='AnnaSuiPurple'] #start_page {
  background-color: #6B53A2;
}
html[theme='whitePurple'] #start_page {
  background-color: #C197C1;
}
html[theme='burgundyRed'] #start_page {
  background-color: #8F2B40;
}
html[theme='whiteDarkGreen'] #start_page {
  background-color: #23919C;
}
html[theme='greenGold'] #start_page {
  background-color: #05584F;
}
html[theme='whiteBrownLauren'] #start_page {
  background-color: #CB9878;
}
html[theme='whiteRedGucci'] #start_page {
  background-color: #B9919C;
}
html[theme='embraerBlue'] #start_page {
  background-color: #214A9C;
}
html[theme='elsaPink'] #start_page {
  background-color: #ED89A5;
}
html[theme='bvlgariBrown'] #start_page {
  background-color: #836658;
}
html[theme='whiteBlack'] #start_page {
  background-color: #898788;
}

#start_page {
  margin: 0;
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 10000000;
}
#start_page_img {
  width: 150px;
  height: auto;
}

/* Novo tema preto com botões roxos e SVG de fundo */
html[theme='svgPatternTheme'] #start_page {
  background-color: #1a1a1a;
  background-image: url('/uploads/background-svg-theme.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Variáveis CSS para o novo tema */
html[theme='svgPatternTheme'] {
  --theme-bg-color: #1a1a1a;
  --theme-template-color: #2a2a2a;
  --theme-main-color: #8b5cf6;
  --theme-text-button: #ffffff;
  --theme-tips: rgba(255, 255, 255, 0.7);
  --theme-tite-color: #ffffff;
  --theme-white-color: #ffffff;
  --theme-light-line-color: rgba(139, 92, 246, 0.3);
  --theme-withdraw-money: #ffffff;
}

/* Estilos específicos para elementos SVG no novo tema */
html[theme='svgPatternTheme'] ._svg_theme_fill_color_m6u5o_3 * {
  fill: #ffffff;
}

html[theme='svgPatternTheme'] ._svg_theme_fill_color_kb4s6_3 * {
  fill: #ffffff;
}

html[theme='svgPatternTheme'] ._svg_theme_fill_color_1qsfi_3 * {
  fill: #ffffff;
}

html[theme='svgPatternTheme'] ._svg_theme_fill_color_1wf0t_3 * {
  fill: #ffffff;
}

html[theme='svgPatternTheme'] ._svg_theme_fill_color_1vqdw_3 * {
  fill: #ffffff;
}

html[theme='svgPatternTheme'] ._svg_theme_fill_color_1crrh_3 * {
  fill: #ffffff;
}

html[theme='svgPatternTheme'] ._svg_theme_fill_color_1xdus_3 * {
  fill: #ffffff;
}

/* Estilos para caixas de login no novo tema - seguindo padrão dos outros temas */
html[theme='svgPatternTheme'] ._loginBox_1crrh_55 {
  background-color: #2a2a2a;
}

html[theme='svgPatternTheme'] ._loginBox_1crrh_55 ._loginBtn_1crrh_544 {
  background-color: #8b5cf6;
  color: #ffffff;
}

/* Estilos para conteúdo do login */
html[theme='svgPatternTheme'] ._loginBox_1crrh_55 ._contentBox_1crrh_275 ._scrollBox_1crrh_391 p {
  color: #ffffff;
}

/* Efeitos de vidro para elementos do tema */
html[theme='svgPatternTheme'] ._h5PageContentBox_m6u5o_55 {
  background-color: #1a1a1a;
  background-image: url('/uploads/background-svg-theme.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Estilos específicos para botões seguindo padrão dos outros temas */
html[theme='svgPatternTheme'] ._btnsBox_1wf0t_77 ._btnItem1_1wf0t_85 {
  border: 1rem solid #8b5cf6;
}

html[theme='svgPatternTheme'] ._btnsBox_1wf0t_77 ._btnItem1_1wf0t_85 span {
  color: #8b5cf6;
}

html[theme='svgPatternTheme'] ._btnsBox_1wf0t_77 ._btnItem2_1wf0t_101 {
  background-color: #8b5cf6;
}

html[theme='svgPatternTheme'] ._btnsBox_1wf0t_77 ._btnItem2_1wf0t_101 span {
  color: #ffffff;
}

/* Estilos para botões de download */
html[theme='svgPatternTheme'] ._download_app_gbvvf_55 ._download_btns_gbvvf_255 button._cancel_gbvvf_278 {
  color: #8b5cf6;
  border: 1rem solid #8b5cf6;
}

html[theme='svgPatternTheme'] ._download_app_gbvvf_55 ._download_btns_gbvvf_255 button._sure_gbvvf_282 {
  background-color: #8b5cf6;
  color: #ffffff;
}

/* Estilos para elementos de preview */
html[theme='svgPatternTheme'] ._infoPreviewByThree_1di51_55 ._inBox_1di51_173 ._save_box_1di51_176 {
  background-color: #8b5cf6;
}

/* ===== NOVO TEMA MODERNO ROXO ===== */
/* Tema moderno inspirado no design elegante */
html[theme='modernPurpleTheme'] #start_page {
  background-color: #0a0a0a;
  background-image: url('/uploads/background-modern-theme.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Variáveis CSS para o tema moderno */
html[theme='modernPurpleTheme'] {
  --theme-bg-color: #0a0a0a;
  --theme-template-color: #1a1a1a;
  --theme-main-color: #7c3aed;
  --theme-text-button: #ffffff;
  --theme-tips: rgba(255, 255, 255, 0.8);
  --theme-tite-color: #ffffff;
  --theme-white-color: #ffffff;
  --theme-light-line-color: rgba(168, 85, 247, 0.3);
  --theme-withdraw-money: #a855f7;
}

/* Estilos específicos para elementos SVG no tema moderno */
html[theme='modernPurpleTheme'] ._svg_theme_fill_color_m6u5o_3 * {
  fill: #a855f7;
}

html[theme='modernPurpleTheme'] ._svg_theme_fill_color_kb4s6_3 * {
  fill: #a855f7;
}

html[theme='modernPurpleTheme'] ._svg_theme_fill_color_1qsfi_3 * {
  fill: #a855f7;
}

html[theme='modernPurpleTheme'] ._svg_theme_fill_color_1wf0t_3 * {
  fill: #a855f7;
}

html[theme='modernPurpleTheme'] ._svg_theme_fill_color_1vqdw_3 * {
  fill: #a855f7;
}

html[theme='modernPurpleTheme'] ._svg_theme_fill_color_1crrh_3 * {
  fill: #a855f7;
}

html[theme='modernPurpleTheme'] ._svg_theme_fill_color_1xdus_3 * {
  fill: #a855f7;
}

/* Estilos para caixas de login no tema moderno */
html[theme='modernPurpleTheme'] ._loginBox_1crrh_55 {
  background: rgba(26, 26, 26, 0.95);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(168, 85, 247, 0.3);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

html[theme='modernPurpleTheme'] ._loginBox_1crrh_55 ._loginBtn_1crrh_544 {
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
  color: #ffffff;
  border: none;
  box-shadow: 0 8px 25px rgba(124, 58, 237, 0.4);
  transition: all 0.3s ease;
}

html[theme='modernPurpleTheme'] ._loginBox_1crrh_55 ._loginBtn_1crrh_544:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 35px rgba(124, 58, 237, 0.6);
}

/* Estilos para conteúdo do login */
html[theme='modernPurpleTheme'] ._loginBox_1crrh_55 ._contentBox_1crrh_275 ._scrollBox_1crrh_391 p {
  color: rgba(255, 255, 255, 0.9);
}

/* Efeitos de vidro para elementos do tema moderno */
html[theme='modernPurpleTheme'] ._h5PageContentBox_m6u5o_55 {
  background-color: #0a0a0a;
  background-image: url('/uploads/background-modern-theme.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Estilos específicos para botões no tema moderno */
html[theme='modernPurpleTheme'] ._btnsBox_1wf0t_77 ._btnItem1_1wf0t_85 {
  border: 1rem solid #7c3aed;
  background: rgba(124, 58, 237, 0.1);
}

html[theme='modernPurpleTheme'] ._btnsBox_1wf0t_77 ._btnItem1_1wf0t_85 span {
  color: #a855f7;
}

html[theme='modernPurpleTheme'] ._btnsBox_1wf0t_77 ._btnItem2_1wf0t_101 {
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
  box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3);
}

html[theme='modernPurpleTheme'] ._btnsBox_1wf0t_77 ._btnItem2_1wf0t_101 span {
  color: #ffffff;
}

/* Estilos para botões de download */
html[theme='modernPurpleTheme'] ._download_app_gbvvf_55 ._download_btns_gbvvf_255 button._cancel_gbvvf_278 {
  color: #7c3aed;
  border: 1rem solid #7c3aed;
  background: rgba(124, 58, 237, 0.1);
}

html[theme='modernPurpleTheme'] ._download_app_gbvvf_55 ._download_btns_gbvvf_255 button._sure_gbvvf_282 {
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3);
}

/* Estilos para elementos de preview */
html[theme='modernPurpleTheme'] ._infoPreviewByThree_1di51_55 ._inBox_1di51_173 ._save_box_1di51_176 {
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
}