@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap";
.sidebar{z-index:1000;background:#f9fafb;border-right:1px solid #d1d5db;flex-direction:column;flex-shrink:0;width:80px;min-height:100vh;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .3s;animation:.5s cubic-bezier(.4,0,.2,1) forwards slideInLeft;display:flex;position:relative}.sidebar .sidebar-brand{color:#1e293b;flex-shrink:0;justify-content:center;align-items:center;height:4.375rem;padding:1.25rem .5rem;font-size:1rem;font-weight:800;text-decoration:none;transition:all .3s;display:flex}.sidebar .sidebar-brand .brand-icon{border-radius:1.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:transform .3s;display:flex;overflow:hidden}.sidebar .sidebar-brand .brand-icon img{object-fit:cover;width:100%;height:100%}.sidebar .sidebar-brand .brand-icon:hover{transform:scale(1.05)}.sidebar .sidebar-divider{background:#d1d5db;border:0;flex-shrink:0;height:1px;margin:0 1rem}.sidebar .sidebar-nav{flex:1;min-height:0;padding:.5rem 0;overflow:hidden auto}.sidebar .sidebar-nav::-webkit-scrollbar{width:2px}.sidebar .sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#4e73df1a;border-radius:1px}.sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#4e73df40}.sidebar .sidebar-nav{scrollbar-width:thin;scrollbar-color:#4e73df1a #0000}.sidebar .nav-item{color:#64748b;cursor:pointer;text-align:left;opacity:0;background:0 0;border:none;border-left:3px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:1rem .5rem;font-size:.85rem;font-weight:400;text-decoration:none;transition:all .15s;animation:.4s cubic-bezier(.4,0,.2,1) forwards slideInLeft;display:flex;transform:translate(-10px)}.sidebar .nav-item svg{flex-shrink:0;width:18px;height:18px}.sidebar .nav-item:hover{color:#4e73df;background:#f8fafc}.sidebar .nav-item.active{color:#4e73df;background:#f1f5f9;border-left-color:#4e73df;font-weight:700}.sidebar .sidebar-topbar{background:#fff;flex-shrink:0;padding:.5rem 0}.sidebar .sidebar-topbar .user-profile-btn{cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;width:100%;padding:.5rem;transition:all .15s;display:flex}.sidebar .sidebar-topbar .user-profile-btn:hover{background:#f8fafc}.sidebar .sidebar-topbar .user-profile-btn .profile-image,.sidebar .sidebar-topbar .user-profile-btn .profile-placeholder{min-width:40px;max-width:40px;min-height:40px;max-height:40px;width:40px!important;height:40px!important}.sidebar .sidebar-topbar.not-working{background:#fef2f2;border-bottom:2px solid #ef4444}.sidebar .sidebar-controls{background:#fff;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.5rem 0;display:flex}.sidebar .sidebar-controls .sidebar-control-btn{color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:.35rem;justify-content:center;align-items:center;width:100%;padding:.75rem;transition:all .15s;display:flex;position:relative}.sidebar .sidebar-controls .sidebar-control-btn:hover{color:#4e73df;background:#f8fafc}.sidebar .sidebar-controls .notification-badge-count{color:#fff;text-align:center;background:#ff6b35;border:2px solid #fff;border-radius:10px;min-width:16px;padding:2px 5px;font-size:9px;font-weight:700;line-height:1.2;position:absolute;top:6px;right:6px}.profile-image,.profile-placeholder{border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-image.circular,.profile-placeholder.circular{border-radius:50%}.profile-image img,.profile-placeholder img{object-fit:cover;width:100%;height:100%}.profile-image{object-fit:contain;padding:0!important}.profile-image.not-working img{filter:grayscale()contrast(1.2)brightness(.9)saturate(.8)}.profile-placeholder{color:#4e73df;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border-color:#4e73df}.profile-placeholder.not-working{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#ef4444}.user-dropdown{z-index:9999;background:#fff;border:1px solid #d1d5db;border-radius:1.5rem;min-width:10rem;max-height:90vh;padding:.5rem 0;animation:.2s dropdownFadeIn;overflow-y:auto;box-shadow:0 1px 3px #0000000d}.user-dropdown .user-dropdown-divider{background:#d1d5db;height:1px;margin:.5rem 0}.user-dropdown .user-dropdown-item{color:#3a3b45;cursor:pointer;text-align:left;background:0 0;border:none;outline:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.85rem;transition:all .15s;display:flex}.user-dropdown .user-dropdown-item svg{color:#64748b;flex-shrink:0}.user-dropdown .user-dropdown-item:hover,.user-dropdown .user-dropdown-item:focus{color:#4e73df;background:#f9fafb}.user-dropdown .user-dropdown-item:hover svg,.user-dropdown .user-dropdown-item:focus svg{color:#4e73df}.user-dropdown .user-dropdown-item.danger,.user-dropdown .user-dropdown-item.danger svg{color:#e74a3b}.user-dropdown .user-dropdown-item.danger:hover,.user-dropdown .user-dropdown-item.danger:focus{background:#fef2f2}.mobile-header{display:none}@media (max-width:768px){.mobile-header{z-index:1100;box-sizing:border-box;background:#fff;border-bottom:1px solid #d1d5db;align-items:center;gap:.6rem;width:100%;max-width:100%;height:52px;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow-x:hidden;box-shadow:0 1px 3px #0000000d;padding:.5rem 1rem!important;position:fixed!important;top:0!important;left:0!important;right:0!important}}.mobile-header .mobile-header-hamburger{color:#1e293b;cursor:pointer;-webkit-tap-highlight-color:#0000;background:#fff;border:none;border-radius:1.5rem;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.mobile-header .mobile-header-hamburger:hover{background:#f8fafc;border-color:#bac0c9}.mobile-header .mobile-header-hamburger:active{transform:scale(.94)}.mobile-header .mobile-header-brand{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.mobile-header .mobile-header-logo{border-radius:.4rem;flex-shrink:0;width:24px;height:24px;overflow:hidden}.mobile-header .mobile-header-logo img{object-fit:cover;width:100%;height:100%}.mobile-header .mobile-header-title{color:#1e293b;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.mobile-header .mobile-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.mobile-header .mobile-header-notification{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:1.5rem;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:relative}.mobile-header .mobile-header-notification:hover{background:#f8fafc}.mobile-header .mobile-header-notification .notification-badge-count{color:#fff;text-align:center;background:#ff6b35;border:2px solid #fff;border-radius:8px;min-width:14px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.2;position:absolute;top:2px;right:2px}.mobile-header .mobile-header-avatar{cursor:pointer;-webkit-tap-highlight-color:#0000;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex}.mobile-header .mobile-header-avatar:active{opacity:.7}.mobile-header .mobile-header-avatar .profile-image,.mobile-header .mobile-header-avatar .profile-placeholder{border-width:1.5px}.sidebar-drawer{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.sidebar-drawer .ant-drawer-body{flex-direction:column;height:100%;display:flex;padding:0!important}.drawer-inner{background:#f9fafb;flex-direction:column;height:100%;display:flex}.drawer-header{background:#fff;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.drawer-header .drawer-brand{align-items:center;gap:.6rem;display:flex}.drawer-header .drawer-brand .brand-icon{border-radius:.5rem;flex-shrink:0;width:1.75rem;height:1.75rem;overflow:hidden}.drawer-header .drawer-brand .brand-icon img{object-fit:cover;width:100%;height:100%}.drawer-header .drawer-brand .brand-text{color:#1e293b;letter-spacing:-.02em;font-size:.95rem;font-weight:800}.drawer-header .drawer-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.6rem;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.drawer-header .drawer-close:hover{color:#1e293b;background:#f8fafc}.drawer-divider{background:#d1d5db;border:0;flex-shrink:0;height:1px;margin:0}.drawer-nav{flex-direction:column;flex:1;gap:1px;padding:.5rem 0 .5rem .75rem;display:flex;overflow-y:auto}.drawer-nav::-webkit-scrollbar{width:3px}.drawer-nav::-webkit-scrollbar-thumb{background:#4e73df26;border-radius:2px}.drawer-nav-item{color:#64748b;cursor:pointer;text-align:left;-webkit-tap-highlight-color:#0000;background:0 0;border:none;border-radius:1.5rem 0 0 1.5rem;align-items:center;gap:.7rem;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:flex;position:relative}.drawer-nav-item svg{flex-shrink:0;width:18px;height:18px;transition:color .15s}.drawer-nav-item span{white-space:nowrap;flex:1}.drawer-nav-item .nav-chevron{opacity:.3;margin-left:auto}.drawer-nav-item:hover{color:#4e73df;background:#f8fafc}.drawer-nav-item:hover svg{color:#4e73df}.drawer-nav-item:hover .nav-chevron{opacity:.6}.drawer-nav-item:active{transform:scale(.98)}.drawer-nav-item.active{color:#4e73df;background:#4e73df14;font-weight:700}.drawer-nav-item.active svg{color:#4e73df}.drawer-spacer{flex:1}.drawer-footer{background:#fff;border-top:1px solid #d1d5db;padding:.6rem .7rem}.drawer-footer .drawer-logout-btn{color:#e74a3b;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;align-items:center;gap:.6rem;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.drawer-footer .drawer-logout-btn svg{flex-shrink:0}.drawer-footer .drawer-logout-btn:hover{background:#fee2e2}.drawer-footer .drawer-logout-btn:active{transform:scale(.98)}.user-dropdown .user-dropdown-header{flex-direction:column;gap:.1rem;padding:.6rem 1rem;display:flex}.user-dropdown .user-dropdown-header .user-dropdown-name{color:#1e293b;font-size:.85rem;font-weight:700}.user-dropdown .user-dropdown-header .user-dropdown-role{color:#64748b;font-size:.72rem;font-weight:500}@media (max-width:768px){.sidebar{display:none!important}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:70px}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}