.sidebar{position:fixed !important;top:70px !important;left:0 !important;width:260px !important;height:calc(100vh - 70px) !important;background:#ffffff !important;border-right:1px solid #e2e8f0 !important;z-index:1040 !important;overflow-y:auto !important;overflow-x:hidden !important;box-shadow:0 4px 20px rgba(0,0,0,0.08) !important;transition:transform 0.3s ease !important}.main-content{margin-left:260px !important;margin-top:70px !important;padding:2rem !important;min-height:calc(100vh - 70px) !important;background:#f7fafc !important}.sidebar .nav-link{display:flex !important;align-items:center !important;padding:0.875rem 1rem !important;margin:0.25rem 0 !important;border-radius:10px !important;color:#718096 !important;font-weight:500 !important;text-decoration:none !important;transition:all 0.3s ease !important;border:2px solid transparent !important}.sidebar .nav-link:hover{background:rgba(102,126,234,0.08) !important;color:#667eea !important;transform:translateX(4px) !important}.sidebar .nav-link.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;color:white !important;box-shadow:0 4px 15px rgba(102,126,234,0.3) !important}.nav-icon{width:20px !important;height:20px !important;margin-right:0.75rem !important;font-size:16px !important;display:flex !important;align-items:center !important;justify-content:center !important}.sidebar-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(0,0,0,0.5) !important;z-index:1030 !important;opacity:0 !important;visibility:hidden !important;transition:all 0.3s ease !important}.sidebar-overlay.show{opacity:1 !important;visibility:visible !important}@media (max-width: 768px){.sidebar{transform:translateX(-100%) !important}.sidebar.show{transform:translateX(0) !important}.main-content{margin-left:0 !important;padding:1.5rem !important}}@media (max-width: 480px){.sidebar{width:100% !important}.main-content{padding:1rem !important}}.header{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;height:70px !important;background:#ffffff !important;border-bottom:1px solid #e2e8f0 !important;z-index:1050 !important;box-shadow:0 4px 20px rgba(0,0,0,0.08) !important}.mobile-toggle{display:none !important;background:none !important;border:none !important;font-size:1.25rem !important;color:#2d3748 !important;padding:0.5rem !important;border-radius:8px !important;cursor:pointer !important}@media (max-width: 768px){.mobile-toggle{display:block !important}}.brand-icon{width:40px !important;height:40px !important;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;border-radius:10px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:white !important;font-size:18px !important;box-shadow:0 4px 15px rgba(102,126,234,0.3) !important}.brand-text{font-size:1.5rem !important;font-weight:700 !important;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important}.sidebar-content{padding:1.5rem 1rem !important;height:100% !important}.sidebar-brand{padding:1rem !important;margin-bottom:1rem !important;text-align:center !important;border-bottom:1px solid #e2e8f0 !important}.sidebar-brand h4{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;font-weight:700 !important;font-size:1.1rem !important;margin:0 !important}.sidebar .nav{gap:0.25rem !important}.sidebar .nav-item{margin-bottom:0.25rem !important}.nav-text{flex:1 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.sidebar::-webkit-scrollbar{width:6px !important}.sidebar::-webkit-scrollbar-track{background:transparent !important}.sidebar::-webkit-scrollbar-thumb{background:rgba(102,126,234,0.2) !important;border-radius:3px !important}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,0.4) !important}