:root{--primary: #003a8f;--primary-light: #1e5dba;--primary-soft: #e6f0ff;--success: #2e7d32;--warning: #f9a825;--danger: #c62828;--text-dark: #0f172a;--text-muted: #64748b;--bg-main: #f4f7fb;--bg-card: #ffffff;--border-soft: #e5e7eb}body{background-color:var(--bg-main);color:var(--text-dark);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.main-content{margin-left:260px;padding:32px;min-height:100vh;background:var(--bg-main)}.card,.card-stat{border:1px solid var(--border-soft);border-radius:14px;background:var(--bg-card);box-shadow:0 6px 18px #0f172a0f}.icon-circle{width:46px;height:46px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff}.btn-primary{background-color:var(--primary);border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-light);border-color:var(--primary-light)}.table thead th{background-color:var(--primary-soft);color:var(--primary);font-weight:600;border-bottom:1px solid var(--border-soft)}.chart-wrapper{position:relative;width:100%;max-width:360px;height:360px;margin:0 auto}.chart-wrapper canvas{width:100%!important;height:100%!important}.img-thumb{width:32px;height:32px;border-radius:6px;object-fit:cover;border:1px solid var(--border-soft)}.img-clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.img-clickable:hover{transform:scale(1.05);box-shadow:0 4px 10px #00000026}.img-placeholder{width:32px;height:32px;border-radius:6px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;font-size:14px}.table tbody tr{vertical-align:middle}.table-hover tbody tr:hover{background-color:#f8fafc}.attendance-photo{cursor:zoom-in}.bg-primary-soft{background-color:#0d6efd1a}.bg-success-soft{background-color:#1987541a}.bg-warning-soft{background-color:#ffc1071a}.sidebar{width:260px;min-height:100vh;background:var(--bg-card);border-right:1px solid var(--border-soft);position:fixed;transition:width .25s ease}.sidebar-brand{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.brand-left{display:flex;align-items:center}.sidebar-logo{height:32px;width:auto}.sidebar-brand{background:linear-gradient(90deg,#003a8f08,#003a8f0f)}.logo-mini{opacity:0;position:absolute;pointer-events:none}.sidebar-brand{position:relative}.sidebar-collapsed .logo-full{opacity:0;transform:scale(.9)}.sidebar-collapsed .logo-mini{opacity:1;transform:scale(1);pointer-events:auto}.sidebar .nav-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;color:var(--text-dark);position:relative;transition:all .2s ease}.sidebar .nav-link:hover{background:var(--primary-soft);color:var(--primary)}.sidebar .nav-link.active{background:var(--primary);color:#fff}.nav-parent.active{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border-radius:12px;box-shadow:0 6px 16px #003a8f40;overflow:hidden}.menu-arrow{font-size:.75rem;transition:transform .25s ease}.nav-parent[aria-expanded=true] .menu-arrow{transform:rotate(180deg)}.sidebar-collapsed .sidebar{width:80px}.sidebar-collapsed .main-content{margin-left:80px}.sidebar-collapsed .brand-left{display:none}.sidebar-collapsed .sidebar-brand{justify-content:center}.sidebar-collapsed .nav-link span{display:none}.sidebar-collapsed .nav-link{justify-content:center}.sidebar-collapsed .menu-arrow{display:none}.topbar{height:56px;background:var(--bg-card);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;padding:0 24px;margin-bottom:24px}.topbar-left{display:flex;align-items:center}.topbar .sidebar-toggle{width:40px;height:40px;border-radius:12px;background:#eef4ff;border:none;color:var(--primary);display:flex;align-items:center;justify-content:center}.topbar .sidebar-toggle:hover{background:var(--primary);color:#fff}.topbar-right{display:flex;align-items:center;gap:12px}.user-name{font-size:14px;color:var(--text-muted)}.schedule-table .select2-container--bootstrap-5 .select2-selection--multiple{min-height:38px;padding:3px}.schedule-table .select2-selection__choice{background:#eef4ff;border:1px solid #d6e4ff;border-radius:6px;font-size:12px;padding:2px 6px}.schedule-table .select2-selection__choice__remove{color:#6c757d;margin-right:4px}.schedule-table .select2-selection__choice__remove:hover{color:#dc3545}.schedule-table tbody tr{border-bottom:1px solid #f1f3f5}.card-stat{border-radius:12px}.icon-circle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.ts-wrapper.multi .ts-control>input{min-width:120px!important}.ts-wrapper.multi .ts-control>input::placeholder{color:#6c757d}.ts-wrapper.multi.has-items .ts-control>input::placeholder{color:transparent}.ts-wrapper.multi .item{margin:2px}@media(max-width:992px){.sidebar{transform:translate(-100%);z-index:1050}.sidebar-open .sidebar{transform:translate(0)}.main-content{margin-left:0}}