body{
    font-family: "TH Sarabun New", Tahoma, sans-serif;
    background:#e6edf5;
    margin:0;
}

.header{
    background:#0b3d91;
    color:white;
    text-align:center;
    padding:18px;
    font-size:28px;
    font-weight:bold;
}

.login-box{
    width:420px;
    margin:80px auto;
    background:white;
    border:1px solid #b5c7de;
    box-shadow:0 0 10px rgba(0,0,0,0.15);
    padding:30px;
}

.login-title{
    font-size:24px;
    text-align:center;
    color:#0b3d91;
    margin-bottom:20px;
}

table{
    width:100%;
}

input[type=text],
input[type=password]{
    width:100%;
    padding:8px;
    border:1px solid #999;
    border-radius:4px;
}

input[type=submit]{
    background:#0b3d91;
    color:white;
    border:none;
    padding:10px 25px;
    cursor:pointer;
    border-radius:4px;
}

input[type=submit]:hover{
    background:#092e6b;
}

.div3{
    font-weight:bold;
}


.menu-btn{
display:block;
margin:10px 0;
padding:12px;
background:#0b3d91;
color:white;
text-decoration:none;
border-radius:5px;
font-size:18px;
}

.menu-btn:hover{
background:#092e6b;
}

/* กล่องฟอร์ม */
.form-container{
    width: 420px;
    margin: 30px auto;
    background: #f7fbff;
    padding: 20px;
    border: 1px solid #b5c7de;
    border-radius: 6px;
}

/* แถว */
.form-row{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

/* label */
.form-row label{
    width: 130px;
    font-weight: bold;
    font-size: 16px;
}

/* input */
.form-row input{
    flex: 1;
    padding: 6px;
    border: 1px solid #aaa;
    border-radius: 4px;
    background: #eee;
}

/* ปุ่ม */
.form-actions{
    text-align: center;
    margin-top: 15px;
}

.form-actions button{
    margin: 5px;
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* สีปุ่ม */
.btn-edit{
    background: #0b3d91;
    color: white;
}

.btn-delete{
    background: #a94442;
    color: white;
}

.btn-list{
    background: #5a5a5a;
    color: white;
}

/* hover */
button:hover{
    opacity: 0.85;
}