/* FYPIRL HQ shell (admin.fypirl.com). Dark top bar, light sidebar, warm page — matches the counter family. */
:root{--hq-ink:#1c1b18;--hq-page:#f4f2ec;--hq-line:#e3ded4;--hq-muted:#6f6a62;--hq-accent:#6942df;--hq-lime:#d8ff42}
*{box-sizing:border-box}
body.hq{margin:0;background:var(--hq-page);color:var(--hq-ink);font:15px/1.45 Satoshi,Figtree,Arial,sans-serif;font-variant-numeric:normal}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hq-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;height:64px;padding:0 20px;background:var(--hq-ink);color:#fff}
.hq-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.hq-brand img{height:34px;width:auto}
.hq-brand span{font-size:12px;font-weight:800;letter-spacing:0;background:var(--hq-lime);color:var(--hq-ink);border-radius:6px;padding:2px 7px}
.hq-search{flex:1;max-width:520px;margin-left:24px}.hq-search input{width:100%;height:40px;border-radius:10px;border:1px solid #4a4943;background:#2a2924;color:#fff;padding:0 14px;font:inherit}
.hq-search input::placeholder{color:#a8a59c}
.hq-top-link{margin-left:auto;color:#e9e6dd;text-decoration:none;font-size:14px;padding:8px 12px;border:1px solid #4a4943;border-radius:8px}.hq-top-link:hover{background:#2a2924}
.hq-account{position:relative}.hq-account>button{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid #4a4943;border-radius:10px;color:#fff;padding:5px 12px 5px 6px;font:inherit;cursor:pointer}
.hq-account>button span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.hq-account small{color:#b9b6ad;font-size:11px}
.hq-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--hq-lime);color:var(--hq-ink);font-weight:800}
#hq-account-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;padding:6px;background:#fff;color:var(--hq-ink);border:1px solid var(--hq-line);border-radius:12px;box-shadow:0 12px 32px #0002}
#hq-account-menu>*{display:block;width:100%;text-align:left;padding:10px 12px;border:0;background:none;border-radius:8px;color:inherit;text-decoration:none;font:inherit;font-size:14px}
#hq-account-menu>*:hover:not(:disabled){background:#f4f2ec}
.hq-menu{display:none;background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
.hq-nav{position:fixed;top:64px;bottom:0;left:0;width:232px;overflow:auto;padding:16px 12px 24px;background:#faf9f5;border-right:1px solid var(--hq-line)}
.hq-nav-cat{margin:18px 10px 6px;font-size:11px;font-weight:650;color:#8a857b}
.hq-nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#3d3a34;text-decoration:none;font-size:14px;font-weight:550}
.hq-nav a svg{width:18px;height:18px;flex:none;color:#7a756c}
.hq-nav a:hover{background:#efece4}.hq-nav a[aria-current]{background:var(--hq-ink);color:#fff}.hq-nav a[aria-current] svg{color:var(--hq-lime)}
.hq-nav-foot{margin:24px 10px 0;font-size:11px;color:#a29d93}
.hq-main{margin-left:232px;padding:28px 32px 60px;min-height:calc(100vh - 64px)}
.hq-main .gw{max-width:1240px}
.hq .primary{background:var(--hq-lime);border:1px solid #c6ec2e;color:var(--hq-ink);border-radius:10px;padding:10px 16px;font:inherit;font-weight:650}
.hq .primary:disabled{opacity:.6;cursor:not-allowed}
.hq button{font:inherit}
.hq-button{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #d8d3c9;border-radius:10px;background:#fff;color:var(--hq-ink);text-decoration:none;font-weight:600;font-size:14px}
.hq-moving{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#faf8ff;border-style:dashed}.hq-moving p{margin:0;color:var(--hq-muted)}
.hq-attn{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0ece4;font-size:14px}.hq-attn:last-child{border-bottom:0}.hq-attn strong{color:#a8a39a}
.hq-card{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--hq-line);border-radius:14px;background:#fff;color:inherit;text-decoration:none}.hq-card span{font-size:13px;color:var(--hq-muted)}.hq-card:hover{border-color:var(--hq-accent)}
.hq-signin-mode .hq-nav,.hq-signin-mode .hq-top{display:none}.hq-signin-mode .hq-main{margin:0;padding:0}
.hq-signin{display:grid;place-items:center;min-height:100vh;background:var(--hq-ink)}
.hq-signin-card{width:min(400px,calc(100vw - 32px));padding:32px;border-radius:20px;background:#fff;display:flex;flex-direction:column;gap:12px}
.hq-signin-card img{height:40px;width:auto;align-self:flex-start;filter:invert(1)}.hq-signin-card h1{margin:4px 0 0;font-size:26px}.hq-signin-card p{margin:0;color:var(--hq-muted)}
.hq-signin-card .primary{height:46px}
@media(max-width:900px){.hq-menu{display:block}.hq-search,.hq-top-link{display:none}.hq-nav{transform:translateX(-100%);transition:transform .2s;z-index:15;box-shadow:0 0 40px #0003}
 body.hq-nav-open .hq-nav{transform:none}.hq-main{margin-left:0;padding:20px 16px 48px}.hq-account small{display:none}}
.hq-signin-card a{color:var(--hq-accent);font-size:14px;text-decoration:none}
@media(max-width:700px){.hq-account>button span:last-child{display:none}.hq-account>button{padding:4px}}
.hq-signin-card form{display:grid;gap:14px;text-align:left}.hq-signin-card label{display:grid;gap:5px}.hq-signin-card input{padding:10px 12px;font:inherit;border:1px solid #777;border-radius:6px}