.ui-theme-control{position:fixed;left:20px;bottom:20px;z-index:12000;font-family:inherit;color:#f7f4f8;text-align:left}
.ui-theme-trigger{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.35);border-radius:13px;background:#24242a;color:var(--accent);box-shadow:0 12px 30px rgba(0,0,0,.28);cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.ui-theme-trigger:hover,.ui-theme-trigger[aria-expanded="true"]{transform:translateY(-2px);border-color:var(--accent);background:#2d2b32}
.ui-theme-popover{position:absolute;left:0;bottom:54px;width:250px;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#252529;box-shadow:0 18px 42px rgba(0,0,0,.42)}
.ui-theme-popover[hidden]{display:none!important}
.ui-theme-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ui-theme-heading strong{font-size:13px;letter-spacing:.04em}.ui-theme-close{width:24px;height:24px;border:0;background:transparent;color:#f4f1f5;font-size:23px;line-height:1;cursor:pointer}
.ui-theme-colors{display:flex;align-items:center;gap:10px}.ui-theme-colors>span{margin-right:auto;font-size:13px;color:#e1dce4}
.ui-color-choice{width:28px;height:28px;border:0;border-radius:50%;cursor:pointer;position:relative}.ui-color-pink{background:#d79bef}.ui-color-blue{background:#38bdf8}.ui-color-green{background:#34d399}
.ui-color-choice[aria-pressed="true"]{outline:2px solid #fff;outline-offset:3px}.ui-color-choice[aria-pressed="true"]::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#102028;font-size:15px;font-weight:900}
.page-login .login-brand-icon{color:var(--accent)}.page-login input:focus{border-color:var(--accent)}.page-login .btn-ingresar{background:var(--accent);border-color:var(--accent);color:#101017}.page-login .btn-ingresar:hover{background:var(--accent-strong);color:#101017}
.page-admin .btn.primary,.page-coordinator .btn.primary{background:var(--accent);border-color:var(--accent)}
@media(max-width:560px){.ui-theme-control{left:12px;bottom:12px}.ui-theme-popover{width:230px}}