body { font-family: 'Segoe UI', Arial; padding: 24px; background:#f7f9fc; }
.title { font-size:28px; font-weight:700; margin-bottom:16px; }
select,input { padding:12px; font-size:16px; border-radius:10px; border:1px solid #ccc; margin-bottom:12px; width:240px; }

table { width:100%; border-collapse:collapse; background:white; border-radius:12px; overflow:hidden; font-size:15px; }
th { background:#007bff; color:white; padding:12px; }
td { padding:10px; text-align:center; border-bottom:1px solid #eee; }

.tabs { display:flex; gap:10px; margin-bottom:16px; }
.tab-button { flex:1; padding:12px; border:none; background:#e9edf5; cursor:pointer; border-radius:12px; font-weight:600; }
.tab-button.active { background:#007bff; color:white; }

@media (max-width:600px){ .tabs{flex-direction:column;} }