.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);background:#fff;border-bottom:1px solid #dce4da}
.preview-banner{padding:.55rem 1rem;background:#fff4cc;color:#593d00;text-align:center;font-weight:900;border-bottom:1px solid #9e7415}
.brand{display:flex;align-items:center;gap:.7rem;padding:0;color:var(--ink);text-decoration:none;font-size:1.05rem;font-weight:900}
.brand img{object-fit:contain;flex-shrink:0}
.context-link{min-height:44px;display:inline-flex;align-items:center;padding:.55rem .8rem;border-radius:10px;color:#245400;font-weight:800}
.dashboard{width:min(calc(100% - 2rem),960px);margin:0 auto;padding:clamp(2rem,5vw,4rem) 0 3rem}
.dashboard h1{margin-bottom:.6rem;font-size:clamp(1.9rem,5vw,2.65rem)}
.dashboard h2{margin:2rem 0 .8rem;font-size:1.25rem;letter-spacing:-.02em}
.intro{max-width:700px;margin:0;color:var(--muted);font-size:1.08rem}
.status-panel{margin-top:1.5rem;padding:1rem 1.15rem;background:#fff;border:1px solid #cbd5c4;border-radius:14px;box-shadow:0 3px 0 #e3e9df}
.status-panel p{margin:0;font-weight:750}
.status-panel a{display:inline-flex;margin-top:.75rem;font-weight:850;color:#245400}
.status-panel.error{background:#fff5f3;border-color:#bb6a60;color:#78251e}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.metric{display:grid;gap:.4rem;min-height:112px;padding:1.2rem;background:#fff;border:1px solid #cbd5c4;border-radius:16px;box-shadow:0 4px 0 #e3e9df}
.metric-label{color:var(--muted);font-weight:750}
.metric strong{font-size:2rem;line-height:1.15;font-weight:950}
.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.action{display:grid;align-content:start;gap:.45rem;min-height:140px;padding:1.2rem;background:#fff;border:1px solid #cbd5c4;border-bottom:5px solid #dce8d5;border-radius:16px;color:var(--muted);text-decoration:none;transition:transform .15s ease,border-color .15s ease}
.action:hover{transform:translateY(-2px);border-color:#64824d;border-bottom-color:#8daf70}
.action:focus-visible,.context-link:focus-visible{outline:3px solid #195db5;outline-offset:3px}
.action-title{color:var(--ink);font-size:1.08rem;font-weight:950;line-height:1.25}
.privacy-note{margin:2rem 0 0;padding:1rem 1.1rem;border-left:4px solid #668e48;background:#edf5e8;color:#3d5130;border-radius:0 10px 10px 0;font-weight:700}
@media(max-width:640px){.actions{grid-template-columns:1fr}.action{min-height:100px}.metrics{gap:.65rem}.metric{padding:1rem;min-height:100px}.topbar{align-items:flex-start}.brand{font-size:.95rem}.context-link{font-size:.9rem;padding:.4rem .55rem}}
@media(max-width:360px){.metrics{grid-template-columns:1fr}.topbar{gap:.5rem}.brand{gap:.45rem}.brand img{width:40px;height:35px}}
@media(prefers-reduced-motion:reduce){.action{transition:none}}