:root { color-scheme: dark; --portal-orange: #ff8a2a; }
html, body, .app-page { background: #0b0b0d !important; color: #f4f4f5 !important; }
.app-page { background: radial-gradient(ellipse at 50% 5%, #2b1b11 0, #101012 40%, #0b0b0d 75%) !important; }
.app-container { background: #171719 !important; border: 1px solid #39302a !important; border-radius: 22px !important; box-shadow: 0 22px 70px #0008 !important; }
.logo-img { width: 64px !important; height: 64px !important; object-fit: contain; }
.logo-txt, h1, h2, h3 { color: #f5f3f0 !important; }
.app-inp-lbl, label { color: #d9cec4 !important; }
.app-inp-box { border: 1px solid #514034 !important; border-radius: 13px !important; background: #0d0d0f !important; overflow: hidden; }
.app-inp-box:focus-within { border-color: #ff8a2a !important; box-shadow: 0 0 0 3px #ff8a2a26 !important; }
.app-inp-txt { background: #0d0d0f !important; color: #faf6f1 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; caret-color: #ff8a2a; }
.app-inp-txt:focus { outline: none !important; box-shadow: none !important; }
.app-inp-txt::placeholder { color: #90867e !important; }
.app-inp-prf-img { background: #24201c !important; color: #ff9b49 !important; border-color: #514034 !important; }
.app-btn-pri { background: #ff8a2a !important; color: #17100a !important; border: 1px solid #ff8a2a !important; border-radius: 13px !important; box-shadow: 0 4px 14px #ff8a2a18 !important; transition: background .15s, box-shadow .15s; }
.app-btn-pri:hover { background: #ffa457 !important; border-color: #ffa457 !important; }
.app-btn-pri:focus-visible, .app-btn-sec:focus-visible, a:focus-visible { outline: 2px solid #ffb579 !important; outline-offset: 4px; }
.app-btn-sec { background: #29231f !important; color: #ffd5b3 !important; border: 1px solid #62412b !important; border-radius: 13px !important; box-shadow: none !important; }
.app-btn-sec:hover { background: #3a2a1f !important; }
a, [class*="text-primary-"] { color: #ffa457 !important; }
label[class*="text-primary-"] { color: #d9cec4 !important; }
.app-btn-pri *, .app-btn-pri [class*="text-primary-"] { color: #17100a !important; }
.app-btn-sec * { color: #ffd5b3 !important; }
select, textarea { background: #121214 !important; color: #faf6f1 !important; border-color: #514034 !important; border-radius: 13px !important; }
input[type="checkbox"], input[type="radio"] { accent-color: #ff8a2a; }
input:-webkit-autofill { -webkit-text-fill-color: #faf6f1 !important; -webkit-box-shadow: 0 0 0 1000px #0d0d0f inset !important; }
#bookmarks > div { background: #332216 !important; color: #ffb579 !important; border-radius: 0 0 12px 12px !important; }
#qrcode { background: white !important; border-radius: 14px !important; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }