:root{--primary:#059669;--primary-dark:#047857;--primary-light:#10b981;--primary-bg:#ecfdf5;--white:#ffffff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--danger-bg:#fef2f2;--info:#3b82f6}.auth-page{min-height:100vh;background:radial-gradient(circle at top left,rgb(16 185 129 / .14),transparent 34%),linear-gradient(135deg,var(--gray-50) 0%,var(--primary-bg) 100%);display:flex;align-items:center;justify-content:center;padding:24px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.auth-card{width:100%;max-width:430px;background:var(--white);border:1px solid rgb(5 150 105 / .12);border-radius:24px;box-shadow:0 20px 45px rgb(5 150 105 / .1);overflow:hidden}.auth-card-header{padding:34px 30px 22px;text-align:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white)}.auth-logo{width:64px;height:64px;margin:0 auto 16px;border-radius:20px;background:rgb(255 255 255 / .16);display:flex;align-items:center;justify-content:center;font-size:30px}.auth-card-header h1{margin:0;font-size:24px;font-weight:700}.auth-card-header p{margin:8px 0 0;font-size:14px;opacity:.88}.auth-card-body{padding:28px 30px 30px}.auth-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:18px;border-radius:14px;background:var(--danger-bg);color:var(--danger);border:1px solid rgb(239 68 68 / .2);font-size:14px}.auth-form-group{margin-bottom:18px}.auth-form-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--gray-700)}.auth-input{width:100%;height:46px;border:1px solid var(--gray-300);border-radius:14px;padding:0 14px;color:var(--gray-800);background:var(--white);outline:none;transition:all 0.25s ease}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgb(5 150 105 / .1)}.auth-checkbox{display:flex;align-items:center;gap:10px;margin:2px 0 22px;font-size:14px;color:var(--gray-600)}.auth-checkbox input{width:16px;height:16px;accent-color:var(--primary)}.auth-submit{width:100%;border:none;border-radius:14px;padding:13px 18px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all 0.25s ease}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgb(5 150 105 / .25)}.logout-form{margin:12px 0 0;padding:0}.menu-button{width:100%;border:none;background:#fff0;font-family:inherit;text-align:left;cursor:pointer}.logout-menu-item{color:var(--danger)}.logout-menu-item:hover{background:var(--danger-bg);color:var(--danger)}.logout-menu-item i{color:var(--danger)}.filter-section form{margin:0}.filter-input,.filter-select{width:100%;border:2px solid var(--gray-200);border-radius:12px;padding:10px 14px;font-size:14px;color:var(--gray-700);background:var(--white);outline:none;transition:all 0.25s ease}.filter-input:focus,.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(5 150 105 / .1)}.filter-buttons{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.badge-count{background:var(--primary-bg);color:var(--primary);padding:6px 13px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.export-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--white);border-radius:20px;padding:18px 22px;margin-bottom:24px;box-shadow:0 2px 10px rgb(0 0 0 / .05);border:1px solid rgb(5 150 105 / .1)}.export-toolbar-title{display:flex;align-items:center;gap:14px}.export-toolbar-icon{width:46px;height:46px;border-radius:14px;background:var(--primary-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px}.export-toolbar-title h4{margin:0;font-size:16px;color:var(--gray-800);font-weight:700}.export-toolbar-title p{margin:4px 0 0;color:var(--gray-500);font-size:13px}.export-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-export-pdf{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#fff;padding:10px 18px;border-radius:12px;text-decoration:none;border:none;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all 0.25s ease}.btn-export-pdf:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgb(220 38 38 / .25)}.btn-export-filtered{background:var(--primary-bg);color:var(--primary);padding:10px 18px;border-radius:12px;text-decoration:none;border:1px solid rgb(5 150 105 / .18);display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all 0.25s ease}.btn-export-filtered:hover{background:var(--primary);color:#fff}.pagination-wrapper{padding:18px 24px 24px;border-top:1px solid var(--gray-200);background:var(--white)}.pagination-wrapper nav{display:flex;justify-content:flex-end}.pagination-wrapper .pagination{margin:0;gap:6px}.pagination-wrapper .page-link{border-radius:10px;color:var(--primary);border-color:var(--gray-200)}.pagination-wrapper .page-item.active .page-link{background:var(--primary);border-color:var(--primary)}.profile-header{position:relative;z-index:1}.profile-header::before{pointer-events:none!important;z-index:0!important}.profile-header>*{position:relative;z-index:2}.profile-action-group{display:flex;gap:10px;flex-wrap:wrap;align-items:center;position:relative;z-index:5}.profile-action-group a,.profile-action-group button{position:relative;z-index:6;pointer-events:auto;cursor:pointer}.btn-profile-action{background:rgb(255 255 255 / .18);color:var(--white);padding:10px 20px;border-radius:12px;text-decoration:none;border:1px solid rgb(255 255 255 / .28);display:inline-flex;align-items:center;gap:8px;transition:all 0.3s ease;font-weight:600;line-height:1.2}.btn-profile-action:hover{background:rgb(255 255 255 / .28);color:var(--white);transform:translateY(-2px)}.btn-profile-primary{background:rgb(255 255 255 / .95);color:var(--primary);border-color:rgb(255 255 255 / .95)}.btn-profile-primary:hover{background:var(--white);color:var(--primary-dark)}.btn-profile-export{background:rgb(16 185 129 / .22)}.btn-profile-edit{background:rgb(255 255 255 / .16)}@media (max-width:768px){.auth-card-header,.auth-card-body{padding-left:22px;padding-right:22px}.filter-buttons{align-items:stretch}.filter-buttons .btn-primary,.filter-buttons .btn-secondary{width:100%;justify-content:center}.export-toolbar{flex-direction:column;align-items:stretch}.export-toolbar-actions a,.export-toolbar-actions button{width:100%;justify-content:center}.profile-action-group{flex-direction:column;align-items:stretch}.profile-action-group a,.profile-action-group button{width:100%;justify-content:center}}.native-card{background:var(--white);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 2px 10px rgb(0 0 0 / .05);padding:24px;margin-bottom:24px}.native-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.native-card-title{margin:0;color:var(--gray-800);font-size:20px;font-weight:700}.native-card-subtitle{margin:6px 0 0;color:var(--gray-500);font-size:14px}.native-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.native-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.profile-page-grid{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.profile-summary-card{text-align:center;position:sticky;top:92px}.profile-avatar-large{width:104px;height:104px;margin:0 auto 18px;border-radius:30px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:42px;box-shadow:0 14px 28px rgb(5 150 105 / .22)}.profile-summary-card h2{font-size:22px;font-weight:800;color:var(--gray-800);margin:0 0 6px}.profile-summary-card p{color:var(--gray-500);margin:0 0 20px;word-break:break-word}.profile-meta-list{display:grid;gap:12px;margin-top:18px}.profile-meta-item{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 14px;border-radius:14px;border:1px solid var(--gray-200);background:var(--gray-50);text-align:left}.profile-meta-item span{color:var(--gray-500);font-size:13px}.profile-meta-item strong{color:var(--primary-dark);font-size:13px;text-align:right}.btn-danger-native{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);color:var(--white);padding:10px 18px;border-radius:12px;text-decoration:none;border:none;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all 0.25s ease;cursor:pointer}.btn-danger-native:hover{color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px rgb(239 68 68 / .25)}.delete-inline-form{display:inline-flex;margin:0}.swal2-popup{border-radius:22px!important;padding:28px!important}.swal2-title{color:var(--gray-800)!important;font-size:22px!important;font-weight:800!important}.swal2-html-container{color:var(--gray-600)!important;font-size:14px!important}.swal2-confirm{border-radius:12px!important;padding:10px 20px!important;background:#dc2626!important;font-weight:700!important}.swal2-cancel{border-radius:12px!important;padding:10px 20px!important;background:var(--gray-200)!important;color:var(--gray-700)!important;font-weight:700!important}@media (max-width:992px){.profile-page-grid{grid-template-columns:1fr}.profile-summary-card{position:relative;top:auto}}@media (max-width:768px){.native-form-grid{grid-template-columns:1fr}.native-card-header{flex-direction:column}.native-actions{justify-content:stretch}.native-actions .btn-primary,.native-actions .btn-secondary,.native-actions .btn-danger-native{width:100%;justify-content:center}.profile-meta-item{flex-direction:column;align-items:flex-start}.profile-meta-item strong{text-align:left}}
/* =========================
   Table Action Delete Button
========================= */

.table-action-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.btn-icon-danger-only {
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 12px;
    justify-content: center;
}

.delete-inline-form {
    display: inline-flex;
    margin: 0;
}