.flavia-wrapper { max-width:450px; margin:30px auto; padding:20px; background:inherit; border-radius:8px; box-shadow:0 0 15px rgba(0,0,0,0.1); }
.flavia-tabs { display:flex; justify-content:space-around; margin-bottom:20px; }
.flavia-tab { flex:1; padding:10px; background:#f1f1f1; border:none; cursor:pointer; font-weight:bold; transition:.3s; }
.flavia-tab.active { background:#555; color:#eee; }
.flavia-tab-content { display:none; }
.flavia-tab-content.active { display:block; }
.flavia-tab-content form input, .flavia-tab-content form select { width:100%; padding:10px; margin-bottom:12px; border:1px solid #ccc; border-radius:4px; background:#eee; }
.flavia-tab-content form button { width:100%; padding:12px; background:#555; color:#eee; border:none; border-radius:4px; cursor:pointer; font-weight:bold; }