/* Tema dashboard kerja pejabat */
.admin-dashboard-body{background:linear-gradient(135deg,#f4f8f8 0%,#f5f3fb 52%,#fff8ed 100%);min-height:100vh}
.admin-dashboard-body .app{background:transparent}
.admin-dashboard-body aside{background:linear-gradient(180deg,#ffffff 0%,#f8fbfb 70%,#eef7f4 100%);border-right:1px solid #d9e6e7;box-shadow:8px 0 28px rgba(23,48,71,.045)}
.admin-dashboard-body aside .logo{position:relative}.admin-dashboard-body aside .logo:after{content:"RUANG KERJA PEJABAT";position:absolute;left:66px;bottom:19px;color:#2a8f78;font-size:8px;font-weight:700;letter-spacing:1.15px}
.admin-dashboard-body nav a{transition:.18s}.admin-dashboard-body nav a:hover{background:#f0f7f6;color:#1f715f;transform:translateX(2px)}
.admin-dashboard-body nav a.active{background:linear-gradient(135deg,#e6f4f0,#e8f0f7);box-shadow:inset 3px 0 #2a9d83;color:#173047}
.admin-dashboard-body .dashboard header{position:relative;padding:21px 23px;margin-bottom:22px;border:1px solid #dae6e7;border-radius:16px;background:linear-gradient(120deg,#fff 0%,#f3faf7 72%,#fff4e7 100%);box-shadow:0 9px 28px rgba(23,48,71,.065);overflow:hidden}
.admin-dashboard-body .dashboard header:after{content:"";position:absolute;width:160px;height:160px;right:70px;top:-105px;border-radius:50%;background:rgba(42,157,131,.1)}
.admin-dashboard-body .admin-avatar{background:linear-gradient(145deg,#173047,#2b7180);box-shadow:0 7px 18px rgba(23,48,71,.18)}
.admin-dashboard-body .stats{gap:14px}.admin-dashboard-body .stats article{position:relative;overflow:hidden;border:1px solid #dce7e9;border-radius:15px;box-shadow:0 8px 24px rgba(23,48,71,.06);transition:.18s}.admin-dashboard-body .stats article:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(23,48,71,.1)}
.admin-dashboard-body .stats article:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:#2a9d83}.admin-dashboard-body .stats article:nth-child(2):after{background:#ef8a50}.admin-dashboard-body .stats article:nth-child(3):after{background:#37a079}.admin-dashboard-body .stats article:nth-child(4):after{background:#7865b8}
.admin-dashboard-body .stats article:nth-child(1){background:linear-gradient(145deg,#fff,#f0f8f6)}.admin-dashboard-body .stats article:nth-child(2){background:linear-gradient(145deg,#fff,#fff3eb)}.admin-dashboard-body .stats article:nth-child(3){background:linear-gradient(145deg,#fff,#edf8f3)}.admin-dashboard-body .stats article:nth-child(4){background:linear-gradient(145deg,#fff,#f4f0fc)}
.admin-dashboard-body .columns>.card,.admin-dashboard-body .card{border:1px solid #dce7e9;border-radius:17px;box-shadow:0 9px 27px rgba(23,48,71,.06);overflow:hidden}.admin-dashboard-body .card-head{background:linear-gradient(90deg,#f5fbf9,#fff)}
.admin-dashboard-body .card-head button{background:linear-gradient(135deg,#258d72,#39aa84);box-shadow:0 6px 15px rgba(37,141,114,.2)}
.admin-dashboard-body .people article{border-bottom-color:#e2ebed}.admin-dashboard-body .people article>i{background:linear-gradient(145deg,#e4f4ef,#e6eef5);color:#214e60}
.admin-dashboard-body .help{border:1px solid #d6e5e3;background:linear-gradient(145deg,#f2f8f7,#fff8ec)}
.admin-dashboard-body .aside-bottom>a{background:#fff1ed;color:#b44832;border:1px solid #efc7bd;border-radius:10px;justify-content:center;font-weight:700}
.admin-dashboard-body input,.admin-dashboard-body select,.admin-dashboard-body textarea{transition:border-color .18s,box-shadow .18s}.admin-dashboard-body input:focus,.admin-dashboard-body select:focus,.admin-dashboard-body textarea:focus{outline:0;border-color:#2a9d83;box-shadow:0 0 0 3px rgba(42,157,131,.12)}
@media(max-width:700px){.admin-dashboard-body .dashboard header{padding:17px;margin-bottom:14px}.admin-dashboard-body aside{background:#fff;box-shadow:0 -7px 24px rgba(23,48,71,.09)}.admin-dashboard-body aside .logo:after{display:none}.admin-dashboard-body nav a:hover{transform:none}.admin-dashboard-body .stats article{border-radius:12px}}

/* Dialog pendaftaran pegawai */
#employeeModal{width:min(650px,calc(100% - 24px));max-height:calc(100vh - 28px);padding:0;border:1px solid #d4e2e4;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#f8fcfb 100%);box-shadow:0 28px 80px rgba(14,36,52,.32);overflow:auto}
#employeeModal::backdrop{background:rgba(18,39,54,.66);backdrop-filter:blur(3px)}
#employeeModal>h2{position:relative;margin:0;padding:28px 68px 7px 78px;background:linear-gradient(120deg,#e8f6f1,#edf3fb 70%,#fff1e5);font-size:23px}
#employeeModal>h2:before{content:"♙";position:absolute;left:29px;top:20px;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#278b74,#3cac88);color:#fff;font:700 19px Georgia;box-shadow:0 7px 18px rgba(39,139,116,.24)}
#employeeModal>p{margin:0;padding:0 30px 24px 78px;background:linear-gradient(120deg,#e8f6f1,#edf3fb 70%,#fff1e5);color:#647985;font-size:10px}
#employeeModal .close{right:18px;top:17px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.76);color:#607582;font-size:22px;line-height:1;transition:.18s}
#employeeModal .close:hover{background:#fff0ed;color:#c5533d;transform:rotate(5deg)}
#employeeModal form{padding:22px 30px 28px}
#employeeModal label{margin:14px 0;color:#294b5a;font-size:10px}
#employeeModal input,#employeeModal select{border-color:#cfdee3;border-radius:11px;padding:12px;background:#fff;transition:.18s}
#employeeModal input[name=name]{background:#f0faf6;border-color:#c4e2d9}
#employeeModal input[name=position]{background:#f1f6fb;border-color:#cfdeea}
#employeeModal input[name=phone]{background:#fff8ed;border-color:#ead9b9}
#employeeModal input[type=file]{background:#f5f2fc;border:1px dashed #d1c7eb;padding:13px}
#employeeModal select[name=manager_id]{background:#f2f5f7}
#employeeModal input:focus,#employeeModal select:focus{outline:0;border-color:#2a9d83;box-shadow:0 0 0 3px rgba(42,157,131,.13);background:#fff}
#employeeModal label small{display:block;margin-top:6px;color:#7a8c96;font-weight:400;line-height:1.45}
#employeeModal footer{margin-top:22px;padding-top:18px;border-top:1px solid #dbe7e8}
#employeeModal footer button{border-radius:10px;padding:11px 17px}
#employeeModal footer button:not(.cancel){background:linear-gradient(135deg,#258d72,#39aa84);box-shadow:0 6px 16px rgba(37,141,114,.22)}
#employeeModal footer .cancel{background:#fff;color:#536975;border:1px solid #d4e0e4}
@media(max-width:600px){#employeeModal{width:calc(100% - 16px);border-radius:16px}#employeeModal>h2{padding:23px 55px 7px 64px;font-size:20px}#employeeModal>h2:before{left:18px;top:16px;width:36px;height:36px}#employeeModal>p{padding:0 18px 20px 64px}#employeeModal form{padding:17px 18px 22px}#employeeModal footer{position:sticky;bottom:0;background:#fff;padding-bottom:2px}#employeeModal footer button{flex:1}}