/* static/style.css - site styles (no footer) */
:root{
  --bg:#f7fbfc;
  --card:#03303f;
  --accent:#ffb86b;
  --muted:#9fd8d2;
  --text:#dff6f5;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);margin:0;color:#04293a;min-height:100vh}
.container{max-width:1100px;margin:0 auto;padding:20px}
.site-header{background:#072033;padding:12px 0;color:#fff;box-shadow:0 6px 18px rgba(3,16,28,0.12)}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:800;color:#fff;text-decoration:none;font-size:18px}
.top-nav a{color:#dbeefe;text-decoration:none;margin-left:16px;font-weight:600}
.card{background:var(--card);color:var(--text);padding:22px;border-radius:10px;box-shadow:0 12px 40px rgba(2,6,23,0.25)}
.grid{display:grid;grid-template-columns:1fr 420px;gap:18px}
.left h1{margin:0 0 8px 0;font-size:26px}
.desc{color:var(--muted);margin:6px 0 14px 0}
.form label{display:block;margin-top:10px;font-size:13px}
.form input{width:100%;padding:10px;margin-top:6px;border-radius:6px;border:0}
.btn{margin-top:12px;padding:10px 14px;border-radius:8px;background:var(--accent);color:#012; border:0;font-weight:700;cursor:pointer}
.right h3{margin-top:0}
.debug{background:#011e26;padding:12px;border-radius:8px;color:#9ffae1;white-space:pre-wrap;word-wrap:break-word}
.msg{margin-top:12px;color:#ffdcb2;font-weight:700}
.data-table{width:100%;border-collapse:collapse;margin-top:8px;background:#fff;color:#012;border-radius:6px;overflow:hidden}
.data-table th{background:#0b2f38;color:#fff;padding:8px;text-align:left}
.data-table td{padding:8px;border-top:1px solid #e6eef0;color:#012}
.small{color:#c9e7ea;font-size:13px}