.account-shell [hidden],.callback-shell [hidden] { display:none!important; }
.account-header-link { order:99; display:inline-flex; align-items:center; gap:.45rem; min-height:42px; padding:.55rem .85rem; border:1px solid var(--border); border-radius:999px; color:var(--foreground); text-decoration:none; font-weight:700; white-space:nowrap; }
.account-header-link:hover { border-color:var(--primary); color:var(--primary); }
.account-header-link svg { width:18px; height:18px; }
.account-shell { max-width:1180px; margin:0 auto; padding:7rem 5% 5rem; }
.account-hero { display:flex; justify-content:space-between; gap:2rem; align-items:end; margin-bottom:2rem; }
.account-hero h1 { margin:.25rem 0; font-size:clamp(2.2rem,5vw,4.5rem); }
.account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.account-panel { padding:1.4rem; border:1px solid var(--border); border-radius:24px; background:var(--surface); }
.account-panel h2 { margin-top:0; }
.account-auth-actions { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; }
.account-products { display:grid; gap:.7rem; }
.account-product { display:flex; justify-content:space-between; gap:1rem; padding:1rem; border-radius:16px; background:var(--surface-soft); }
.account-product span,.account-empty { color:var(--muted); }
.owner-dashboard { margin-top:1.5rem; }
.owner-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }
.owner-metric { padding:1rem; border-radius:18px; background:var(--surface-soft); }
.owner-metric strong { display:block; font-size:1.8rem; }
.traffic-chart { height:220px; display:flex; align-items:end; gap:.75rem; padding:1.25rem 0; }
.traffic-day { flex:1; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:end; gap:.35rem; }
.traffic-day span { width:min(42px,75%); min-height:4px; border-radius:8px 8px 2px 2px; background:linear-gradient(180deg,var(--primary),var(--violet)); }
.traffic-tables { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.traffic-table { overflow:auto; }
.traffic-table table { width:100%; border-collapse:collapse; }
.traffic-table th,.traffic-table td { padding:.65rem .4rem; border-bottom:1px solid var(--border); text-align:left; }
.callback-shell { min-height:100vh; display:grid; place-items:center; padding:2rem; }
.callback-card { max-width:560px; text-align:center; padding:2rem; border:1px solid var(--border); border-radius:24px; background:var(--surface); }
@media (max-width:800px) { .account-grid,.traffic-tables { grid-template-columns:1fr; } .owner-summary { grid-template-columns:repeat(2,1fr); } .account-hero { align-items:start; flex-direction:column; } .account-auth-actions { align-items:stretch; flex-direction:column; } .account-auth-actions .button { justify-content:center; width:100%; } .account-header-link { width:2.3rem; min-width:2.3rem; min-height:2.3rem; height:2.3rem; justify-content:center; padding:0; } .account-header-link span { display:none; } }