/* Beauty Light Theme */
:root{
  --bg:#f7f8fb;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --border:#e5e9f2;
  --primary:#4f46e5;
  --primary-contrast:#ffffff;
  --danger:#ef4444;
  --success:#16a34a;
  --shadow:0 10px 30px rgba(30,41,59,.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.45 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}
.container{max-width:960px;margin:32px auto;padding:0 16px}

.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:20px;
}

h1,h2,h3{margin:0 0 .5rem 0}
h1{font-size:1.75rem}
h2{font-size:1.35rem}
h3{font-size:1.15rem}

.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.spacer{height:10px}
button,.btn{
  background:var(--primary);
  color:var(--primary-contrast);
  border:none;border-radius:12px;padding:.75rem 1rem;font-weight:700;cursor:pointer;
  box-shadow:0 6px 16px rgba(79,70,229,.25);
}
.btn-secondary{background:#eef1ff;color:#2b2e44}
.btn-danger{background:var(--danger);color:#fff}
input,select{
  background:#fff;border:1px solid var(--border);border-radius:12px;padding:.7rem 1rem;
  min-width:220px;outline:none;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .15s ease;
}
input:focus,select:focus{ box-shadow:inset 0 0 0 1px var(--primary) }
label{font-weight:600;color:#1f2937}

.badge{
  display:inline-block;padding:.35rem .7rem;border-radius:999px;font-weight:700;font-size:.85rem;
}
.ok{ background: #e6f9ee; color:#166534; border:1px solid #bbf7d0 }
.bad{ background: #fee2e2; color:#7f1d1d; border:1px solid #fecaca }
.muted{ background:#f1f5f9;color:#475569;border:1px solid var(--border) }

table{width:100%;border-collapse:collapse}
th,td{padding:.6rem .8rem;border-bottom:1px solid var(--border);text-align:left}
th{font-size:.95rem}
.header{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:12px
}
.nav .brand{font-weight:900;letter-spacing:.3px;color:#111827}
.link{color:var(--primary);text-decoration:none;font-weight:700}
.link:hover{text-decoration:underline}
.small{color:var(--muted);font-size:.9rem}
footer{margin:16px 0;color:var(--muted)}