body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f2f5;font-size:14px;color:#333}.login-bg{background:linear-gradient(rgb(15 23 42 / .6),rgb(15 23 42 / .7)),url(https://images.unsplash.com/photo-1759386850821-7b63d7f5af08?q=80&w=1160&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;background-position:center;height:100vh;width:100vw}.login-card{width:350px;padding:2.5rem;border-radius:20px;background:rgb(255 253 230 / .9)!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgb(255 255 255 / .8);box-shadow:0 8px 32px 0 rgb(0 0 0 / .2);color:#333}.login-card h4{color:#1a237e!important;text-shadow:none}.login-card small{color:#666!important;text-shadow:none}.login-card label{color:#333;font-weight:500}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:20px;gap:10px}.btn-page{background-color:#fff;border:1px solid #dee2e6;padding:5px 12px;border-radius:5px;color:#0d6efd;cursor:pointer;transition:all 0.2s}.btn-page:hover{background-color:#e9ecef}.btn-page.disabled{opacity:.5;pointer-events:none}.page-info{font-weight:700;color:#555}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sidebar{background:linear-gradient(180deg,#1a237e 0%,#283593 100%);min-height:100vh;box-shadow:4px 0 10px rgb(0 0 0 / .1);color:#fff}.nav-link{color:#c5cae9;margin-bottom:8px;padding:12px 15px;border-radius:10px;transition:all 0.3s ease;cursor:pointer;font-weight:500}.nav-link:hover{background-color:rgb(255 255 255 / .1);color:#fff;transform:translateX(5px)}.nav-link.active{background-color:#3949ab;color:#fff;font-weight:600;box-shadow:0 4px 6px rgb(0 0 0 / .2);border-left:4px solid #8c9eff}.avatar-circle{width:70px;height:70px;background:rgb(255 255 255 / .2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;border:2px solid rgb(255 255 255 / .3)}.content-area{background-color:#f0f2f5;min-height:100vh;padding-bottom:50px}.card{border:none;border-radius:12px;box-shadow:0 2px 10px rgb(0 0 0 / .05);transition:transform 0.2s;background:#fff}.card:hover{transform:translateY(-2px)}.table{border:1px solid #dee2e6;margin-bottom:0}.table th,.table td{border:1px solid #dee2e6;vertical-align:middle;padding:12px 10px}.table thead th{background-color:#e7f1ff!important;color:#0c419a;text-align:center;font-weight:700;text-transform:uppercase;font-size:.85rem;border-bottom:2px solid #b6d4fe}.table-hover tbody tr:hover{background-color:#f1f8ff}.badge{padding:6px 10px;font-weight:500;border-radius:6px;font-size:.8rem}@media (max-width:768px){.sidebar{background:linear-gradient(180deg,#1a237e 0%,#283593 100%);height:100vh;overflow-y:auto;box-shadow:4px 0 10px rgb(0 0 0 / .1);color:#fff;position:fixed;top:0;left:-260px;width:260px;z-index:1060;transition:left 0.3s cubic-bezier(.4,0,.2,1)}.sidebar.show{left:0!important;box-shadow:5px 0 15px rgb(0 0 0 / .5)}.content-area{padding:15px;width:100%}.login-card{width:90%;padding:1.5rem}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .5);z-index:1055;display:none}.sidebar-backdrop.show{display:block}}.flatpickr-calendar{font-family:'Segoe UI',sans-serif;box-shadow:0 10px 30px rgb(0 0 0 / .2)!important;border:none!important;z-index:9999!important}.btn-help{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#0d6efd,#0a58ca);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none;z-index:9999;transition:all 0.3s ease;border:2px solid #fff}.btn-help:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 0 20px rgb(13 110 253 / .6);color:#fff}@media (max-width:768px){.btn-help{width:50px;height:50px;font-size:24px;bottom:20px;right:20px}}