html{scrollbar-gutter:auto!important}.admin-dashboard{min-height:100vh;font-family:var(--font-main);gap:12px;padding:12px;display:flex;color:#1e293b!important;background-color:#0f172a!important}.dashboard-sidebar{color:#f1f5f9;background:linear-gradient(165deg,#111827 0%,#1e1b4b 50%,#0f172a 100%);border-right:1px solid #ffffff0d;border-radius:24px;flex-direction:column;width:280px;height:calc(100vh - 24px);display:flex;position:sticky;top:12px;overflow:hidden;box-shadow:0 20px 40px #0006}.sidebar-header{text-align:center;border-bottom:1px solid #ffffff0d;padding:3rem 1.5rem}.admin-logo{flex-direction:column;align-items:center;gap:.25rem;display:flex}.admin-logo .logo-text{font-family:var(--font-logo);letter-spacing:2px;color:#fff;text-shadow:0 0 7px #00d2ff4d,0 0 10px #00d2ff66,0 0 21px #00d2ff80,0 0 42px #00d2ff99,0 0 82px #00d2ffb3;filter:drop-shadow(0 2px 4px #00000080);margin:0;font-size:2rem;animation:2s infinite alternate neonPulse}@keyframes neonPulse{0%{text-shadow:0 0 7px #00d2ff4d,0 0 10px #00d2ff66,0 0 21px #00d2ff80}to{text-shadow:0 0 10px #00d2ff80,0 0 20px #00d2ffb3,0 0 35px #00d2ffe6}}.logo-subtitle{text-transform:uppercase;letter-spacing:4px;color:var(--primary);opacity:.8;font-size:.65rem;font-weight:700}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;padding:1.5rem 1rem;overflow-y:auto}.menu-group{margin-bottom:1.5rem}.group-toggle{color:#94a3b8;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.8rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.group-toggle:hover{color:#fff;background:#ffffff14;box-shadow:inset 0 0 10px #ffffff05}.group-toggle.expanded{color:#fff;background:#ffffff08}.group-toggle .arrow{opacity:.5;margin-left:auto;font-size:.7rem;transition:transform .3s}.expanded .arrow{transform:rotate(180deg)}.group-items{flex-direction:column;gap:.4rem;margin-top:.5rem;padding-left:.5rem;display:flex}.nav-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;position:relative;color:#94a3b8!important}.nav-item:hover{color:#fff;background:#ffffff12;transform:translate(6px);box-shadow:2px 4px 12px #0000001a}.nav-item.active{color:#5eead4;background:#14b8a626;font-weight:700;box-shadow:inset 0 0 12px #5eead40d}.nav-item.active:before{content:"";background:#5eead4;border-radius:0 4px 4px 0;width:5px;position:absolute;top:20%;bottom:20%;left:-4px;box-shadow:0 0 20px #5eead4cc}.sidebar-footer{padding:1.5rem;background:#0006!important;border-top:1px solid #ffffff1a!important}.user-profile{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:1rem;padding:.75rem;transition:all .3s;display:flex}.user-profile:hover{background:#ffffff14;border-color:#ffffff1a}.avatar{background:linear-gradient(135deg, var(--primary) 0%, #0d9488 100%);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 4px 15px #0000004d}.dashboard-topbar{z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:-1px;box-shadow:none!important;background:#fff!important;border-bottom:3px solid #1e293b!important;border-radius:0!important;margin:0!important;padding:16px 32px!important}.breadcrumb{color:#1e293b!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-family:Be Vietnam Pro,sans-serif!important;font-size:.82rem!important;font-weight:800!important}.user-info{flex-direction:column;display:flex}.user-role{color:#94a3b8;font-size:.7rem;font-weight:500}.user-name{color:#fff;font-size:.85rem;font-weight:600}.user-role{color:#ffffff80;font-size:.7rem}.dashboard-main{flex-direction:column;flex:1;display:flex;background:radial-gradient(circle,#1e293b0d 1.5px,#0000 1.5px) 0 0/28px 28px,#f0f4f8!important;border:3px solid #1e293b!important;border-radius:24px!important;overflow:hidden!important;box-shadow:8px 8px #1e293b!important}.topbar-right{align-items:center;gap:.75rem;display:flex}.admin-lang-switch{background:#fff;border:2px solid #1e293b;border-radius:12px;align-items:center;gap:.25rem;min-height:40px;padding:.25rem;font-family:Be Vietnam Pro,sans-serif;display:inline-flex;box-shadow:3px 3px #1e293b}.admin-lang-btn{color:#1e293b;cursor:pointer;background:#f8fafc;border:2px solid #0000;border-radius:9px;min-width:42px;min-height:32px;padding:.34rem .58rem;font-family:Be Vietnam Pro,sans-serif;font-size:.78rem;font-weight:1000;transition:transform .14s cubic-bezier(.34,1.56,.64,1),background-color .14s,border-color .14s,box-shadow .14s}.admin-lang-btn:hover{background:#fff7d6;border-color:#1e293b;transform:translate(-1px,-1px);box-shadow:2px 2px #1e293b}.admin-lang-btn.active{background:#fbbf24;border-color:#1e293b;box-shadow:2px 2px #1e293b}@media (max-width:1100px){.dashboard-topbar{flex-direction:column;align-items:flex-start;gap:.85rem}.topbar-right{flex-wrap:wrap;width:100%}}@media (max-width:640px){.admin-lang-switch{width:auto}.admin-lang-btn{min-width:40px}}.icon-btn{background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:background .2s;display:flex}.icon-btn:hover{background:#e2e8f0}.dashboard-content-area{flex:1;max-width:1400px;padding:2.5rem;margin:0 auto!important}.table-header{box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:2rem!important;padding:1.5rem 2rem!important;display:flex!important;box-shadow:0 1px 3px #0000000d!important}.table-title{color:#0f172a;font-size:1.5rem;font-weight:800;margin:0!important}.table-actions{align-items:center;gap:1rem;display:flex}.search-bar{align-items:center;transition:all .2s;display:flex;position:relative;background:#fff!important;border:3px solid #1e293b!important;border-radius:999px!important;padding:0 1.25rem!important;box-shadow:4px 4px #1e293b!important}.search-bar:focus-within{background:#fff;border-color:#8b5cf6!important;box-shadow:6px 6px #1e293b!important}.search-icon{filter:grayscale()contrast(1.5);font-size:.9rem}.search-bar input{color:#1e293b;background:0 0;border:none;outline:none;width:200px;padding:.75rem .5rem;font-family:Be Vietnam Pro,sans-serif;font-size:.85rem;font-weight:700}.add-btn{color:#fff!important;cursor:pointer!important;text-transform:uppercase!important;background:#8b5cf6!important;border:3px solid #1e293b!important;border-radius:999px!important;padding:.75rem 1.5rem!important;font-family:Be Vietnam Pro,sans-serif!important;font-weight:800!important;transition:all .12s cubic-bezier(.34,1.56,.64,1)!important;box-shadow:4px 4px #1e293b!important}.add-btn:hover{background:#7c3aed!important;transform:translate(-2px,-2px)!important;box-shadow:6px 6px #1e293b!important}.add-btn:active{transform:translate(2px,2px)!important;box-shadow:2px 2px #1e293b!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-modal{flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;background:#fffdf5!important;border:3px solid #1e293b!important;border-radius:28px!important;box-shadow:12px 12px #1e293b!important}.animate-in{animation:.3s cubic-bezier(.34,1.56,.64,1) modalScale}@keyframes modalScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{background:linear-gradient(90deg,#fdf2f8 0%,#f5f3ff 100%)!important;border-bottom:3px solid #1e293b!important;justify-content:space-between!important;align-items:center!important;padding:1.5rem 2rem!important;display:flex!important}.modal-header h3{color:#0f172a;font-size:1.25rem;margin:0!important;font-family:Be Vietnam Pro,sans-serif!important;font-weight:900!important}.close-modal{cursor:pointer;color:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:all .12s cubic-bezier(.34,1.56,.64,1);display:flex;background:#fff!important;border:2px solid #1e293b!important;box-shadow:2px 2px #1e293b!important}.close-modal:hover{background:#f1f5f9;transform:translate(-1.5px,-1.5px);box-shadow:3.5px 3.5px #1e293b}.close-modal:active{transform:translate(1px,1px);box-shadow:1px 1px #1e293b}.modal-body{flex:1;padding:1.5rem 2rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#fffdf5;border-left:2px solid #1e293b}.modal-body::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}.modal-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-size:.78rem;color:#475569!important;text-transform:uppercase!important;letter-spacing:.3px!important;font-family:Be Vietnam Pro,sans-serif!important;font-weight:800!important}.form-group input,.form-group textarea,.form-group select{outline:none;font-size:.9rem;transition:all .2s;color:#1e293b!important;background:#fff!important;border:2.5px solid #1e293b!important;border-radius:14px!important;padding:.75rem 1rem!important;font-family:Be Vietnam Pro,sans-serif!important;font-weight:700!important;box-shadow:3px 3px #1e293b!important}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{transform:translate(-2px,-2px);border-color:#8b5cf6!important;box-shadow:5px 5px #1e293b!important}.delete-confirm{text-align:center;padding:1rem 0}.warning-icon{color:#0f172a;place-items:center;margin-bottom:1rem;font-size:3rem;display:inline-grid}.delete-confirm p{color:#0f172a;margin-bottom:.5rem;font-family:Be Vietnam Pro,sans-serif!important;font-weight:700!important}.sub-text{color:#64748b;font-size:.85rem;font-weight:600!important}.modal-footer{justify-content:flex-end;gap:1rem;display:flex;background:0 0!important;border-top:none!important;padding:1.25rem 2rem!important}.btn-secondary{cursor:pointer;border-radius:999px;padding:.65rem 1.35rem;transition:all .12s cubic-bezier(.34,1.56,.64,1);color:#1e293b!important;text-transform:uppercase!important;background:#fff!important;border:3px solid #1e293b!important;font-family:Be Vietnam Pro,sans-serif!important;font-size:.78rem!important;font-weight:800!important;box-shadow:3px 3px #1e293b!important}.btn-secondary:hover{background-color:#f1f5f9;transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b}.btn-primary{cursor:pointer;border-radius:999px;padding:.65rem 1.35rem;transition:all .12s cubic-bezier(.34,1.56,.64,1);color:#1e293b!important;text-transform:uppercase!important;background:#fbbf24!important;border:3px solid #1e293b!important;font-family:Be Vietnam Pro,sans-serif!important;font-size:.78rem!important;font-weight:800!important;box-shadow:3px 3px #1e293b!important}.btn-primary:hover{background-color:#f59e0b;transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b}.btn-danger{cursor:pointer;border-radius:999px;padding:.65rem 1.35rem;transition:all .12s cubic-bezier(.34,1.56,.64,1);color:#fff!important;text-transform:uppercase!important;background:#ef4444!important;border:3px solid #1e293b!important;font-family:Be Vietnam Pro,sans-serif!important;font-size:.78rem!important;font-weight:800!important;box-shadow:3px 3px #1e293b!important}.btn-danger:hover{background-color:#dc2626;transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b}.data-table-wrapper{background:0 0;border:none;border-radius:16px;overflow:visible}table{border-collapse:separate;border-spacing:0 8px;width:100%;margin-top:-8px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f1f5f9;border:3px solid #1e293b;padding:1rem 1.5rem;font-size:.75rem;font-family:Be Vietnam Pro,sans-serif!important;font-weight:800!important}thead th:first-child{border-left:3px solid #1e293b;border-top-left-radius:12px;border-bottom-left-radius:12px}thead th:last-child{border-right:3px solid #1e293b;border-top-right-radius:12px;border-bottom-right-radius:12px}tbody tr{box-shadow:none;background:0 0;transition:all .2s cubic-bezier(.34,1.56,.64,1)}tbody td{vertical-align:middle;color:#1e293b;background:#fff;border-top:2.5px solid #1e293b;border-bottom:2.5px solid #1e293b;padding:1.25rem 1.5rem;font-size:.88rem;box-shadow:4px 4px #1e293b;font-family:Be Vietnam Pro,sans-serif!important;font-weight:700!important}tbody td:first-child{border-left:2.5px solid #1e293b;border-top-left-radius:14px;border-bottom-left-radius:14px}tbody td:last-child{border-right:2.5px solid #1e293b;border-top-right-radius:14px;border-bottom-right-radius:14px}tbody tr:hover{box-shadow:none;transform:translate(-4px,-4px)}tbody tr:hover td{background:#fffdf5;border-color:#1e293b;box-shadow:7px 7px #1e293b}tbody tr:hover td:first-child{border-left:5px solid #8b5cf6}.id-col{color:#94a3b8;white-space:nowrap;min-width:110px;font-size:.8rem;font-weight:700}.name-col{color:#1e293b;font-weight:700!important}.type-tag{color:#147d85;background-color:#f0f9fa;border-radius:12px;padding:.35rem .75rem;font-size:.8125rem;display:inline-block;font-family:Be Vietnam Pro,sans-serif!important;font-weight:700!important}.badge{border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.7rem;display:inline-flex;font-family:Be Vietnam Pro,sans-serif!important;font-weight:800!important}.badge.active,.status-badge.completed{color:#166534;background:#dcfce7}.badge.processing,.status-badge.processing{color:#b45309;background:#fed7aa}.action-btns{gap:.5rem;display:flex}.action-btns button{color:#64748b;cursor:pointer;background:#f8fafc;border:2px solid #1e293b;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:2px 2px #1e293b}.action-btns .view-btn-v2:hover{color:var(--primary);background:#eff6ff;border-color:#bfdbfe;transform:translate(-1.5px,-1.5px);box-shadow:3.5px 3.5px #1e293b}.action-btns .delete-btn-v2:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca;transform:translate(-1.5px,-1.5px);box-shadow:3.5px 3.5px #1e293b}.text-error{color:#ef4444;margin-bottom:1rem;font-weight:700}.view-detail-text{color:#334155;word-break:break-word;margin:.5rem 0;font-weight:600}.intervention-header-zone{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.intervention-tab-title{color:#0f172a;margin:0 0 .25rem;font-size:1.4rem;font-weight:700}.intervention-tab-subtitle{color:#475569;margin:0;font-size:.85rem;font-weight:500}.staff-stats-bento-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;width:100%;display:grid}.bento-stat-sticker{box-sizing:border-box;background:#fff;border:3px solid #1e293b;border-radius:20px;align-items:center;gap:1rem;padding:1.2rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;box-shadow:5px 5px #1e293b}.bento-stat-sticker:hover{transform:translate(-3px,-3px)rotate(.5deg);box-shadow:8px 8px #1e293b}.bento-stat-icon-wrapper{border:2px solid #1e293b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;display:flex;box-shadow:2px 2px #1e293b}.bento-stat-icon-wrapper.bg-blue-light{background-color:#ede9fe}.bento-stat-icon-wrapper.bg-green-light{background-color:#d1fae5}.bento-stat-icon-wrapper.bg-amber-light{background-color:#fef3c7}.bento-stat-icon-wrapper.bg-purple-light{background-color:#fce7f3}.bento-stat-info{flex-direction:column;gap:.15rem;display:flex}.bento-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:.72rem;font-weight:800}.bento-stat-value{color:#1e293b;font-family:Be Vietnam Pro,sans-serif;font-size:1.35rem;font-weight:900}.record-status-badge{border:1.5px solid #1e293b;border-radius:6px;padding:1px 6px;font-size:.68rem;font-weight:900;box-shadow:1.5px 1.5px #1e293b}.record-status-badge.badge-active{color:#10b981;background-color:#ecfdf5}.record-status-badge.badge-graduated{color:#8b5cf6;background-color:#f5f3ff}@media (max-width:1024px){.staff-stats-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.staff-stats-bento-grid{grid-template-columns:1fr;gap:.85rem}}