:root{--rate-ink:#17324d;--rate-green:#00ad97}
body{font-family:Cairo,Tahoma,Arial,sans-serif!important}
.rate-brand{display:inline-flex;align-items:center;gap:9px;color:var(--rate-ink)!important;font-family:Cairo,Arial,sans-serif;font-weight:800;font-size:25px;line-height:1.4;text-decoration:none!important;white-space:nowrap}
.rate-brand img{width:42px;height:42px;object-fit:contain}.rate-brand-accent{color:#008a78}
.sidebar.rate-sidebar{padding-top:0;height:100dvh;overflow-y:auto}
.rate-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top,0px));margin-bottom:4px}
.rate-sidebar-header>.rate-brand{display:inline-flex;padding:0;margin:0;font-size:23px;font-weight:800}.rate-sidebar-header>.rate-brand img{width:36px;height:36px}
.rate-sidebar .close-sidebar-btn{display:none;flex:0 0 44px;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid #eee;color:#dc3545}
.rate-sidebar .close-sidebar-btn:focus-visible{outline:3px solid var(--rate-green);outline-offset:2px}
body.dark-mode .rate-sidebar .close-sidebar-btn{background:#2d2d2d;border-color:#444;color:#ff6b6b}
/* Rating pages also load HR styles; keep Rate's existing show state and breakpoint. */
@media(max-width:768px){.sidebar.rate-sidebar.show{transform:translateX(0)!important}.sidebar.rate-sidebar.show~.mobile-toggle{display:none}.rate-sidebar-header>.rate-brand{font-size:20px;gap:6px}.rate-sidebar-header>.rate-brand img{width:32px;height:32px}.rate-sidebar .close-sidebar-btn{display:flex}}
@media(min-width:769px){.sidebar.rate-sidebar{transform:none!important}}
.rate-auth-header{text-align:center;padding:30px 16px 0}.rate-auth-header+.container .auth-card{margin-top:24px;border:1px solid #dce9eb;box-shadow:0 24px 65px -38px #17324d;border-radius:24px;max-width:450px}
.rate-public-brand{display:flex;justify-content:center;padding:18px;background:#fff}
body.dark-mode .rate-brand{color:#f1f5f9!important}body.dark-mode .rate-brand-accent{color:#5eead4}
.rate-brand:focus-visible{outline:3px solid #00ad97;outline-offset:5px;border-radius:5px}
.rate-open-app{box-sizing:border-box;max-width:520px;margin:12vh auto;padding:24px 20px;text-align:center;color:var(--rate-ink);background:#fff;border:1px solid #dce9eb;border-radius:16px;width:calc(100% - 32px)}
.rate-open-app h1{font-size:24px;margin:20px 0 12px}.rate-open-app p{line-height:1.9;margin:12px 0 20px}.rate-open-app>a:not(.rate-brand){color:#1264c5}