@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box}body{color:#1a2035;-webkit-font-smoothing:antialiased;background:#f5f7fb;margin:0;font-family:Plus Jakarta Sans,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0d7e3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b0bac8}h1{color:#1a2035;letter-spacing:-.02em;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}h2{color:#1a2035;letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.p-card{border:1px solid #e8ecf0!important;border-radius:14px!important;box-shadow:0 1px 3px #0000000d!important}.p-datatable .p-datatable-header{border:1px solid #e8ecf0;border-bottom:none;border-radius:14px 14px 0 0}.p-datatable .p-datatable-thead>tr>th{color:#5a6a85;text-transform:uppercase;letter-spacing:.05em;background:#f8faff;border-color:#e8ecf0;font-size:.8rem;font-weight:600}.p-datatable .p-datatable-tbody>tr{transition:background .12s}.p-datatable .p-datatable-tbody>tr:hover{background:#f5f7ff!important}.p-button.p-button-primary{letter-spacing:.01em!important;background:linear-gradient(135deg,#4a6cf7 0%,#6a85f5 100%)!important;border:none!important;border-radius:10px!important;font-weight:600!important;transition:all .15s!important;box-shadow:0 4px 12px #4a6cf74d!important}.p-button.p-button-primary:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #4a6cf766!important}.p-inputtext{border-color:#e0e6ef!important;border-radius:10px!important;transition:all .15s!important}.p-inputtext:focus{border-color:#4a6cf7!important;box-shadow:0 0 0 3px #4a6cf71f!important}.p-inputtext.p-invalid{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f!important}.p-inputtext.p-invalid:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important}.p-dropdown.p-invalid{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f!important}.p-dropdown.p-invalid:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important}.p-error{color:#ef4444!important;font-size:.75rem!important;font-weight:500!important}.p-tag{border-radius:6px!important;font-size:.72rem!important;font-weight:600!important}.report-print-button{min-width:3rem!important;height:3rem!important;padding-top:.75rem!important;padding-bottom:.75rem!important}.stat-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;padding:20px 22px;transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header-title{color:#1a2035;letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.page-header-subtitle{color:#8896a7;margin-top:2px;font-size:.82rem}.login-password-field .p-password{width:100%!important;display:flex!important}.login-password-field .p-password-input,.login-password-field .p-inputtext{border-radius:12px!important;width:100%!important;padding-top:.85rem!important;padding-bottom:.85rem!important}.login-password-field .p-icon-field-right{width:100%!important}.logout-hover-btn{transition:all .2s ease-in-out!important}.logout-hover-btn:hover{color:#fff!important;background-color:#ef4444!important;border-color:#ef4444!important}.logout-hover-btn:hover .p-button-icon,.logout-hover-btn:hover .p-button-label{color:#fff!important}.logout-hover-btn:active{color:#fff!important;background-color:#dc2626!important;border-color:#dc2626!important}.logout-hover-btn:active .p-button-icon,.logout-hover-btn:active .p-button-label{color:#fff!important}.profile-wrapper,.profile-role-kepala_lab{--accent:#2563eb}.profile-role-teknisi{--accent:#7c3aed}.profile-role-dosen{--accent:#0891b2}.profile-role-sarpras{--accent:#d97706}.profile-role-mahasiswa{--accent:#16a34a}.profile-card{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.profile-left{flex-direction:column;align-items:center;gap:1rem;min-width:200px;display:flex}.avatar-ring{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 50%, #fff));box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:50%;padding:4px}.avatar-circle{background:color-mix(in srgb, var(--accent) 12%, #f8fafc);width:100px;height:100px;color:var(--accent);letter-spacing:-1px;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.profile-name-block{text-align:center}.profile-name{color:#1e293b;text-align:center;margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.role-badge-row{justify-content:center;margin-top:6px;display:flex}.role-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, #fff);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:99px;align-items:center;gap:6px;padding:4px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.profile-role-icon{font-size:.7rem}.profile-status{color:#64748b;align-items:center;gap:6px;font-size:.8rem;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #dcfce7}.status-dot.nonaktif{background:#ef4444;box-shadow:0 0 0 2px #fee2e2}.kode-chip{color:#64748b;letter-spacing:.5px;background:#f1f5f9;border-radius:6px;padding:3px 10px;font-family:Courier New,monospace;font-size:.78rem;font-weight:600}.profile-divider{background:linear-gradient(#0000,#e2e8f0 30% 70%,#0000);align-self:stretch;width:1px;min-height:180px}.profile-right{flex:1;min-width:280px}.section-title{text-transform:uppercase;letter-spacing:1.2px;color:#94a3b8;margin:0 0 1rem;font-size:.7rem;font-weight:700}.info-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-label{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;font-size:.72rem;font-weight:600}.info-value{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:.92rem;font-weight:500}.edit-section-title{text-transform:uppercase;letter-spacing:1.2px;color:#94a3b8;margin:0 0 .75rem;font-size:.7rem;font-weight:700}.edit-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.edit-grid-readonly{margin-bottom:1.25rem}.edit-field{flex-direction:column;gap:5px;display:flex}.edit-label{color:#475569;font-size:.78rem;font-weight:600}.edit-label span{color:#ef4444}.edit-label .optional{color:#94a3b8;font-size:.72rem;font-weight:400}.readonly-field{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:9px 12px;font-size:.88rem}.action-row{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.edit-separator{background:#f1f5f9;grid-column:1/-1;height:1px;margin:.25rem 0}