body{font-family:Inter,system-ui,sans-serif;background:#f6f7fb;margin:0}
.container{max-width:500px;margin:60px auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.wide{max-width:900px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card{background:#f9f9ff;padding:20px;border-radius:10px;border:1px solid #eee}
input,select,button{width:100%;padding:10px;margin:6px 0;border:1px solid #ddd;border-radius:8px}
button{background:#111;color:#fff;cursor:pointer}
.btn{display:inline-block;background:#111;color:#fff;padding:8px 14px;border-radius:8px;text-decoration:none}
table{width:100%;border-collapse:collapse;margin-top:20px}
th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.nav{display:flex;justify-content:space-between;padding:15px 30px;background:#fff;border-bottom:1px solid #eee}
.error{color:red}
.inline-form{display:flex;flex-wrap:wrap;gap:8px}
.inline-form input, .inline-form select{width:auto;flex:1}