:root{
    --primary:#0b5ed7;
    --primary-dark:#063b8f;
    --soft:#eef6ff;
    --ink:#122033;
}
body{
    background: linear-gradient(135deg,#eaf4ff 0%,#ffffff 45%,#eef6ff 100%);
    min-height:100vh;
    color:var(--ink);
}
.navbar-brand{
    font-weight:800;
    letter-spacing:.2px;
}
.hero-card{
    border:0;
    border-radius:24px;
    box-shadow:0 18px 45px rgba(11,94,215,.13);
    overflow:hidden;
}
.hero-header{
    background: linear-gradient(135deg,#063b8f,#0b5ed7,#2d8cff);
    color:white;
    padding:28px 24px;
}
.btn-primary{
    background:linear-gradient(135deg,#0648ad,#0b5ed7);
    border:0;
    box-shadow:0 8px 18px rgba(11,94,215,.22);
}
.btn-primary:hover{filter:brightness(.95)}
.form-control,.form-select{
    border-radius:14px;
    padding:.78rem .9rem;
}
.form-control:focus,.form-select:focus{
    border-color:#0b5ed7;
    box-shadow:0 0 0 .22rem rgba(11,94,215,.14);
}
.section-title{
    font-weight:800;
    color:#063b8f;
}
.badge-blue{
    background:#e7f1ff;
    color:#0648ad;
    border:1px solid #cfe4ff;
}
.schedule-box{
    background:var(--soft);
    border:1px solid #d8ebff;
    border-radius:20px;
    padding:18px;
}
.admin-card{
    border:0;
    border-radius:22px;
    box-shadow:0 12px 30px rgba(13,71,161,.10);
}
.table thead th{
    background:#063b8f;
    color:white;
    white-space:nowrap;
}
.pagination .page-link{
    color:#0b5ed7;
    border-radius:10px;
    margin:0 2px;
}
.pagination .active .page-link{
    background:#0b5ed7;
    border-color:#0b5ed7;
}
@media(max-width:576px){
    .hero-header{padding:22px 18px}
    .container{padding-left:14px;padding-right:14px}
    .display-mobile{font-size:1.45rem}
    .table-responsive{font-size:.86rem}
}

.nomor-dokumen-box{background:linear-gradient(135deg,#063b8f,#0b5ed7,#2d8cff);color:white;border-radius:28px;padding:28px 18px;text-align:center;box-shadow:0 18px 45px rgba(11,94,215,.24)}
.nomor-dokumen-label{font-size:1rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}
.nomor-dokumen{font-size:4.8rem;line-height:1;font-weight:900;letter-spacing:2px}
.nomor-dokumen-note{font-size:.98rem;opacity:.95}
@media(max-width:576px){.nomor-dokumen{font-size:4.2rem}}