body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;margin:0;background:#f6f7fb;}
.container{max-width:1100px;margin:0 auto;padding:18px;}
.card{background:#fff;border-radius:14px;box-shadow:0 6px 22px rgba(0,0,0,.06);padding:16px;margin:14px 0;}
.nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0;}
.nav a{padding:8px 10px;background:#0f172a;color:#fff;text-decoration:none;border-radius:10px;font-size:14px;}
.nav a.secondary{background:#334155;}
.nav .spacer{flex:1}
h1{margin:6px 0 14px 0;font-size:22px;}
table{width:100%;border-collapse:collapse;}
th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px;}
th{background:#f3f4f6;font-weight:600;}
input,select,button{padding:10px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;}
button{background:#0f172a;color:#fff;cursor:pointer;border:none;}
button.secondary{background:#334155;}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e5e7eb;font-size:12px;}
.msg{padding:10px;border-radius:10px;background:#ecfeff;border:1px solid #a5f3fc;margin:10px 0;}
.err{padding:10px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;margin:10px 0;}
.small{font-size:12px;color:#475569;}