/* GER Pages — dark administration and design preset previews */
.workspace,.content{background:var(--soft)}
.topbar{background:#090e17e8;box-shadow:0 10px 35px #0002}
.menu-button,.btn.secondary,.icon-action,.pagination a{color:#c3ccda;background:#151d2a}
.btn.danger{color:#ff9eb0;background:#e85d751f}
.panel,.kpi,.page-card,.login-card{background:var(--panel)}
.bar-line>div,.quota>i{background:#202a3a}
.activity{border-color:#1d2736}
th{color:#8f9caf;background:#0d1420}
td{color:#dfe6f1;border-color:#1d2736}
.page-card-body{background:#101722}
.card-stats>div{background:#0b111b}
.card-actions{border-color:#1d2736}
.editor-tabs{background:#0c131e}
.editor-tabs button.active{color:#b3aaff;background:#6c5ce72b}
.field input,.field textarea,.field select,.filters input,.filters select,.field-row input[type=text],.field-row select{color:#edf2fb;border-color:#293548;background:#0b111b}
.field input::placeholder,.field textarea::placeholder,.filters input::placeholder{color:#5f6d81}
.field input:focus,.field textarea:focus,.field select:focus{background:#0d1521}
.slug b{color:#8290a4;border-color:#293548;background:#121b28}
.field-row{background:#0b111b}
input[role=switch]{background:#313b4b}
.lead-values{background:#101722;box-shadow:0 14px 40px #0006}
.settings-title>span,.totp-icon{background:#6c5ce729}
.security-box{border-color:#4cd29733;background:#1fa86a14}
.settings-card dl>div{border-color:#1d2736}
.login-page{background:radial-gradient(circle at 75% 0,#6c5ce729,transparent 34%),linear-gradient(145deg,#070b12,#0d1420)}
.preview-stage{background:#080d16}
.empty{color:#8d9aae}
.notice{color:#8ce3ba;background:#1fa86a1f}
.notice.database-warning{color:#f6c979;background:#2a2115;border:1px solid #5b4424}
.notice.totp-path-warning{color:#f6c979;background:#2a2115;border:1px solid #5b4424}.totp-path-status.healthy{color:#8ce3ba;background:#1fa86a1f}.totp-path-status.attention{color:#f6c979;background:#2a2115}.totp-module-preview{box-shadow:0 14px 38px #0005}
*{scrollbar-color:#334156 #0a1019}

/* Preset picker */
.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.preset-card{position:relative;display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:11px;padding:10px;border:1px solid #293548;border-radius:12px;background:#0b111b;cursor:pointer;transition:.18s}
.preset-card:hover{transform:translateY(-1px);border-color:#6056b5;background:#0e1623}
.preset-card:has(input:checked){border-color:#8a7cf3;background:#6c5ce71f;box-shadow:0 0 0 3px #6c5ce714}
.preset-card input{position:absolute;opacity:0;pointer-events:none}
.preset-card strong{align-self:end;font-size:10px}.preset-card small{align-self:start;color:#8290a4;font-size:8px}
.preset-mini{grid-row:1/3;position:relative;overflow:hidden;display:block;width:72px;height:50px;border-radius:8px;background:#dbeafe}
.preset-mini i{position:absolute;inset:8px 14px;border-radius:5px;background:#ffffffd1;box-shadow:0 4px 10px #0002}
.preset-mini b,.preset-mini em{position:absolute;z-index:2;right:23px;left:23px;height:4px;border-radius:5px;background:#8b95a5}.preset-mini b{top:18px}.preset-mini em{top:27px;background:#7c5cfc}
.preset-glass-modern .preset-mini{background:linear-gradient(135deg,#273a61,#7c5cfc)}
.preset-split-focus .preset-mini{background:linear-gradient(90deg,#20b486 0 45%,#f7fffc 45%)}
.preset-minimal-clean .preset-mini{background:#f3f4f6}
.preset-neon-night .preset-mini{background:radial-gradient(circle at 70% 20%,#1c6b69,#050816 60%)}
.preset-neon-night .preset-mini i{border:1px solid #5cf2d6;background:#07111a}
.preset-bold-gradient .preset-mini{background:linear-gradient(135deg,#ff4d8d,#7c5cfc)}

/* Live preset preview */
#live-preview{position:relative;isolation:isolate;--mouse-x:50%;--mouse-y:50%;--card-rotate-x:0deg;--card-rotate-y:0deg;background:linear-gradient(145deg,var(--preview-bg,#eaf6ff),#182542)}
#live-preview:before,#live-preview:after{content:"";position:absolute;z-index:-2;border-radius:50%}
#live-preview:before{width:420px;height:420px;top:-210px;right:-110px;background:#ffffff1f}
#live-preview:after{width:300px;height:300px;bottom:-150px;left:-90px;background:#7c5cfc38}
.preview-fx{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.preview-fx i{position:absolute;display:block}
.preview-card{position:relative;z-index:2;animation:preview-card-in .65s cubic-bezier(.2,.75,.25,1) both}
#live-preview.preset-glass-modern{background:radial-gradient(circle at 15% 20%,#5ce4ff33,transparent 30%),radial-gradient(circle at 85% 75%,#975cff47,transparent 34%),linear-gradient(145deg,var(--preview-bg),#090d18)}
#live-preview.preset-split-focus{background:linear-gradient(135deg,var(--preview-bg),#d7f0e7)}
#live-preview.preset-split-focus .preview-card{width:min(520px,100%);border-right:8px solid var(--preview-primary);background:#fff}
#live-preview.preset-minimal-clean{background:#f4f5f7}
#live-preview.preset-minimal-clean:before,#live-preview.preset-minimal-clean:after{display:none}
#live-preview.preset-minimal-clean .preview-card{border-color:#e5e7eb;border-radius:15px;background:#fff;box-shadow:0 18px 55px #0f172a14}
#live-preview.preset-neon-night{color:#f4f8ff;background:radial-gradient(circle at 50% 0,#5cf2d621,transparent 35%),#050816}
#live-preview.preset-neon-night .preview-card{color:#f6f8ff;border-color:#5cf2d64d;background:#070c19e0;box-shadow:0 0 45px #5cf2d614}
#live-preview.preset-neon-night .preview-form input,#live-preview.preset-neon-night .preview-form textarea,#live-preview.preset-neon-night .preview-form select{color:#eef5ff;border-color:#5cf2d62e;background:#ffffff0e}
#live-preview.preset-bold-gradient{background:linear-gradient(125deg,#ff4d8d,var(--preview-bg) 52%,#4e38b9);background-size:180% 180%;animation:preview-gradient 12s ease infinite}
#live-preview.effect-none .preview-fx{display:none}
#live-preview.effect-aurora .preview-fx i:nth-child(1),#live-preview.effect-aurora .preview-fx i:nth-child(2),#live-preview.effect-aurora .preview-fx i:nth-child(3){width:42vw;height:42vw;border-radius:50%;filter:blur(55px);opacity:.25;animation:preview-aurora 13s ease-in-out infinite alternate}
#live-preview.effect-aurora .preview-fx i:nth-child(1){top:-18%;right:-8%;background:#7c5cfc}#live-preview.effect-aurora .preview-fx i:nth-child(2){bottom:-24%;left:-8%;background:#30d5c8;animation-delay:-5s}#live-preview.effect-aurora .preview-fx i:nth-child(3){top:36%;left:38%;background:#ff4d8d;animation-delay:-9s}
#live-preview.effect-particles .preview-fx i{width:5px;height:5px;border-radius:50%;background:var(--preview-primary);box-shadow:0 0 13px var(--preview-primary);animation:preview-particle 8s ease-in-out infinite}#live-preview.effect-particles .preview-fx i:nth-child(1){top:12%;left:8%}#live-preview.effect-particles .preview-fx i:nth-child(2){top:28%;left:19%;animation-delay:-2s}#live-preview.effect-particles .preview-fx i:nth-child(3){top:72%;left:10%;animation-delay:-4s}#live-preview.effect-particles .preview-fx i:nth-child(4){top:85%;left:65%;animation-delay:-7s}#live-preview.effect-particles .preview-fx i:nth-child(5){top:18%;left:78%;animation-delay:-3s}#live-preview.effect-particles .preview-fx i:nth-child(6){top:64%;left:90%;animation-delay:-6s}
#live-preview.effect-spotlight:before{inset:-10%;width:auto;height:auto;border-radius:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),#ffffff52,transparent 29%)}
#live-preview.effect-waves .preview-fx i:nth-child(-n+4){top:50%;left:50%;width:130px;height:130px;border:2px solid #ffffff40;border-radius:50%;animation:preview-wave 8s ease-out infinite}#live-preview.effect-waves .preview-fx i:nth-child(2){animation-delay:-2s}#live-preview.effect-waves .preview-fx i:nth-child(3){animation-delay:-4s}#live-preview.effect-waves .preview-fx i:nth-child(4){animation-delay:-6s}
#live-preview.effect-comets .preview-fx i{width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--preview-primary),#fff);opacity:0;transform:rotate(-28deg);animation:preview-comet 7s linear infinite}#live-preview.effect-comets .preview-fx i:nth-child(1){top:12%;left:-30%;animation-delay:-1s}#live-preview.effect-comets .preview-fx i:nth-child(2){top:34%;left:-30%;animation-delay:-4s}#live-preview.effect-comets .preview-fx i:nth-child(3){top:58%;left:-30%;animation-delay:-6s}#live-preview.effect-comets .preview-fx i:nth-child(4){top:82%;left:-30%;animation-delay:-2s}
#live-preview.effect-grid .preview-fx{opacity:.34;background-image:linear-gradient(#ffffff20 1px,transparent 1px),linear-gradient(90deg,#ffffff20 1px,transparent 1px);background-size:42px 42px;transform:perspective(340px) rotateX(58deg) scale(1.5) translateY(18%);transform-origin:center bottom;animation:preview-grid 10s linear infinite}
@keyframes preview-card-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes preview-aurora{from{transform:translate3d(-8%,-6%,0) scale(.9)}to{transform:translate3d(13%,10%,0) scale(1.15)}}
@keyframes preview-particle{0%,100%{transform:translateY(0);opacity:.25}50%{transform:translateY(-28px);opacity:.9}}
@keyframes preview-gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes preview-wave{0%{opacity:.7;transform:translate(-50%,-50%) scale(.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(4)}}
@keyframes preview-comet{0%{opacity:0;translate:0 0}10%{opacity:.9}70%,100%{opacity:0;translate:150vw 75vh}}
@keyframes preview-grid{to{background-position:0 84px,84px 0}}
@media(max-width:560px){.preset-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.preview-fx{display:none}}

.stats-page-heading>div>span{color:#b3aaff;background:#6c5ce72b}.stats-link-row input{color:#cbd5e4;border-color:#293548;background:#0b111b}