/* v18 admin: Settings > App updates, Settings > Appearance */
.a18 label{display:block;font-weight:600;font-size:.84rem;margin:12px 0 4px}
.a18 input:not([type=checkbox]):not([type=radio]):not([type=color]),.a18 textarea{width:100%;box-sizing:border-box}
.a18 small.mut{display:block;font-size:.74rem;margin-top:3px}
.a18row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e3e9f5;border-radius:14px;background:#f8faff;margin-top:6px}
.a18row b{display:block;font-size:.9rem}.a18row small{display:block;color:#64748b;font-size:.78rem;margin-top:2px}
.a18grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.a18grid{grid-template-columns:1fr}}
.a18url{display:flex;gap:8px;align-items:center}.a18url input{flex:1}.a18url .btn{white-space:nowrap}
.a18modes{border:0;padding:0;margin:14px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a18modes legend{font-weight:600;font-size:.84rem;margin-bottom:6px;padding:0}
.a18modes .thmode{margin:0;display:flex;gap:8px;align-items:flex-start;border:1px solid #e3e8f2;border-radius:12px;padding:10px 12px;cursor:pointer;font-weight:400}
.a18modes .thmode b{display:block;font-size:.86rem}.a18modes .thmode small{display:block;color:#64748b;font-size:.76rem;margin-top:2px;font-weight:400}
.a18modes .thmode.on{border-color:var(--blue,#0038a8);background:#f2f6ff;box-shadow:0 0 0 1px var(--blue,#0038a8) inset}
@media (max-width:560px){.a18modes{grid-template-columns:1fr}}
.a18act{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.a18col{display:flex;align-items:center;gap:8px}.a18col input[type=color]{width:48px;height:36px;padding:2px;border:1px solid #d5deee;border-radius:10px;background:#fff;cursor:pointer}
.a18col code,.a18def code{font-size:.78rem;background:#f1f4fa;padding:2px 6px;border-radius:6px}
.a18def{font-size:.8rem;margin:12px 0 0}
.a18split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:760px){.a18split{grid-template-columns:1fr}}
.a18lbl{display:block;font-weight:600;font-size:.84rem;margin:12px 0 6px}
.a18hd{position:relative;overflow:hidden;height:190px;border-radius:0 0 30px 30px;color:#fff;background:radial-gradient(circle at 92% 100%,rgba(217,45,58,.38),transparent 46%),radial-gradient(circle at 0% 0%,rgba(244,196,48,.18),transparent 42%),linear-gradient(160deg,#123a86 0%,#0b2a63 45%,#0a1a3d 100%)}
.a18hd:after{content:"";position:absolute;right:-110px;bottom:-140px;width:260px;height:260px;border-radius:50%;border:40px solid rgba(255,255,255,.04)}
.a18hd--fx{background:radial-gradient(circle at 0% 0%,rgba(244,196,48,.18),transparent 42%),linear-gradient(160deg,#123a86 0%,#0b2a63 45%,#0a1a3d 100%)}
.a18hd--fx:after{display:none}
.a18hd__t{position:relative;z-index:1;padding:56px 20px 0}.a18hd__t small{display:block;opacity:.8;font-size:.85rem}.a18hd__t b{font:800 1.6rem/1.1 Outfit,Inter,system-ui,sans-serif}
.a18hd .hfx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.a18hd .hfx i,.a18hd .hfx span{position:absolute;display:block;border-radius:50%}
.a18hd .hfx__ring{right:-110px;bottom:-140px;width:260px;height:260px;border:40px solid rgba(255,255,255,.035);border-top-color:rgba(255,255,255,.085);border-left-color:rgba(255,255,255,.06);animation:hfxSpin var(--hfx-spin,60s) linear infinite}
.a18hd .hfx__ring--2{right:-175px;bottom:-205px;width:390px;height:390px;border:1.5px dashed rgba(255,255,255,.13);animation-direction:reverse;animation-duration:calc(var(--hfx-spin,60s) * 1.5)}
.a18hd .hfx__orb{right:-120px;top:calc(var(--sat,0px) + 30px);width:300px;height:300px;animation:hfxSpin var(--hfx-spin,60s) linear infinite}
.a18hd .hfx__glow{left:-30px;top:-30px;width:240px;height:240px;background:radial-gradient(circle,var(--hfx-a),transparent 68%)}
.a18hd .hfx__glow--b{background:radial-gradient(circle,var(--hfx-b),transparent 68%);opacity:0;animation:hfxFade var(--hfx-cycle,12s) ease-in-out infinite alternate}
.a18hd .hfx__glow--a{animation:hfxFadeOut var(--hfx-cycle,12s) ease-in-out infinite alternate}
@keyframes hfxSpin{to{transform:rotate(360deg)}}
@keyframes hfxFade{0%,10%{opacity:0}90%,100%{opacity:1}}
@keyframes hfxFadeOut{0%,10%{opacity:1}90%,100%{opacity:.15}}
@media (prefers-reduced-motion:reduce){.a18hd .hfx i,.a18hd .hfx span{animation:none!important}}