.admin-login-submit { width: 100%; }
.admin-login-submit:disabled { opacity: .6; cursor: wait; }
#login-status[hidden] { display: none; }
.admin-login-hint { text-align: center; color: #79745f; font-size: 13px; margin: 16px 0 0; }
.slider-dialog { box-sizing: border-box; width: min(384px, calc(100vw - 32px)); padding: 23px; border: 1px solid #c9af72; border-radius: 20px; background: #fffcf3; color: #263e37; box-shadow: 0 24px 80px #061f285c, inset 0 0 0 5px #f2ead8; }
.slider-dialog::backdrop { background: #10292399; backdrop-filter: blur(3px); }
.slider-heading { display: flex; align-items: center; gap: 12px; }
.slider-seal { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid #c8aa62; border-radius: 13px; background: #137d6b; color: #fff1c8; font: bold 24px serif; box-shadow: inset 0 0 0 3px #ffffff16; }
.slider-kicker { margin: 0 0 2px; font-size: 10px; letter-spacing: 3px; color: #948052; }
.slider-heading h3 { margin: 0; font-size: 21px; font-weight: 700; }
.slider-close { margin-left: auto; align-self: flex-start; display: grid; place-items: center; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #f1ece0; color: #466252; font: 24px/1 sans-serif; cursor: pointer; }
#slider-help { font-size: 13px; margin: 20px 0 12px; color: #77735e; }
.slider-scene { position: relative; aspect-ratio: 2 / 1; overflow: hidden; border-radius: 10px; background: #e7eddd; border: 1px solid #e0d4b2; }
#slider-background { display: block; width: 100%; height: 100%; }
.slider-piece { position: absolute; width: 16.25%; height: auto; left: 0; pointer-events: none; filter: drop-shadow(1px 2px 2px #001b1790); }
.slider-loading { position: absolute; inset: 0; display: grid; place-items: center; font-size: 13px; background: #e9eedfd9; }
.slider-loading[hidden] { display: none; }
.slider-control { position: relative; height: 48px; margin-top: 18px; border: 1px solid #d3dfd3; border-radius: 11px; background: linear-gradient(90deg, #c9e8d8 var(--fill, 0%), #edf1e7 var(--fill, 0%)); }
.slider-control > span { position: absolute; inset: 0; display: grid; place-items: center; color: #627967; font-size: 13px; pointer-events: none; }
#slider-range { appearance: none; -webkit-appearance: none; display: block; box-sizing: border-box; border: none; outline: none; box-shadow: none; border-radius: 11px; width: 100%; height: 48px; margin: 0; padding: 0; background: transparent; position: relative; cursor: grab; touch-action: none; }
#slider-range::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 48px; height: 48px; border: 1px solid #c7a955; border-radius: 10px; background: #16816e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7M3 5l7 7-7 7' fill='none' stroke='%23fff5d7' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat; box-shadow: 0 2px 5px #235b3938; }
#slider-range::-moz-range-thumb { width: 46px; height: 46px; border: 1px solid #c7a955; border-radius: 10px; background: #16816e; }
#slider-range:focus-visible { outline: 3px solid #c7a955; outline-offset: 4px; }
#slider-range:disabled { cursor: wait; opacity: .55; }
.slider-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 13px; }
#slider-status { margin: 0; font-size: 12px; line-height: 1.5; color: #838474; }
#slider-status[data-state="error"] { color: #a4402f; }
#slider-status[data-state="success"] { color: #147563; }
#slider-refresh { flex-shrink: 0; border: 0; padding: 9px 0 9px 10px; background: none; font: inherit; font-size: 13px; color: #157967; cursor: pointer; }
#slider-refresh:disabled { opacity: .5; cursor: wait; }
@media (prefers-reduced-motion: reduce) { .slider-dialog::backdrop { backdrop-filter: none; } }