body{
    font-family: 'Segoe UI',sans-serif;
    margin:0;
    background:#f4f6f9;
}
.nav{
    background:#111;
    padding:15px;
    color:#fff;
}
.container{
    padding:20px;
}
.card{
    background:#fff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    margin-bottom:20px;
}
button{
    background:#0066ff;
    color:white;
    border:none;
    padding:10px 15px;
    border-radius:8px;
}
input,select{
    width:100%;
    padding:10px;
    margin:5px 0 10px;
    border-radius:8px;
    border:1px solid #ddd;
}
table{
    width:100%;
    border-collapse:collapse;
}
table th,table td{
    padding:10px;
    border-bottom:1px solid #ddd;
}
@media(max-width:768px){
    .container{padding:10px;}
}