body {
    background: #f8f8f9;
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 16px;
    color: #333;
    margin: 0;
}
.header {
    background: #204b72;
    color: #fff;
    padding: 10px 0;
    text-align: right;
    font-size: 16px;
    padding-right: 30px;
}
.header a { color: #fff; text-decoration: underline; margin-left:20px;}
.header .user-info {float:left; margin-left:30px;}
.container {
    max-width: 1160px;
    margin: 28px auto 30px auto;
    background: #fff;
    border-radius: 18px;
    padding: 34px 28px 28px 28px;
    box-shadow: 0 0 24px #dedede;
}
input[type=text],input[type=password],input[type=date],select {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 0;
    border: 1.3px solid #ccd;
    border-radius: 8px;
    font-size: 1em;
}
input[type=file] { font-size: 1em;}
button.btn, .btn {
    background: #204b72;
    color: #fff !important;
    border: none;
    border-radius: 8px;
    padding: 8px 20px;
    cursor: pointer;
    font-size: 1em;
    text-decoration:none;
    transition: background 0.18s;
}
button.btn:hover, .btn:hover {
    background: #3467a1;
    color: #fff !important;
}
hr {border: 0; border-top: 1.4px solid #eee; margin:20px 0;}
.table-wrapper { overflow-x:auto; }
table { background: #fff; border-collapse: collapse; margin-top:12px;}
th, td { padding: 9px 14px; border: 1px solid #dde; }
th { background: #e6f0fa; }
tr:nth-child(even) { background: #f7fbfe; }
.table-link {color:#184374;text-decoration:underline;}
ul {margin:0;padding:0;}
@media (max-width:700px){
    .container{padding:8px 2vw;}
    th,td{padding:7px 3px;font-size: 0.93em;}
}