/* assets/css/auth-style.css */
:root{
  --bg:#fff6f8;
  --accent:#b7601a; /* brown/orange */
  --accent-dark:#b15a15;
  --muted:#aaa;
  --card:#ffffff;
}

body{ margin:0; font-family:Arial,Helvetica,sans-serif; background:var(--bg); color:#222; }
.page{ padding:20px; max-width:480px; margin:0 auto; min-height:calc(100vh - 80px); }
.title{ text-align:center; color:var(--accent); font-size:28px; margin-top:24px; font-weight:700; }
.card{ background:transparent; padding:10px 0; margin-top:18px; }
.label{ display:block; margin:18px 6px 6px; color:#777; font-size:16px; }
.input{ width:100%; padding:10px 8px; font-size:18px; border:0; border-bottom:2px solid #4442; outline:none; background:transparent; }
.center{ text-align:center; margin-top:16px; }
.btn{ border:0; padding:14px 28px; border-radius:30px; font-size:18px; color:#fff; cursor:pointer; background:var(--accent-dark); box-shadow:0 3px 0 rgba(0,0,0,0.06); }
.btn-pill{ padding:12px 36px; border-radius:40px; background:var(--accent); }
.btn-pill.secondary{ background:var(--accent-dark); width:90%; display:inline-block; }
.mt-lg{ margin-top:18px; }
.checkbox-row{ margin-top:18px; font-size:16px; }
.link{ color:#0aa; text-decoration:none; margin-left:10px; }
.page .topbar{ display:flex; justify-content:space-between; align-items:center; background:#222; color:#fff; padding:12px 16px; }
.welcome{ padding:10px 0 80px; text-align:center; }
.welcome h1{ font-size:28px; margin:10px 0; }
.stats-row{ display:flex; gap:12px; justify-content:center; margin-top:10px; }
.stat{ flex:1; padding:18px; border-radius:12px; color:#fff; }
.stat-orange{ background:var(--accent); }
.stat-red{ background:#d9534f; }
.stat .big{ font-size:36px; font-weight:800; }
.stat .small{ font-size:14px; opacity:0.9; margin-top:6px; }
.actions-row{ display:flex; gap:10px; justify-content:center; margin-top:14px; flex-wrap:wrap; }
.action{ border-radius:10px; padding:10px 12px; background:#fff; border:1px solid #eee; min-width:80px; }
.card.info{ border:2px solid var(--accent); padding:12px; margin:12px; border-radius:10px; background:transparent; color:var(--accent); }
.copy-btn{ border:0; background:transparent; cursor:pointer; margin-left:8px; }
.bottom-nav{ position:fixed; left:0; right:0; bottom:0; background:#f4eaf0; display:flex; justify-content:space-around; padding:8px 0; border-top:1px solid #eee; }
.bottom-nav .nav-item{ color:var(--accent); font-size:13px; text-align:center; width:20%; }
.bottom-nav .active{ background:#efe7ee; border-radius:20px; padding:8px; }
@media(min-width:600px){ .page{ margin-top:20px; } }