body{font-family:Arial;background:#f4f6f8}

/* TAB */
.tabs{display:flex;border-bottom:2px solid #ccc}
.tabs button{padding:10px 15px;border:none;background:none;font-weight:bold;cursor:pointer}
.tabs button.active{border-bottom:3px solid #007bff;color:#007bff}
.tab{display:none;padding:10px}
.tab.active{display:block}

/* MODAL */
.modal{
display:none;
position:fixed;
top:0;left:0;
width:100%;height:100%;
background:rgba(0,0,0,.5);
}
.modal-content{
background:#fff;
width:80%;
margin:5% auto;
padding:20px;
border-radius:6px;
}
.close{
float:right;
font-size:22px;
cursor:pointer;
}
input{padding:5px;margin:5px 0}
button{padding:6px 10px}